[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: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]{opacity:0;transition-property:opacity,transform}[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]{transform:scale(1.2)}[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{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)}@import url("https://fonts.googleapis.com/css?family=Playfair+Display:700,900|Fira+Sans:400,400italic");
*,
*::after,
*::before {
box-sizing: inherit;
}
* {
font: inherit;
}   select.form-control::-ms-expand {
display: none;
} input::-ms-clear {
display: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  :root {
--space-unit: 1em;
--space-xxxxs: calc(0.125 * var(--space-unit));
--space-xxxs: calc(0.25 * var(--space-unit));
--space-xxs: calc(0.375 * var(--space-unit));
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit));
--space-md: calc(1.25 * var(--space-unit));
--space-lg: calc(2 * var(--space-unit));
--space-xl: calc(3.25 * var(--space-unit));
--space-xxl: calc(5.25 * var(--space-unit));
--space-xxxl: calc(8.5 * var(--space-unit));
--space-xxxxl: calc(13.75 * var(--space-unit));
--component-padding: var(--space-md);
}
:root {
--max-width-xxs: 32rem;
--max-width-xs: 38rem;
--max-width-sm: 48rem;
--max-width-md: 64rem;
--max-width-lg: 80rem;
--max-width-xl: 90rem;
--max-width-xxl: 120rem;
} .max-width-xxs {
max-width: 32rem;
max-width: var(--max-width-xxs);
}
.max-width-xs {
max-width: 38rem;
max-width: var(--max-width-xs);
}
.max-width-sm {
max-width: 48rem;
max-width: var(--max-width-sm);
}
.max-width-md {
max-width: 64rem;
max-width: var(--max-width-md);
}
.max-width-lg {
max-width: 80rem;
max-width: var(--max-width-lg);
}
.max-width-xl {
max-width: 90rem;
max-width: var(--max-width-xl);
}
.max-width-xxl {
max-width: 120rem;
max-width: var(--max-width-xxl);
}
.max-width-adaptive-sm {
max-width: 38rem;
max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
.max-width-adaptive-sm {
max-width: 48rem;
max-width: var(--max-width-sm);
}
}
.max-width-adaptive-md {
max-width: 38rem;
max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
.max-width-adaptive-md {
max-width: 64rem;
max-width: var(--max-width-md);
}
}
.max-width-adaptive,
.max-width-adaptive-lg {
max-width: 38rem;
max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
.max-width-adaptive,
.max-width-adaptive-lg {
max-width: 64rem;
max-width: var(--max-width-md);
}
}
@media (min-width: 90rem) {
.max-width-adaptive,
.max-width-adaptive-lg {
max-width: 80rem;
max-width: var(--max-width-lg);
}
}
.max-width-adaptive-xl {
max-width: 38rem;
max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
.max-width-adaptive-xl {
max-width: 64rem;
max-width: var(--max-width-md);
}
}
@media (min-width: 90rem) {
.max-width-adaptive-xl {
max-width: 90rem;
max-width: var(--max-width-xl);
}
}
.grid {
--grid-gap: 0px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid > * {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
[class*="grid-gap"] {
margin-bottom: 1em * -1;
margin-bottom: calc(var(--grid-gap, 1em) * -1);
margin-right: 1em * -1;
margin-right: calc(var(--grid-gap, 1em) * -1);
}
[class*="grid-gap"] > * {
margin-bottom: 1em;
margin-bottom: var(--grid-gap, 1em);
margin-right: 1em;
margin-right: var(--grid-gap, 1em);
}
.grid-gap-xxxxs {
--grid-gap: var(--space-xxxxs);
}
.grid-gap-xxxs {
--grid-gap: var(--space-xxxs);
}
.grid-gap-xxs {
--grid-gap: var(--space-xxs);
}
.grid-gap-xs {
--grid-gap: var(--space-xs);
}
.grid-gap-sm {
--grid-gap: var(--space-sm);
}
.grid-gap-md {
--grid-gap: var(--space-md);
}
.grid-gap-lg {
--grid-gap: var(--space-lg);
}
.grid-gap-xl {
--grid-gap: var(--space-xl);
}
.grid-gap-xxl {
--grid-gap: var(--space-xxl);
}
.grid-gap-xxxl {
--grid-gap: var(--space-xxxl);
}
.grid-gap-xxxxl {
--grid-gap: var(--space-xxxxl);
}
.col {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1 {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2 {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3 {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4 {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5 {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6 {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7 {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8 {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9 {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10 {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11 {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12 {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
@media (min-width: 32rem) {
.col\@xs {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1\@xs {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2\@xs {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3\@xs {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4\@xs {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5\@xs {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6\@xs {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7\@xs {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8\@xs {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9\@xs {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10\@xs {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11\@xs {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12\@xs {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
}
@media (min-width: 48rem) {
.col\@sm {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1\@sm {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2\@sm {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3\@sm {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4\@sm {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5\@sm {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6\@sm {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7\@sm {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8\@sm {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9\@sm {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10\@sm {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11\@sm {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12\@sm {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
}
@media (min-width: 64rem) {
.col\@md {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1\@md {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2\@md {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3\@md {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4\@md {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5\@md {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6\@md {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7\@md {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8\@md {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9\@md {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10\@md {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11\@md {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12\@md {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
}
@media (min-width: 80rem) {
.col\@lg {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1\@lg {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2\@lg {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3\@lg {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4\@lg {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5\@lg {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6\@lg {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7\@lg {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8\@lg {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9\@lg {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10\@lg {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11\@lg {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12\@lg {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
}
@media (min-width: 90rem) {
.col\@xl {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-1\@xl {
-ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(8.33% - 0.01px - 1em);
flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(8.33% - 0.01px - 1em);
max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
.col-2\@xl {
-ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(16.66% - 0.01px - 1em);
flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(16.66% - 0.01px - 1em);
max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
.col-3\@xl {
-ms-flex-preferred-size: calc(25% - 0.01px - 1em);
-ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(25% - 0.01px - 1em);
flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
max-width: calc(25% - 0.01px - 1em);
max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
.col-4\@xl {
-ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(33.33% - 0.01px - 1em);
flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(33.33% - 0.01px - 1em);
max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
.col-5\@xl {
-ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(41.66% - 0.01px - 1em);
flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(41.66% - 0.01px - 1em);
max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
.col-6\@xl {
-ms-flex-preferred-size: calc(50% - 0.01px - 1em);
-ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(50% - 0.01px - 1em);
flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
max-width: calc(50% - 0.01px - 1em);
max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
.col-7\@xl {
-ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(58.33% - 0.01px - 1em);
flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(58.33% - 0.01px - 1em);
max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
.col-8\@xl {
-ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(66.66% - 0.01px - 1em);
flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(66.66% - 0.01px - 1em);
max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
.col-9\@xl {
-ms-flex-preferred-size: calc(75% - 0.01px - 1em);
-ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(75% - 0.01px - 1em);
flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
max-width: calc(75% - 0.01px - 1em);
max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
.col-10\@xl {
-ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
-ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(83.33% - 0.01px - 1em);
flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
max-width: calc(83.33% - 0.01px - 1em);
max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
.col-11\@xl {
-ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
-ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(91.66% - 0.01px - 1em);
flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
max-width: calc(91.66% - 0.01px - 1em);
max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
.col-12\@xl {
-ms-flex-preferred-size: calc(100% - 0.01px - 1em);
-ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
flex-basis: calc(100% - 0.01px - 1em);
flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
max-width: calc(100% - 0.01px - 1em);
max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
}
:root {
--radius-sm: calc(var(--radius, 0.25em) / 2);
--radius-md: var(--radius, 0.25em);
--radius-lg: calc(var(--radius, 0.25em) * 2);
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.085), 0 1px 8px rgba(0, 0, 0, 0.1);
--shadow-md: 0 1px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1px 8px rgba(0, 0, 0, 0.1), 0 16px 48px rgba(0, 0, 0, 0.1), 0 24px 60px rgba(0, 0, 0, 0.1);
--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
}
:root {
--body-line-height: 1.4;
--heading-line-height: 1.2;
}     .text-component {
--component-body-line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
--component-heading-line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
}
.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {
line-height: 1.2;
line-height: var(--component-heading-line-height, 1.2);
margin-bottom: 0.25em;
margin-bottom: calc(var(--space-xxxs) * var(--text-vspace-multiplier, 1));
}
.text-component h2,
.text-component h3,
.text-component h4 {
margin-top: 0.75em;
margin-top: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}
.text-component p,
.text-component blockquote,
.text-component ul li,
.text-component ol li {
line-height: 1.4;
line-height: var(--component-body-line-height);
}
.text-component ul,
.text-component ol,
.text-component p,
.text-component blockquote,
.text-component .text-component__block {
margin-bottom: 0.75em;
margin-bottom: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}
.text-component ul,
.text-component ol {
padding-left: 1em;
}
.text-component ul {
list-style-type: disc;
}
.text-component ol {
list-style-type: decimal;
}
.text-component img {
display: block;
margin: 0 auto;
}
.text-component figcaption {
text-align: center;
margin-top: 0.5em;
margin-top: var(--space-xs);
}
.text-component em {
font-style: italic;
}
.text-component hr {
margin-top: 2em;
margin-top: calc(var(--space-lg) * var(--text-vspace-multiplier, 1));
margin-bottom: 2em;
margin-bottom: calc(var(--space-lg) * var(--text-vspace-multiplier, 1));
margin-left: auto;
margin-right: auto;
}
.text-component > *:first-child {
margin-top: 0;
}
.text-component > *:last-child {
margin-bottom: 0;
}
.text-component__block--full-width {
width: 100vw;
margin-left: calc(50% - 50vw);
}
@media (min-width: 48rem) {
.text-component__block--left,
.text-component__block--right {
width: 45%;
}
.text-component__block--left img,
.text-component__block--right img {
width: 100%;
}
.text-component__block--left {
float: left;
margin-right: 0.75em;
margin-right: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}
.text-component__block--right {
float: right;
margin-left: 0.75em;
margin-left: calc(var(--space-sm) * var(--text-vspace-multiplier, 1));
}
}
@media (min-width: 90rem) {
.text-component__block--outset {
width: calc(100% + 10.5em);
width: calc(100% + 2 * var(--space-xxl));
}
.text-component__block--outset img {
width: 100%;
}
.text-component__block--outset:not(.text-component__block--right) {
margin-left: -5.25em;
margin-left: calc(-1 * var(--space-xxl));
}
.text-component__block--left,
.text-component__block--right {
width: 50%;
}
.text-component__block--right.text-component__block--outset {
margin-right: -5.25em;
margin-right: calc(-1 * var(--space-xxl));
}
}
:root {
--icon-xxs: 12px;
--icon-xs: 16px;
--icon-sm: 24px;
--icon-md: 32px;
--icon-lg: 48px;
--icon-xl: 64px;
--icon-xxl: 128px;
}
.icon {
display: inline-block;
color: inherit;
fill: currentColor;
height: 1em;
width: 1em;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.icon--xxs {
font-size: 12px;
font-size: var(--icon-xxs);
}
.icon--xs {
font-size: 16px;
font-size: var(--icon-xs);
}
.icon--sm {
font-size: 24px;
font-size: var(--icon-sm);
}
.icon--md {
font-size: 32px;
font-size: var(--icon-md);
}
.icon--lg {
font-size: 48px;
font-size: var(--icon-lg);
}
.icon--xl {
font-size: 64px;
font-size: var(--icon-xl);
}
.icon--xxl {
font-size: 128px;
font-size: var(--icon-xxl);
}
.icon--is-spinning {
-webkit-animation: icon-spin 1s infinite linear;
animation: icon-spin 1s infinite linear;
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon use {
color: inherit;
fill: currentColor;
} .btn--primary {
background-color: hsl(220, 90%, 56%);
background-color: var(--color-primary, #2a6df4);
color: hsl(0, 0%, 100%);
color: var(--color-white, #fff);
}
.btn--subtle {
background-color: hsl(240, 1%, 83%);
background-color: var(--color-contrast-low, #d3d3d4);
color: hsl(240, 8%, 12%);
color: var(--color-contrast-higher, #1c1c21);
}
.btn--accent {
background-color: hsl(355, 90%, 61%);
background-color: var(--color-accent, #f54251);
color: hsl(0, 0%, 100%);
color: var(--color-white, #fff);
}
.btn--disabled {
cursor: not-allowed;
}
.btn--sm {
font-size: 0.8em;
font-size: var(--btn-font-size-sm, 0.8em);
}
.btn--md {
font-size: 1.2em;
font-size: var(--btn-font-size-md, 1.2em);
}
.btn--lg {
font-size: 1.4em;
font-size: var(--btn-font-size-lg, 1.4em);
}
.btn--icon {
padding: 0.5em;
padding: var(--btn-padding-y, 0.5em);
}
.form-control {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-bg, #f2f2f2);
padding-top: 0.5em;
padding-top: var(--form-control-padding-y, 0.5em);
padding-bottom: 0.5em;
padding-bottom: var(--form-control-padding-y, 0.5em);
padding-left: 0.75em;
padding-left: var(--form-control-padding-x, 0.75em);
padding-right: 0.75em;
padding-right: var(--form-control-padding-x, 0.75em);
border-radius: 0.25em;
border-radius: var(--form-control-radius, 0.25em);
}
.form-control::-webkit-input-placeholder {
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium, #79797c);
}
.form-control::-moz-placeholder {
opacity: 1;
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium, #79797c);
}
.form-control:-ms-input-placeholder {
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium, #79797c);
}
.form-control:-moz-placeholder {
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium, #79797c);
}
.form-control[disabled],
.form-control[readonly] {
cursor: not-allowed;
}
.form-legend {
color: hsl(240, 8%, 12%);
color: var(--color-contrast-higher, #1c1c21);
line-height: 1.2;
font-size: 1.2em;
font-size: var(--text-md, 1.2em);
margin-bottom: 0.375em;
margin-bottom: var(--space-xxs);
}
.form-label {
display: inline-block;
}
.form__msg-error {
background-color: hsl(355, 90%, 61%);
background-color: var(--color-error, #f54251);
color: hsl(0, 0%, 100%);
color: var(--color-white, #fff);
font-size: 0.83333em;
font-size: var(--text-sm, 0.833em);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0.5em;
padding: var(--space-xs);
margin-top: 0.75em;
margin-top: var(--space-sm);
border-radius: 0.25em;
border-radius: var(--radius-md, 0.25em);
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.form__msg-error::before {
content: "";
position: absolute;
left: 0.75em;
left: var(--space-sm);
top: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: hsl(355, 90%, 61%);
border-bottom-color: var(--color-error);
}
.form__msg-error--is-visible {
position: relative;
clip: auto;
}
.radio-list > *,
.checkbox-list > * {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 0.375em;
margin-bottom: var(--space-xxs);
}
.radio-list > *:last-of-type,
.checkbox-list > *:last-of-type {
margin-bottom: 0;
}
.radio-list label,
.checkbox-list label {
line-height: 1.4;
line-height: var(--body-line-height);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-list input,
.checkbox-list input {
vertical-align: top;
margin-right: 0.25em;
margin-right: var(--space-xxxs);
-ms-flex-negative: 0;
flex-shrink: 0;
}
:root {
--zindex-header: 2;
--zindex-popover: 5;
--zindex-fixed-element: 10;
--zindex-overlay: 15;
}
@media not all and (min-width: 32rem) {
.display\@xs {
display: none !important;
}
}
@media (min-width: 32rem) {
.hide\@xs {
display: none !important;
}
}
@media not all and (min-width: 48rem) {
.display\@sm {
display: none !important;
}
}
@media (min-width: 48rem) {
.hide\@sm {
display: none !important;
}
}
@media not all and (min-width: 64rem) {
.display\@md {
display: none !important;
}
}
@media (min-width: 64rem) {
.hide\@md {
display: none !important;
}
}
@media not all and (min-width: 80rem) {
.display\@lg {
display: none !important;
}
}
@media (min-width: 80rem) {
.hide\@lg {
display: none !important;
}
}
@media not all and (min-width: 90rem) {
.display\@xl {
display: none !important;
}
}
@media (min-width: 90rem) {
.hide\@xl {
display: none !important;
}
}
:root {
--display: block;
}
.is-visible {
display: block !important;
display: var(--display) !important;
}
.is-hidden {
display: none !important;
}
.sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
width: 1px;
height: 1px;
overflow: hidden;
padding: 0;
border: 0;
white-space: nowrap;
}
.flex {
display: -ms-flexbox;
display: flex;
}
.inline-flex {
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center {
-ms-flex-align: center;
align-items: center;
}
.items-start {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end {
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 32rem) {
.flex-wrap\@xs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column\@xs {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@xs {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center\@xs {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start\@xs {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end\@xs {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center\@xs {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between\@xs {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center\@xs {
-ms-flex-align: center;
align-items: center;
}
.items-start\@xs {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end\@xs {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 48rem) {
.flex-wrap\@sm {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column\@sm {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@sm {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center\@sm {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start\@sm {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end\@sm {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center\@sm {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between\@sm {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center\@sm {
-ms-flex-align: center;
align-items: center;
}
.items-start\@sm {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end\@sm {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 64rem) {
.flex-wrap\@md {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column\@md {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@md {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center\@md {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start\@md {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end\@md {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center\@md {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between\@md {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center\@md {
-ms-flex-align: center;
align-items: center;
}
.items-start\@md {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end\@md {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 80rem) {
.flex-wrap\@lg {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column\@lg {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@lg {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center\@lg {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start\@lg {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end\@lg {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center\@lg {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between\@lg {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center\@lg {
-ms-flex-align: center;
align-items: center;
}
.items-start\@lg {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end\@lg {
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 90rem) {
.flex-wrap\@xl {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-column\@xl {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@xl {
-ms-flex-direction: row;
flex-direction: row;
}
.flex-center\@xl {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.justify-start\@xl {
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end\@xl {
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center\@xl {
-ms-flex-pack: center;
justify-content: center;
}
.justify-between\@xl {
-ms-flex-pack: justify;
justify-content: space-between;
}
.items-center\@xl {
-ms-flex-align: center;
align-items: center;
}
.items-start\@xl {
-ms-flex-align: start;
align-items: flex-start;
}
.items-end\@xl {
-ms-flex-align: end;
align-items: flex-end;
}
}
.flex-grow {
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-gap-xxxs {
margin-bottom: -0.25em;
margin-bottom: calc(-1 * var(--space-xxxs));
margin-right: -0.25em;
margin-right: calc(-1 * var(--space-xxxs));
}
.flex-gap-xxxs > * {
margin-bottom: 0.25em;
margin-bottom: var(--space-xxxs);
margin-right: 0.25em;
margin-right: var(--space-xxxs);
}
.flex-gap-xxs {
margin-bottom: -0.375em;
margin-bottom: calc(-1 * var(--space-xxs));
margin-right: -0.375em;
margin-right: calc(-1 * var(--space-xxs));
}
.flex-gap-xxs > * {
margin-bottom: 0.375em;
margin-bottom: var(--space-xxs);
margin-right: 0.375em;
margin-right: var(--space-xxs);
}
.flex-gap-xs {
margin-bottom: -0.5em;
margin-bottom: calc(-1 * var(--space-xs));
margin-right: -0.5em;
margin-right: calc(-1 * var(--space-xs));
}
.flex-gap-xs > * {
margin-bottom: 0.5em;
margin-bottom: var(--space-xs);
margin-right: 0.5em;
margin-right: var(--space-xs);
}
.flex-gap-sm {
margin-bottom: -0.75em;
margin-bottom: calc(-1 * var(--space-sm));
margin-right: -0.75em;
margin-right: calc(-1 * var(--space-sm));
}
.flex-gap-sm > * {
margin-bottom: 0.75em;
margin-bottom: var(--space-sm);
margin-right: 0.75em;
margin-right: var(--space-sm);
}
.flex-gap-md {
margin-bottom: -1.25em;
margin-bottom: calc(-1 * var(--space-md));
margin-right: -1.25em;
margin-right: calc(-1 * var(--space-md));
}
.flex-gap-md > * {
margin-bottom: 1.25em;
margin-bottom: var(--space-md);
margin-right: 1.25em;
margin-right: var(--space-md);
}
.flex-gap-lg {
margin-bottom: -2em;
margin-bottom: calc(-1 * var(--space-lg));
margin-right: -2em;
margin-right: calc(-1 * var(--space-lg));
}
.flex-gap-lg > * {
margin-bottom: 2em;
margin-bottom: var(--space-lg);
margin-right: 2em;
margin-right: var(--space-lg);
}
.flex-gap-xl {
margin-bottom: -3.25em;
margin-bottom: calc(-1 * var(--space-xl));
margin-right: -3.25em;
margin-right: calc(-1 * var(--space-xl));
}
.flex-gap-xl > * {
margin-bottom: 3.25em;
margin-bottom: var(--space-xl);
margin-right: 3.25em;
margin-right: var(--space-xl);
}
.flex-gap-xxl {
margin-bottom: -5.25em;
margin-bottom: calc(-1 * var(--space-xxl));
margin-right: -5.25em;
margin-right: calc(-1 * var(--space-xxl));
}
.flex-gap-xxl > * {
margin-bottom: 5.25em;
margin-bottom: var(--space-xxl);
margin-right: 5.25em;
margin-right: var(--space-xxl);
}
.margin-xxxxs {
margin: 0.125em;
margin: var(--space-xxxxs);
}
.margin-xxxs {
margin: 0.25em;
margin: var(--space-xxxs);
}
.margin-xxs {
margin: 0.375em;
margin: var(--space-xxs);
}
.margin-xs {
margin: 0.5em;
margin: var(--space-xs);
}
.margin-sm {
margin: 0.75em;
margin: var(--space-sm);
}
.margin-md {
margin: 1.25em;
margin: var(--space-md);
}
.margin-lg {
margin: 2em;
margin: var(--space-lg);
}
.margin-xl {
margin: 3.25em;
margin: var(--space-xl);
}
.margin-xxl {
margin: 5.25em;
margin: var(--space-xxl);
}
.margin-xxxl {
margin: 8.5em;
margin: var(--space-xxxl);
}
.margin-xxxxl {
margin: 13.75em;
margin: var(--space-xxxxl);
}
.margin-auto {
margin: auto;
}
.margin-top-xxxxs {
margin-top: 0.125em;
margin-top: var(--space-xxxxs);
}
.margin-top-xxxs {
margin-top: 0.25em;
margin-top: var(--space-xxxs);
}
.margin-top-xxs {
margin-top: 0.375em;
margin-top: var(--space-xxs);
}
.margin-top-xs {
margin-top: 0.5em;
margin-top: var(--space-xs);
}
.margin-top-sm {
margin-top: 0.75em;
margin-top: var(--space-sm);
}
.margin-top-md {
margin-top: 1.25em;
margin-top: var(--space-md);
}
.margin-top-lg {
margin-top: 2em;
margin-top: var(--space-lg);
}
.margin-top-xl {
margin-top: 3.25em;
margin-top: var(--space-xl);
}
.margin-top-xxl {
margin-top: 5.25em;
margin-top: var(--space-xxl);
}
.margin-top-xxxl {
margin-top: 8.5em;
margin-top: var(--space-xxxl);
}
.margin-top-xxxxl {
margin-top: 13.75em;
margin-top: var(--space-xxxxl);
}
.margin-top-auto {
margin-top: auto;
}
.margin-bottom-xxxxs {
margin-bottom: 0.125em;
margin-bottom: var(--space-xxxxs);
}
.margin-bottom-xxxs {
margin-bottom: 0.25em;
margin-bottom: var(--space-xxxs);
}
.margin-bottom-xxs {
margin-bottom: 0.375em;
margin-bottom: var(--space-xxs);
}
.margin-bottom-xs {
margin-bottom: 0.5em;
margin-bottom: var(--space-xs);
}
.margin-bottom-sm {
margin-bottom: 0.75em;
margin-bottom: var(--space-sm);
}
.margin-bottom-md {
margin-bottom: 1.25em;
margin-bottom: var(--space-md);
}
.margin-bottom-lg {
margin-bottom: 2em;
margin-bottom: var(--space-lg);
}
.margin-bottom-xl {
margin-bottom: 3.25em;
margin-bottom: var(--space-xl);
}
.margin-bottom-xxl {
margin-bottom: 5.25em;
margin-bottom: var(--space-xxl);
}
.margin-bottom-xxxl {
margin-bottom: 8.5em;
margin-bottom: var(--space-xxxl);
}
.margin-bottom-xxxxl {
margin-bottom: 13.75em;
margin-bottom: var(--space-xxxxl);
}
.margin-bottom-auto {
margin-bottom: auto;
}
.margin-right-xxxxs {
margin-right: 0.125em;
margin-right: var(--space-xxxxs);
}
.margin-right-xxxs {
margin-right: 0.25em;
margin-right: var(--space-xxxs);
}
.margin-right-xxs {
margin-right: 0.375em;
margin-right: var(--space-xxs);
}
.margin-right-xs {
margin-right: 0.5em;
margin-right: var(--space-xs);
}
.margin-right-sm {
margin-right: 0.75em;
margin-right: var(--space-sm);
}
.margin-right-md {
margin-right: 1.25em;
margin-right: var(--space-md);
}
.margin-right-lg {
margin-right: 2em;
margin-right: var(--space-lg);
}
.margin-right-xl {
margin-right: 3.25em;
margin-right: var(--space-xl);
}
.margin-right-xxl {
margin-right: 5.25em;
margin-right: var(--space-xxl);
}
.margin-right-xxxl {
margin-right: 8.5em;
margin-right: var(--space-xxxl);
}
.margin-right-xxxxl {
margin-right: 13.75em;
margin-right: var(--space-xxxxl);
}
.margin-right-auto {
margin-right: auto;
}
.margin-left-xxxxs {
margin-left: 0.125em;
margin-left: var(--space-xxxxs);
}
.margin-left-xxxs {
margin-left: 0.25em;
margin-left: var(--space-xxxs);
}
.margin-left-xxs {
margin-left: 0.375em;
margin-left: var(--space-xxs);
}
.margin-left-xs {
margin-left: 0.5em;
margin-left: var(--space-xs);
}
.margin-left-sm {
margin-left: 0.75em;
margin-left: var(--space-sm);
}
.margin-left-md {
margin-left: 1.25em;
margin-left: var(--space-md);
}
.margin-left-lg {
margin-left: 2em;
margin-left: var(--space-lg);
}
.margin-left-xl {
margin-left: 3.25em;
margin-left: var(--space-xl);
}
.margin-left-xxl {
margin-left: 5.25em;
margin-left: var(--space-xxl);
}
.margin-left-xxxl {
margin-left: 8.5em;
margin-left: var(--space-xxxl);
}
.margin-left-xxxxl {
margin-left: 13.75em;
margin-left: var(--space-xxxxl);
}
.margin-left-auto {
margin-left: auto;
}
.margin-x-xxxxs {
margin-left: 0.125em;
margin-left: var(--space-xxxxs);
margin-right: 0.125em;
margin-right: var(--space-xxxxs);
}
.margin-x-xxxs {
margin-left: 0.25em;
margin-left: var(--space-xxxs);
margin-right: 0.25em;
margin-right: var(--space-xxxs);
}
.margin-x-xxs {
margin-left: 0.375em;
margin-left: var(--space-xxs);
margin-right: 0.375em;
margin-right: var(--space-xxs);
}
.margin-x-xs {
margin-left: 0.5em;
margin-left: var(--space-xs);
margin-right: 0.5em;
margin-right: var(--space-xs);
}
.margin-x-sm {
margin-left: 0.75em;
margin-left: var(--space-sm);
margin-right: 0.75em;
margin-right: var(--space-sm);
}
.margin-x-md {
margin-left: 1.25em;
margin-left: var(--space-md);
margin-right: 1.25em;
margin-right: var(--space-md);
}
.margin-x-lg {
margin-left: 2em;
margin-left: var(--space-lg);
margin-right: 2em;
margin-right: var(--space-lg);
}
.margin-x-xl {
margin-left: 3.25em;
margin-left: var(--space-xl);
margin-right: 3.25em;
margin-right: var(--space-xl);
}
.margin-x-xxl {
margin-left: 5.25em;
margin-left: var(--space-xxl);
margin-right: 5.25em;
margin-right: var(--space-xxl);
}
.margin-x-xxxl {
margin-left: 8.5em;
margin-left: var(--space-xxxl);
margin-right: 8.5em;
margin-right: var(--space-xxxl);
}
.margin-x-xxxxl {
margin-left: 13.75em;
margin-left: var(--space-xxxxl);
margin-right: 13.75em;
margin-right: var(--space-xxxxl);
}
.margin-x-auto {
margin-left: auto;
margin-right: auto;
}
.margin-y-xxxxs {
margin-top: 0.125em;
margin-top: var(--space-xxxxs);
margin-bottom: 0.125em;
margin-bottom: var(--space-xxxxs);
}
.margin-y-xxxs {
margin-top: 0.25em;
margin-top: var(--space-xxxs);
margin-bottom: 0.25em;
margin-bottom: var(--space-xxxs);
}
.margin-y-xxs {
margin-top: 0.375em;
margin-top: var(--space-xxs);
margin-bottom: 0.375em;
margin-bottom: var(--space-xxs);
}
.margin-y-xs {
margin-top: 0.5em;
margin-top: var(--space-xs);
margin-bottom: 0.5em;
margin-bottom: var(--space-xs);
}
.margin-y-sm {
margin-top: 0.75em;
margin-top: var(--space-sm);
margin-bottom: 0.75em;
margin-bottom: var(--space-sm);
}
.margin-y-md {
margin-top: 1.25em;
margin-top: var(--space-md);
margin-bottom: 1.25em;
margin-bottom: var(--space-md);
}
.margin-y-lg {
margin-top: 2em;
margin-top: var(--space-lg);
margin-bottom: 2em;
margin-bottom: var(--space-lg);
}
.margin-y-xl {
margin-top: 3.25em;
margin-top: var(--space-xl);
margin-bottom: 3.25em;
margin-bottom: var(--space-xl);
}
.margin-y-xxl {
margin-top: 5.25em;
margin-top: var(--space-xxl);
margin-bottom: 5.25em;
margin-bottom: var(--space-xxl);
}
.margin-y-xxxl {
margin-top: 8.5em;
margin-top: var(--space-xxxl);
margin-bottom: 8.5em;
margin-bottom: var(--space-xxxl);
}
.margin-y-xxxxl {
margin-top: 13.75em;
margin-top: var(--space-xxxxl);
margin-bottom: 13.75em;
margin-bottom: var(--space-xxxxl);
}
.margin-y-auto {
margin-top: auto;
margin-bottom: auto;
}
@media not all and (min-width: 32rem) {
.has-margin\@xs {
margin: 0 !important;
}
}
@media not all and (min-width: 48rem) {
.has-margin\@sm {
margin: 0 !important;
}
}
@media not all and (min-width: 64rem) {
.has-margin\@md {
margin: 0 !important;
}
}
@media not all and (min-width: 80rem) {
.has-margin\@lg {
margin: 0 !important;
}
}
@media not all and (min-width: 90rem) {
.has-margin\@xl {
margin: 0 !important;
}
}
.padding-md {
padding: 1.25em;
padding: var(--space-md);
}
.padding-xxxxs {
padding: 0.125em;
padding: var(--space-xxxxs);
}
.padding-xxxs {
padding: 0.25em;
padding: var(--space-xxxs);
}
.padding-xxs {
padding: 0.375em;
padding: var(--space-xxs);
}
.padding-xs {
padding: 0.5em;
padding: var(--space-xs);
}
.padding-sm {
padding: 0.75em;
padding: var(--space-sm);
}
.padding-lg {
padding: 2em;
padding: var(--space-lg);
}
.padding-xl {
padding: 3.25em;
padding: var(--space-xl);
}
.padding-xxl {
padding: 5.25em;
padding: var(--space-xxl);
}
.padding-xxxl {
padding: 8.5em;
padding: var(--space-xxxl);
}
.padding-xxxxl {
padding: 13.75em;
padding: var(--space-xxxxl);
}
.padding-component {
padding: 1.25em;
padding: var(--component-padding);
}
.padding-top-md {
padding-top: 1.25em;
padding-top: var(--space-md);
}
.padding-top-xxxxs {
padding-top: 0.125em;
padding-top: var(--space-xxxxs);
}
.padding-top-xxxs {
padding-top: 0.25em;
padding-top: var(--space-xxxs);
}
.padding-top-xxs {
padding-top: 0.375em;
padding-top: var(--space-xxs);
}
.padding-top-xs {
padding-top: 0.5em;
padding-top: var(--space-xs);
}
.padding-top-sm {
padding-top: 0.75em;
padding-top: var(--space-sm);
}
.padding-top-lg {
padding-top: 2em;
padding-top: var(--space-lg);
}
.padding-top-xl {
padding-top: 3.25em;
padding-top: var(--space-xl);
}
.padding-top-xxl {
padding-top: 5.25em;
padding-top: var(--space-xxl);
}
.padding-top-xxxl {
padding-top: 8.5em;
padding-top: var(--space-xxxl);
}
.padding-top-xxxxl {
padding-top: 13.75em;
padding-top: var(--space-xxxxl);
}
.padding-top-component {
padding-top: 1.25em;
padding-top: var(--component-padding);
}
.padding-bottom-md {
padding-bottom: 1.25em;
padding-bottom: var(--space-md);
}
.padding-bottom-xxxxs {
padding-bottom: 0.125em;
padding-bottom: var(--space-xxxxs);
}
.padding-bottom-xxxs {
padding-bottom: 0.25em;
padding-bottom: var(--space-xxxs);
}
.padding-bottom-xxs {
padding-bottom: 0.375em;
padding-bottom: var(--space-xxs);
}
.padding-bottom-xs {
padding-bottom: 0.5em;
padding-bottom: var(--space-xs);
}
.padding-bottom-sm {
padding-bottom: 0.75em;
padding-bottom: var(--space-sm);
}
.padding-bottom-lg {
padding-bottom: 2em;
padding-bottom: var(--space-lg);
}
.padding-bottom-xl {
padding-bottom: 3.25em;
padding-bottom: var(--space-xl);
}
.padding-bottom-xxl {
padding-bottom: 5.25em;
padding-bottom: var(--space-xxl);
}
.padding-bottom-xxxl {
padding-bottom: 8.5em;
padding-bottom: var(--space-xxxl);
}
.padding-bottom-xxxxl {
padding-bottom: 13.75em;
padding-bottom: var(--space-xxxxl);
}
.padding-bottom-component {
padding-bottom: 1.25em;
padding-bottom: var(--component-padding);
}
.padding-right-md {
padding-right: 1.25em;
padding-right: var(--space-md);
}
.padding-right-xxxxs {
padding-right: 0.125em;
padding-right: var(--space-xxxxs);
}
.padding-right-xxxs {
padding-right: 0.25em;
padding-right: var(--space-xxxs);
}
.padding-right-xxs {
padding-right: 0.375em;
padding-right: var(--space-xxs);
}
.padding-right-xs {
padding-right: 0.5em;
padding-right: var(--space-xs);
}
.padding-right-sm {
padding-right: 0.75em;
padding-right: var(--space-sm);
}
.padding-right-lg {
padding-right: 2em;
padding-right: var(--space-lg);
}
.padding-right-xl {
padding-right: 3.25em;
padding-right: var(--space-xl);
}
.padding-right-xxl {
padding-right: 5.25em;
padding-right: var(--space-xxl);
}
.padding-right-xxxl {
padding-right: 8.5em;
padding-right: var(--space-xxxl);
}
.padding-right-xxxxl {
padding-right: 13.75em;
padding-right: var(--space-xxxxl);
}
.padding-right-component {
padding-right: 1.25em;
padding-right: var(--component-padding);
}
.padding-left-md {
padding-left: 1.25em;
padding-left: var(--space-md);
}
.padding-left-xxxxs {
padding-left: 0.125em;
padding-left: var(--space-xxxxs);
}
.padding-left-xxxs {
padding-left: 0.25em;
padding-left: var(--space-xxxs);
}
.padding-left-xxs {
padding-left: 0.375em;
padding-left: var(--space-xxs);
}
.padding-left-xs {
padding-left: 0.5em;
padding-left: var(--space-xs);
}
.padding-left-sm {
padding-left: 0.75em;
padding-left: var(--space-sm);
}
.padding-left-lg {
padding-left: 2em;
padding-left: var(--space-lg);
}
.padding-left-xl {
padding-left: 3.25em;
padding-left: var(--space-xl);
}
.padding-left-xxl {
padding-left: 5.25em;
padding-left: var(--space-xxl);
}
.padding-left-xxxl {
padding-left: 8.5em;
padding-left: var(--space-xxxl);
}
.padding-left-xxxxl {
padding-left: 13.75em;
padding-left: var(--space-xxxxl);
}
.padding-left-component {
padding-left: 1.25em;
padding-left: var(--component-padding);
}
.padding-x-md {
padding-left: 1.25em;
padding-left: var(--space-md);
padding-right: 1.25em;
padding-right: var(--space-md);
}
.padding-x-xxxxs {
padding-left: 0.125em;
padding-left: var(--space-xxxxs);
padding-right: 0.125em;
padding-right: var(--space-xxxxs);
}
.padding-x-xxxs {
padding-left: 0.25em;
padding-left: var(--space-xxxs);
padding-right: 0.25em;
padding-right: var(--space-xxxs);
}
.padding-x-xxs {
padding-left: 0.375em;
padding-left: var(--space-xxs);
padding-right: 0.375em;
padding-right: var(--space-xxs);
}
.padding-x-xs {
padding-left: 0.5em;
padding-left: var(--space-xs);
padding-right: 0.5em;
padding-right: var(--space-xs);
}
.padding-x-sm {
padding-left: 0.75em;
padding-left: var(--space-sm);
padding-right: 0.75em;
padding-right: var(--space-sm);
}
.padding-x-lg {
padding-left: 2em;
padding-left: var(--space-lg);
padding-right: 2em;
padding-right: var(--space-lg);
}
.padding-x-xl {
padding-left: 3.25em;
padding-left: var(--space-xl);
padding-right: 3.25em;
padding-right: var(--space-xl);
}
.padding-x-xxl {
padding-left: 5.25em;
padding-left: var(--space-xxl);
padding-right: 5.25em;
padding-right: var(--space-xxl);
}
.padding-x-xxxl {
padding-left: 8.5em;
padding-left: var(--space-xxxl);
padding-right: 8.5em;
padding-right: var(--space-xxxl);
}
.padding-x-xxxxl {
padding-left: 13.75em;
padding-left: var(--space-xxxxl);
padding-right: 13.75em;
padding-right: var(--space-xxxxl);
}
.padding-x-component {
padding-left: 1.25em;
padding-left: var(--component-padding);
padding-right: 1.25em;
padding-right: var(--component-padding);
}
.padding-y-md {
padding-top: 1.25em;
padding-top: var(--space-md);
padding-bottom: 1.25em;
padding-bottom: var(--space-md);
}
.padding-y-xxxxs {
padding-top: 0.125em;
padding-top: var(--space-xxxxs);
padding-bottom: 0.125em;
padding-bottom: var(--space-xxxxs);
}
.padding-y-xxxs {
padding-top: 0.25em;
padding-top: var(--space-xxxs);
padding-bottom: 0.25em;
padding-bottom: var(--space-xxxs);
}
.padding-y-xxs {
padding-top: 0.375em;
padding-top: var(--space-xxs);
padding-bottom: 0.375em;
padding-bottom: var(--space-xxs);
}
.padding-y-xs {
padding-top: 0.5em;
padding-top: var(--space-xs);
padding-bottom: 0.5em;
padding-bottom: var(--space-xs);
}
.padding-y-sm {
padding-top: 0.75em;
padding-top: var(--space-sm);
padding-bottom: 0.75em;
padding-bottom: var(--space-sm);
}
.padding-y-lg {
padding-top: 2em;
padding-top: var(--space-lg);
padding-bottom: 2em;
padding-bottom: var(--space-lg);
}
.padding-y-xl {
padding-top: 3.25em;
padding-top: var(--space-xl);
padding-bottom: 3.25em;
padding-bottom: var(--space-xl);
}
.padding-y-xxl {
padding-top: 5.25em;
padding-top: var(--space-xxl);
padding-bottom: 5.25em;
padding-bottom: var(--space-xxl);
}
.padding-y-xxxl {
padding-top: 8.5em;
padding-top: var(--space-xxxl);
padding-bottom: 8.5em;
padding-bottom: var(--space-xxxl);
}
.padding-y-xxxxl {
padding-top: 13.75em;
padding-top: var(--space-xxxxl);
padding-bottom: 13.75em;
padding-bottom: var(--space-xxxxl);
}
.padding-y-component {
padding-top: 1.25em;
padding-top: var(--component-padding);
padding-bottom: 1.25em;
padding-bottom: var(--component-padding);
}
@media not all and (min-width: 32rem) {
.has-padding\@xs {
padding: 0 !important;
}
}
@media not all and (min-width: 48rem) {
.has-padding\@sm {
padding: 0 !important;
}
}
@media not all and (min-width: 64rem) {
.has-padding\@md {
padding: 0 !important;
}
}
@media not all and (min-width: 80rem) {
.has-padding\@lg {
padding: 0 !important;
}
}
@media not all and (min-width: 90rem) {
.has-padding\@xl {
padding: 0 !important;
}
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-replace {
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
@media (min-width: 32rem) {
.text-center\@xs {
text-align: center;
}
.text-left\@xs {
text-align: left;
}
.text-right\@xs {
text-align: right;
}
}
@media (min-width: 48rem) {
.text-center\@sm {
text-align: center;
}
.text-left\@sm {
text-align: left;
}
.text-right\@sm {
text-align: right;
}
}
@media (min-width: 64rem) {
.text-center\@md {
text-align: center;
}
.text-left\@md {
text-align: left;
}
.text-right\@md {
text-align: right;
}
}
@media (min-width: 80rem) {
.text-center\@lg {
text-align: center;
}
.text-left\@lg {
text-align: left;
}
.text-right\@lg {
text-align: right;
}
}
@media (min-width: 90rem) {
.text-center\@xl {
text-align: center;
}
.text-left\@xl {
text-align: left;
}
.text-right\@xl {
text-align: right;
}
}
.color-inherit {
color: inherit;
}
.color-contrast-medium {
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium, #79797c);
}
.color-contrast-high {
color: hsl(240, 4%, 20%);
color: var(--color-contrast-high, #313135);
}
.color-contrast-higher {
color: hsl(240, 8%, 12%);
color: var(--color-contrast-higher, #1c1c21);
}
.color-primary {
color: hsl(220, 90%, 56%);
color: var(--color-primary, #2a6df4);
}
.color-accent {
color: hsl(355, 90%, 61%);
color: var(--color-accent, #f54251);
}
.color-success {
color: hsl(94, 48%, 56%);
color: var(--color-success, #88c559);
}
.color-warning {
color: hsl(46, 100%, 61%);
color: var(--color-warning, #ffd138);
}
.color-error {
color: hsl(355, 90%, 61%);
color: var(--color-error, #f54251);
}
.width-100\% {
width: 100%;
}
.height-100\% {
height: 100%;
}
.media-wrapper {
position: relative;
height: 0;
padding-bottom: 56.25%;
}
.media-wrapper iframe,
.media-wrapper video,
.media-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.media-wrapper video,
.media-wrapper img {
-o-object-fit: cover;
object-fit: cover;
}
.media-wrapper--4\:3 {
padding-bottom: 75%;
}
:root,
[data-theme="default"] {
--color-primary-darker: hsl(220, 90%, 36%);
--color-primary-darker-h: 220;
--color-primary-darker-s: 90%;
--color-primary-darker-l: 36%;
--color-primary-dark: hsl(220, 90%, 46%);
--color-primary-dark-h: 220;
--color-primary-dark-s: 90%;
--color-primary-dark-l: 46%;
--color-primary: hsl(220, 90%, 56%);
--color-primary-h: 220;
--color-primary-s: 90%;
--color-primary-l: 56%;
--color-primary-light: hsl(220, 90%, 66%);
--color-primary-light-h: 220;
--color-primary-light-s: 90%;
--color-primary-light-l: 66%;
--color-primary-lighter: hsl(220, 90%, 76%);
--color-primary-lighter-h: 220;
--color-primary-lighter-s: 90%;
--color-primary-lighter-l: 76%;
--color-accent-darker: hsl(355, 90%, 41%);
--color-accent-darker-h: 355;
--color-accent-darker-s: 90%;
--color-accent-darker-l: 41%;
--color-accent-dark: hsl(355, 90%, 51%);
--color-accent-dark-h: 355;
--color-accent-dark-s: 90%;
--color-accent-dark-l: 51%;
--color-accent: hsl(355, 90%, 61%);
--color-accent-h: 355;
--color-accent-s: 90%;
--color-accent-l: 61%;
--color-accent-light: hsl(355, 90%, 71%);
--color-accent-light-h: 355;
--color-accent-light-s: 90%;
--color-accent-light-l: 71%;
--color-accent-lighter: hsl(355, 90%, 81%);
--color-accent-lighter-h: 355;
--color-accent-lighter-s: 90%;
--color-accent-lighter-l: 81%;
--color-black: hsl(240, 8%, 12%);
--color-black-h: 240;
--color-black-s: 8%;
--color-black-l: 12%;
--color-white: hsl(0, 0%, 100%);
--color-white-h: 0;
--color-white-s: 0%;
--color-white-l: 100%;
--color-success-darker: hsl(94, 48%, 36%);
--color-success-darker-h: 94;
--color-success-darker-s: 48%;
--color-success-darker-l: 36%;
--color-success-dark: hsl(94, 48%, 46%);
--color-success-dark-h: 94;
--color-success-dark-s: 48%;
--color-success-dark-l: 46%;
--color-success: hsl(94, 48%, 56%);
--color-success-h: 94;
--color-success-s: 48%;
--color-success-l: 56%;
--color-success-light: hsl(94, 48%, 66%);
--color-success-light-h: 94;
--color-success-light-s: 48%;
--color-success-light-l: 66%;
--color-success-lighter: hsl(94, 48%, 76%);
--color-success-lighter-h: 94;
--color-success-lighter-s: 48%;
--color-success-lighter-l: 76%;
--color-error-darker: hsl(355, 90%, 41%);
--color-error-darker-h: 355;
--color-error-darker-s: 90%;
--color-error-darker-l: 41%;
--color-error-dark: hsl(355, 90%, 51%);
--color-error-dark-h: 355;
--color-error-dark-s: 90%;
--color-error-dark-l: 51%;
--color-error: hsl(355, 90%, 61%);
--color-error-h: 355;
--color-error-s: 90%;
--color-error-l: 61%;
--color-error-light: hsl(355, 90%, 71%);
--color-error-light-h: 355;
--color-error-light-s: 90%;
--color-error-light-l: 71%;
--color-error-lighter: hsl(355, 90%, 81%);
--color-error-lighter-h: 355;
--color-error-lighter-s: 90%;
--color-error-lighter-l: 81%;
--color-warning-darker: hsl(46, 100%, 41%);
--color-warning-darker-h: 46;
--color-warning-darker-s: 100%;
--color-warning-darker-l: 41%;
--color-warning-dark: hsl(46, 100%, 51%);
--color-warning-dark-h: 46;
--color-warning-dark-s: 100%;
--color-warning-dark-l: 51%;
--color-warning: hsl(46, 100%, 61%);
--color-warning-h: 46;
--color-warning-s: 100%;
--color-warning-l: 61%;
--color-warning-light: hsl(46, 100%, 71%);
--color-warning-light-h: 46;
--color-warning-light-s: 100%;
--color-warning-light-l: 71%;
--color-warning-lighter: hsl(46, 100%, 81%);
--color-warning-lighter-h: 46;
--color-warning-lighter-s: 100%;
--color-warning-lighter-l: 81%;
--color-bg: hsl(0, 0%, 100%);
--color-bg-h: 0;
--color-bg-s: 0%;
--color-bg-l: 100%;
--color-contrast-lower: hsl(0, 0%, 95%);
--color-contrast-lower-h: 0;
--color-contrast-lower-s: 0%;
--color-contrast-lower-l: 95%;
--color-contrast-low: hsl(240, 1%, 83%);
--color-contrast-low-h: 240;
--color-contrast-low-s: 1%;
--color-contrast-low-l: 83%;
--color-contrast-medium: hsl(240, 1%, 48%);
--color-contrast-medium-h: 240;
--color-contrast-medium-s: 1%;
--color-contrast-medium-l: 48%;
--color-contrast-high: hsl(240, 4%, 20%);
--color-contrast-high-h: 240;
--color-contrast-high-s: 4%;
--color-contrast-high-l: 20%;
--color-contrast-higher: hsl(240, 8%, 12%);
--color-contrast-higher-h: 240;
--color-contrast-higher-s: 8%;
--color-contrast-higher-l: 12%;
}
@supports (--css: variables) {
@media (min-width: 64rem) {
:root {
--space-unit: 1.25em;
}
}
}
:root {
--radius: 0.25em;
}
:root {
--font-primary: sans-serif;
--text-base-size: 1em;
--text-scale-ratio: 1.2;
--text-xs: calc(1em / var(--text-scale-ratio) / var(--text-scale-ratio));
--text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
--text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
--text-lg: calc(var(--text-md) * var(--text-scale-ratio));
--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
--body-line-height: 1.4;
--heading-line-height: 1.2;
--font-primary-capital-letter: 1;
}
@supports (--css: variables) {
@media (min-width: 64rem) {
:root {
--text-base-size: 1.25em;
--text-scale-ratio: 1.25;
}
}
}
mark {
background-color: hsla(355, 90%, 61%, 0.2);
background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
color: inherit;
}
.text-component {
--line-height-multiplier: 1;
--text-vspace-multiplier: 1;
}
.text-component blockquote {
padding-left: 1em;
border-left: 4px solid hsl(240, 1%, 83%);
border-left: 4px solid var(--color-contrast-low);
}
.text-component hr {
background: hsl(240, 1%, 83%);
background: var(--color-contrast-low);
height: 1px;
}
.text-component figcaption {
font-size: 0.83333em;
font-size: var(--text-sm);
color: hsl(240, 1%, 48%);
color: var(--color-contrast-medium);
}
.article.text-component {
--line-height-multiplier: 1.13;
--text-vspace-multiplier: 1.2;
}
:root {
--btn-font-size: 1em;
--btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
--btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
--btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
--btn-radius: 0.25em;
--btn-padding-x: var(--space-sm);
--btn-padding-y: var(--space-xs);
} .btn--primary {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn--accent {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn--disabled {
opacity: 0.6;
}
:root {
--form-control-padding-x: var(--space-sm);
--form-control-padding-y: var(--space-xs);
--form-control-radius: 0.25em;
}
.form-control {
border: 2px solid hsl(240, 1%, 83%);
border: 2px solid var(--color-contrast-low);
}
.form-control:focus {
outline: none;
border-color: hsl(220, 90%, 56%);
border-color: var(--color-primary);
--color-shadow: hsla(220, 90%, 56%, 0.2);
--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
box-shadow: undefined;
box-shadow: 0 0 0 3px var(--color-shadow);
}
.form-control:focus:focus {
box-shadow: 0 0 0 3px hsla(220, 90%, 56%, 0.2);
box-shadow: 0 0 0 3px var(--color-shadow);
}
.form-control[aria-invalid="true"] {
border-color: hsl(355, 90%, 61%);
border-color: var(--color-error);
}
.form-control[aria-invalid="true"]:focus {
--color-shadow: hsla(355, 90%, 61%, 0.2);
--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
box-shadow: undefined;
box-shadow: 0 0 0 3px var(--color-shadow);
}
.form-control[aria-invalid="true"]:focus:focus {
box-shadow: 0 0 0 3px hsla(355, 90%, 61%, 0.2);
box-shadow: 0 0 0 3px var(--color-shadow);
}
.form-label {
font-size: 0.83333em;
font-size: var(--text-sm);
}
:root {
--cd-color-1: hsl(0, 0%, 22%);
--cd-color-1-h: 0;
--cd-color-1-s: 0%;
--cd-color-1-l: 22%;
--cd-color-2: hsl(74, 93%, 32%);
--cd-color-2-h: 74;
--cd-color-2-s: 93%;
--cd-color-2-l: 32%;
--cd-color-3: hsl(0, 0%, 97%);
--cd-color-3-h: 0;
--cd-color-3-s: 0%;
--cd-color-3-l: 97%;
--font-primary: "Fira Sans", sans-serif;
--font-secondary: "Playfair Display", serif;
} .js .cd-h-timeline {
opacity: 0;
transition: opacity 0.2s;
}
.js .cd-h-timeline--loaded {
opacity: 1;
}
.js .cd-h-timeline__container {
position: relative;
height: 100px;
max-width: 800px;
}
.js .cd-h-timeline__dates {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.js .cd-h-timeline__dates::after,
.js .cd-h-timeline__dates::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.js .cd-h-timeline__dates::before {
left: 0;
background: linear-gradient(to right, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
background: linear-gradient(to right, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0));
}
.js .cd-h-timeline__dates::after {
right: 0;
background: linear-gradient(to left, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));
background: linear-gradient(to left, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0));
}
.js .cd-h-timeline__line {
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px;
background-color: hsl(0, 0%, 87.3%);
background-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) * 0.9));
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
}
.js .cd-h-timeline__filling-line {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: hsl(74, 93%, 32%);
background-color: var(--cd-color-2);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.js .cd-h-timeline__date {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 0.8em;
padding-bottom: 0.75em;
padding-bottom: var(--space-sm);
color: hsl(0, 0%, 22%);
color: var(--cd-color-1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
.js .cd-h-timeline__date::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: hsl(0, 0%, 87.3%);
border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) * 0.9));
background-color: hsl(0, 0%, 97%);
background-color: var(--cd-color-3);
transition: background-color 0.3s, border-color 0.3s;
}
.js .cd-h-timeline__date:hover::after {
background-color: hsl(74, 93%, 32%);
background-color: var(--cd-color-2);
border-color: hsl(74, 93%, 32%);
border-color: var(--cd-color-2);
}
@media (min-width: 64rem) {
.js .cd-h-timeline__date {
font-size: 0.7em;
}
}
.js .cd-h-timeline__date--selected {
pointer-events: none;
}
.js .cd-h-timeline__date--selected::after {
background-color: hsl(74, 93%, 32%);
background-color: var(--cd-color-2);
border-color: hsl(74, 93%, 32%);
border-color: var(--cd-color-2);
}
.js .cd-h-timeline__date--older-event::after {
border-color: hsl(74, 93%, 32%);
border-color: var(--cd-color-2);
}
.js .cd-h-timeline__navigation {
position: absolute;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: hsl(0, 0%, 87.3%);
border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) * 0.9));
transition: border-color 0.3s;
}
.js .cd-h-timeline__navigation::after {
content: "";
position: absolute;
height: 16px;
width: 16px;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/cd-arrow.svg) no-repeat 0 0;
}
.js .cd-h-timeline__navigation:hover {
border-color: hsl(74, 93%, 32%);
border-color: var(--cd-color-2);
}
.js .cd-h-timeline__navigation--prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.js .cd-h-timeline__navigation--next {
right: 0;
}
.js .cd-h-timeline__navigation--inactive {
cursor: not-allowed;
}
.js .cd-h-timeline__navigation--inactive::after {
background-position: 0 -16px;
}
.js .cd-h-timeline__navigation--inactive:hover {
border-color: hsl(0, 0%, 87.3%);
border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l) * 0.9));
}
.js .cd-h-timeline__events {
position: relative;
width: 100%;
overflow: hidden;
transition: height 0.4s;
}
.js .cd-h-timeline__event {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
padding: 1px 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.js .cd-h-timeline__event--selected {
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.js .cd-h-timeline__event--enter-right,
.js .cd-h-timeline__event--leave-right {
-webkit-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.js .cd-h-timeline__event--enter-left,
.js .cd-h-timeline__event--leave-left {
-webkit-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.js .cd-h-timeline__event--leave-right,
.js .cd-h-timeline__event--leave-left {
animation-direction: reverse;
}
.js .cd-h-timeline__event-content {
max-width: 800px;
}
.js .cd-h-timeline__event-title {
color: hsl(0, 0%, 22%);
color: var(--cd-color-1);
font-family: "Playfair Display", serif;
font-family: var(--font-secondary);
font-weight: 700;
font-size: 2.48832em;
font-size: var(--text-xxxl);
}
.js .cd-h-timeline__event-date {
display: block;
font-style: italic;
margin: 0.5em auto;
margin: var(--space-xs) auto;
}
.js .cd-h-timeline__event-date::before {
content: "- ";
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
html:not(.js) .cd-h-timeline__dates,
html:not(.js) .cd-h-timeline__navigation {
display: none;
}.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,.7);-webkit-filter:none!important;z-index:9997}.lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px}body.blurred>*{-webkit-filter:blur(2px);-webkit-transform:translate3d(0,0,0)}.lightbox__loading{background:url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/lightbox/loading.gif) center center no-repeat;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%}.lightbox__caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998;background:#000;background:rgba(0,0,0,.7)}.lightbox__caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}.lightbox__button{position:absolute;z-index:9999;background:center center no-repeat;width:32px;height:32px;opacity:.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.lightbox__button:focus,.lightbox__button:hover{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.lightbox__close{right:10px;top:10px;background-image:url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/lightbox/close.png)}.lightbox__nav{top:50%;margin-top:-16px}.lightbox__nav--next{right:10px;background-image:url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/lightbox/next.png)}.lightbox__nav--prev{left:10px;background-image:url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/lightbox/previous.png)}html{scroll-behavior: smooth;}
*{font-family: Crimson Text;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--white: #fff ;
--black: #000 ;
--grey: #A7A7A7 ;
}
body.not-scroll{overflow: hidden;}
body{overflow-x: hidden;position: relative;}
.grecaptcha-badge { visibility: hidden; } .btn{cursor: pointer; color: #FFF; font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
.btn:hover{background-color: var(--white);color: var(--black);}   .loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: #ffffff; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.loader.loaded { opacity: 0; visibility: hidden; }
.loader__content { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.loader__logo { width: 200px; }
.loader__logo img { display: block; width: 100%; height: auto; }
@-webkit-keyframes scaleOut {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
to {
-webkit-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
}
@-moz-keyframes scaleOut {
from {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
to {
-moz-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
}
@keyframes scaleOut {
from {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
to {
-webkit-transform: scale3d(1.14, 1.14, 1.14);
-moz-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
}
.scaleOut { -webkit-animation: scaleOut 0.3s 1; -moz-animation: scaleOut 0.3s 1; animation: scaleOut 0.3s 1; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes scaleIn {
from {
-webkit-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@-moz-keyframes scaleIn {
from {
-moz-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
to {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes scaleIn {
from {
-webkit-transform: scale3d(1.14, 1.14, 1.14);
-moz-transform: scale3d(1.14, 1.14, 1.14);
transform: scale3d(1.14, 1.14, 1.14);
opacity: 0;
}
to {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.scaleIn { -webkit-animation: scaleIn 0.3s 1; -moz-animation: scaleIn 0.3s 1; animation: scaleIn 0.3s 1; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }    header{position: absolute;top: 0;left: 0;width: 100%;padding:  30px 140px;z-index: 9000;transition: .5s;height: 170px;}
header .menu-base{display: flex;align-items: center;position: relative;z-index: 20;}
header .menu-base .logo{width: 16.66666667%;}
header .menu-base .logo svg{width: 180px;height:auto;display: block;}
header .menu-base .logo img{display: none;}
header .menu-base .button-burger{width: 16.66666667%;display: flex;}
header .menu-base .button-burger .button{cursor: pointer;align-items: center;display: none;opacity: 0;transition: .5s;gap: 20px;}
header .menu-base .button-burger .button p{color: var(--white); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;transition: .5s;}
header .menu-base .button-burger .button-close p{color: var(--black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;transition: .5s;}
header .menu-base .button-burger .button.on{display: inline-flex;opacity: 1;}
header .menu-base .menu-tools{width: 66.66666667%;display: flex;align-items: center;justify-content: flex-end;gap: 15px;}
header .menu-base .menu-tools a{transition: .5s;}
header .menu-base .menu-tools p{transition: .5s;margin-bottom: 0;}
header .menu-base .menu-tools .lang ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 10px;}
header .menu-base .menu-tools .lang ul li{list-style: none;}
header .menu-base .menu-tools .lang ul li a{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;transition: .5s;}
header .menu-base .menu-tools .lang ul li.current-lang a{font-weight: 800;}
header .menu-base .menu-tools .lang ul li a:hover{font-weight: 800;}
header .menu-burger{display: none;transition: .5s;}
header .menu-burger .content{    display: flex;width: 100%;}
header .menu-burger .content .left-col{width: 20%;display: flex;flex-direction: column;gap: 30px;position: relative;z-index: 20;opacity: 0;transition: .8s;padding-top: 30px;}
header .menu-burger .content .actu-menu{width: 100%;padding: 10px 20px;border: 1px solid var(--Color-Light-Grey, #EAEAEA);background: var(--white);}
header .menu-burger .content .actu-menu h2{margin: 0;color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-burger .content .actu-menu h2::first-line{color: var(--Color-Black, #000); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal;text-transform: none;}
header .menu-burger .content .actu-menu p{color: #000; font-family: "Crimson Text"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px;}
header .menu-burger .content .actu-menu p:last-of-type{margin-bottom: 0;}
header .menu-burger .content .actu-menu .title{position: relative;margin-bottom: 0;transition: .5s;}
header .menu-burger .content .actu-menu .title svg{position: absolute;top: 10px;right: 0;cursor: pointer;transform: rotate(180deg);transition: .5s;}
header .menu-burger .content .actu-menu .text{max-height: 0;transition: .5s;opacity: 0;}
header .menu-burger .content .actu-menu.on .title{margin-bottom: 15px;}
header .menu-burger .content .actu-menu.on .title svg{transform: rotate(0deg);}
header .menu-burger .content .actu-menu.on .text{max-height: 500px;opacity: 1;}
header .menu-burger .content .rs{display: flex;flex-direction: column;gap: 5px;position: relative;z-index: 20;}
header .menu-burger .content .rs a{color: var(--black); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; text-transform: uppercase;}
header .menu-burger .content .menu-global{height: 100%; margin-left: 5%; width: 75%;display: flex;flex-direction: column;position: relative;z-index: 20;}
header .menu-burger .content .menu-global .menu-principal{padding-bottom: 20px;margin-bottom: 20px;position: relative;}
header .menu-burger .content .menu-global .menu-principal::after{content: '';position: absolute;bottom: 0;left: 0;width: 200px;height: 1px;background-color: var(--black);}
header .menu-burger .content .menu-global .menu-principal ul{margin: 0;padding: 0;}
header .menu-burger .content .menu-global .menu-principal ul li{list-style: none;}
header .menu-burger .content .menu-global .menu-principal ul.menu{display: flex;flex-direction: column;gap: 0.521vw;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li>a{white-space: nowrap;color: var(--black); font-family: Crimson Text; font-size: 1.667vw; font-style: normal; font-weight: 400; line-height: normal;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li>a img{vertical-align: middle;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li{display: flex;gap: 0px;flex-direction: column;transition: .5s;}
header .menu-burger .content .menu-global .menu-principal ul.sub-menu{display: flex;gap: 0.417vw;flex-direction: column;max-height: 0;transition: .5s;opacity: 0;visibility: hidden;}
header .menu-burger .content .menu-global .menu-principal ul.sub-menu>li>a{white-space: nowrap;color: var(--black); font-family: Roboto; font-size: 0.729vw; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; text-transform: uppercase;opacity: 1;transition: .5s;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li.on ul.sub-menu{max-height: 200px;opacity: 1;visibility: visible;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li.on{gap: 0.26vw;}
header .menu-burger .content .menu-global .menu-secondaire{padding-bottom: 15px;}
header .menu-burger .content .menu-global .menu-secondaire ul{margin: 0;padding: 0;display: flex;flex-direction: column;gap: 5px;}
header .menu-burger .content .menu-global .menu-secondaire ul li{list-style: none;}
header .menu-burger .content .menu-global .menu-secondaire ul li a{color: var(--black); font-family: Roboto; font-size: 0.729vw; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;}
header .menu-burger .logo-partenaire{width: 33.33333333%;display: flex;align-items: flex-end;justify-content: flex-end;position: relative;z-index: 20;position: absolute;bottom: 30px;right: 60px;}
header .menu-burger .logo-partenaire .logos{display: flex;align-items: center;gap: 15px;}
header .menu-burger .logo-partenaire .logos img{width: 100%;height: auto;max-width: 60px;max-height: 60px;}
header .menu-burger .img-menu{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 10;opacity: 0;mix-blend-mode: luminosity;transition: .5s;}
header .menu-burger .img-menu.on{opacity: 0.2;} header.header-black .logo svg path{fill: #000;}
header.header-black .menu-base .button-burger .button p{color: var(--black);}
header.header-black .menu-base .button-burger .button svg path{fill: var(--black);}
header.header-black .menu-base .menu-tools .btn{color: var(--black);border-color: var(--black);}
header.header-black .menu-base .menu-tools .btn:hover{color: var(--white);background-color: var(--black);}
header.header-black .menu-base .menu-tools .lang ul li a{color: var(--black);} header.open{height: 100vh!important;background: var(--white);overflow-x: auto;}
header.open .menu-base .logo svg path{fill:var(--black)}
header.open .menu-base .menu-tools .btn{color:var(--black);border-color: var(--black);}
header.open .menu-base .menu-tools .btn:hover{color:var(--white);background-color: var(--black);}
header.open .menu-base .menu-tools .lang ul li a{color: var(--black);}
header.open .menu-burger{display: flex; height: calc(100% - 2.083vw - 120px); margin-top: 2.083vw;}
header.open .menu-burger .content .left-col{opacity: 1;}
body.header-open{overflow: hidden;} header .reservation{transition: .5s;opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;height: 50vh;width: 100%;display: flex;background: var(--white);z-index: 19;}
header .reservation .sepa{position: absolute;left: 50%;top: calc(50% + 35px);width: 1px;height: 50%;background: #B7B7B7;transform: translate(-50%, -50%);}
header .reservation.open{opacity: 1;visibility: visible;}
header .reservation .hotel{width: 50%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 70px;position: relative;overflow: hidden;}
header .reservation .hotel::before{content: '';height: 100%;width: 100%;background-image: url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/Photo-Reservation-Hotel.jpg);position: absolute;left: 0;top: 0;opacity: .1;background-position: center;background-size: cover;transition: .3s;z-index: 1;}
header .reservation .restaurant{width: 50%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 70px;position: relative;overflow: hidden;}
header .reservation .restaurant::before{content: '';height: 100%;width: 100%;background-image: url(//www.assiettechampenoise.com/wp-content/themes/assiettechampenoise/img/Photo-Reservation-Restaurant.jpg);position: absolute;left: 0;top: 0;opacity: .1;background-position: center;background-size: cover;transition: .3s;z-index: 1;}
header .reservation p{color: #000; text-align: center; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;margin-bottom: 10px;position: relative;z-index: 2;}
header .reservation p span{text-transform: none;color: #000; text-align: center; font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 50px;}
header .reservation .btn{background-color: transparent;color: var(--black);opacity: 0;border-color: var(--black);position: relative;z-index: 2}
header .reservation .btn:hover{background: var(--black);color: var(--white);}
header .reservation>div:hover .btn{opacity: 1;}
header .reservation>div:hover::before{transform: scale(1.05);} footer{display: flex;background: var(--black);align-items: center;justify-content: space-between;padding: 35px 60px;}
footer .logo{}
footer .logo img{display: none;}
footer .logo svg{width: 170px;height: auto;}
footer .menu-footer{}
footer .menu-footer ul{display: flex;align-items: center;gap: 20px;margin: 0;padding: 0;}
footer .menu-footer ul li{list-style: none;}
footer .menu-footer ul li a{color: #FFF; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;}
footer .menu-footer ul li a:hover{color: var(--grey);}
footer .rs{display: flex;align-items: center;gap: 15px;} .info-popup{    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9100;display: none;}
.info-popup .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: .7;z-index: 5;}
.info-popup .content{position: absolute; top: 50%; left: 50%; width: 50%; max-height: 80%; overflow-x: auto; z-index: 10; transform: translate(-50%, -50%); background: white; padding: 60px 40px;}
.info-popup .content .close{position: absolute;top: 15px;right: 15px;z-index: 15;cursor: pointer;}
.info-popup .content .text{}
.info-popup .content .text h2{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase; margin: 0; margin-bottom: 20px;}
.info-popup .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
.info-popup .content .text p:last-of-type{margin-bottom: 0;}
.info-popup .content .text a{color: var(--grey); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;text-decoration: underline;} .error-404-container {    text-align: center;    padding: 200px 15px 100px;    font-family: Elgraine;}
.error-404-container h1 {    font-size: 36px;    margin-bottom: 20px;}
.error-404-container p {    font-size: 18px;    margin-bottom: 10px;}
.error-404-container a {    color: var(--black);    text-decoration: none;    font-weight: bold;}
.error-404-container a:hover {text-decoration: underline;}
.logo-container { margin-bottom: 20px;}
.error-logo {max-width: 150px;height: auto;} main .page-home{}
main .page-home #entry{padding: 0 80px 80px;position: relative;height: 100vh;width: 100%;}
main .page-home #entry img.bg{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 5;}
main .page-home #entry video.video{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 5;}
main .page-home #entry .logo{z-index: 6;;width: 300px;height: auto;position: absolute;top: calc(50% - 40px);left: calc(8.33333333% + 80px);transform: translateY(-50%);}
main .page-home #entry .logo path{fill: var(--white);}
main .page-home #entry .logo-partenaire{width: 41.66666667%;display: flex;align-items: flex-end;justify-content: center;z-index: 6;position: absolute;bottom: 150px;left: 80px;}
main .page-home #entry .logo-partenaire .logos{display: flex;align-items: center;gap: 20px;}
main .page-home #entry .logo-partenaire .logos svg{width: 100%;height: auto;max-width: 70px;max-height: 70px;display: block;}
main .page-home #entry .logo-partenaire .logos svg path{fill: var(--white);}
main .page-home #entry .logo-partenaire .logos svg polygon{fill: var(--white);}
main .page-home #entry .logo-partenaire .logos svg rect{fill: var(--white);}
main .page-home #entry .text{position: absolute;z-index: 6;right: calc(8.33333333% + 80px);background: white;width: 33.33333333%;bottom: 80px;padding: 50px 80px 0;}
main .page-home #entry .text p{margin-bottom: 25px; color: #000; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;}
main .page-home #entry .text h1{margin: 0;color: #000; font-family: Elgraine; font-size: 55px; font-style: italic; font-weight: 500; line-height: 65px;}
main .page-home #hotel{margin-top: 80px;}
main .page-home #hotel .content{display: flex;align-items: center;}
main .page-home #hotel .content .media{width: 50%;}
main .page-home #hotel .content .media video{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #hotel .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #hotel .content .text{width: calc(33.33333333% - 80px);margin-left: 8.33333333%;padding: 0px 80px 0 0;}
main .page-home #hotel .content .text p{color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px; }
main .page-home #hotel .content .text p img{max-width: 70px; max-height: 70px; vertical-align: middle; margin-right: 10px;}
main .page-home #hotel .content .text p:last-of-type{margin-bottom: 0;}
main .page-home #hotel .content .text .btn{color:var(--black);border-color: var(--black);}
main .page-home #hotel .content .text .btn:hover{background-color: var(--black);color: var(--white);}
main .page-home #hotel .photos{display: flex;gap: 80px;justify-content: center;width: 83.33333333%;margin: 100px auto 0;    padding: 0 80px;}
main .page-home #hotel .photos .photo{width: calc(100% / 3);}
main .page-home #hotel .photos .photo img{width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-home #restaurant{margin-top: 160px;}
main .page-home #restaurant .content{display: flex;    align-items: flex-start;}
main .page-home #restaurant .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-home #restaurant .content .media video{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #restaurant .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #restaurant .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-home #restaurant .content .text h2{margin-top: 0;margin-bottom: 30px; color: #000; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 3px; text-transform: uppercase;}
main .page-home #restaurant .content .text h2 strong{    color: #000; font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px; text-transform: none; letter-spacing: 0;}
main .page-home #restaurant .content .text h2 img{vertical-align: text-bottom;}
main .page-home #restaurant .content .text p{color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px; }
main .page-home #restaurant .content .text p img{max-width: 70px; max-height: 70px; vertical-align: middle; margin-right: 10px;}
main .page-home #restaurant .content .text .btn{color:var(--black);border-color: var(--black);margin-bottom: 30px;}
main .page-home #restaurant .content .text .btn:hover{background-color: var(--black);color: var(--white);}
main .page-home #restaurant .plats-signature{display: flex;flex-direction: column;margin-top: 100px;padding: 0 80px;}
main .page-home #restaurant .plats-signature h2{margin: 0; color: #000; text-align: center; font-family: "Crimson Text"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin-bottom: 40px;}
main .page-home #restaurant .plats-signature .photo_plats_signature{display: flex;gap: 80px;justify-content: center;width: 83.33333333%;margin: 0 auto;}
main .page-home #restaurant .plats-signature .photo_plats_signature .photo{width: calc(100% / 3);}
main .page-home #restaurant .plats-signature .photo_plats_signature .photo img{width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-home #producteurs{margin-top: 160px;}
main .page-home #producteurs .content{display: flex;padding: 0 80px;}
main .page-home #producteurs .content .producteurs{width: 50%;margin-left: 8.33333333%;}
main .page-home #producteurs .content .producteurs .producteurs-photos{display: flex;gap: 20px;margin-bottom: 50px;}
main .page-home #producteurs .content .producteurs .producteurs-photos .photo{width: calc(100% / 3);}
main .page-home #producteurs .content .producteurs .producteurs-photos .photo img{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #producteurs .content .producteurs .btn{color:var(--black);border-color: var(--black);}
main .page-home #producteurs .content .producteurs .btn:hover{background-color: var(--black);color: var(--white);}
main .page-home #producteurs .content .text{width: 25%;margin-left: 8.33333333%;}
main .page-home #producteurs .content .text h2{position: relative; margin-top: 0;margin-top: 30px; color: #000; font-family: Elgraine; font-size: 36px; font-style: italic; font-weight: 500; line-height: 36px;margin-top: 0;margin-bottom: 30px;}
main .page-home #producteurs .content .text h2::before{content: '“';position: absolute;top: 0;left: -35px;color: #000; font-family: Elgraine; font-size: 60px; font-style: italic; font-weight: 500; line-height: 36px;}
main .page-home #producteurs .content .text p{color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-home #producteurs .content .text img{max-width: 100%;}
main .page-home #chef{margin-top: 160px;}
main .page-home #chef .content{display: flex;align-items: flex-start;}
main .page-home #chef .content .media{width: 50%;}
main .page-home #chef .content .media video{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #chef .content .media img{width: 100%;height: 100%;display: block;object-fit: cover;}
main .page-home #chef .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding-right: 80px;}
main .page-home #chef .content .text h2{margin-top: 0;margin-bottom: 30px; color: #000; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 3px; text-transform: uppercase;}
main .page-home #chef .content .text h2 strong{    color: #000; font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px; text-transform: none; letter-spacing: 0;}
main .page-home #chef .content .text p{color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px; }
main .page-home #chef .content .text .btn{color:var(--black);border-color: var(--black);}
main .page-home #chef .content .text .btn:hover{background-color: var(--black);color: var(--white);}
main .page-home #chef .content .text p img{max-width: 70px; max-height: 70px; vertical-align: middle; margin-right: 10px;}
main .page-home #bar-parc-champagne{margin-top: 160px;margin-bottom: 100px;}
main .page-home #bar-parc-champagne .content{display: flex; justify-content: center;gap: 8.33333333%;padding: 0 80px;}
main .page-home #bar-parc-champagne .content>div{width: 25%;}
main .page-home #bar-parc-champagne .content>div img{width: 100%;height: auto;display: block;}
main .page-home #bar-parc-champagne .content>div h2{color: #000; font-family: Elgraine; font-size: 32px; font-style: italic; font-weight: 500; line-height: 36px;margin-top: 0;margin-bottom: 20px;}
main .page-home #bar-parc-champagne .content>div p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px;}
main .page-home #bar-parc-champagne .content>div .btn{color:var(--black);border-color: var(--black);}
main .page-home #bar-parc-champagne .content>div .btn:hover{background-color: var(--black);color: var(--white);}
main .page-home #bar-parc-champagne .content>div:nth-child(2){margin-top: 60px;}
main .page-home #histoire{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-home #histoire .content{width: 50%;margin-left:16.66666667%;}
main .page-home #histoire .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-home #histoire .content h2{color: var(--white); font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: 60px;margin: 0;margin-bottom: 30px;}
main .page-home #histoire .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-home #histoire .content a:hover{background-color: var(--white);color: var(--black);} main .page-hotel{}
main .page-hotel #header{height: 600px;position: relative;}
main .page-hotel #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-hotel #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-hotel #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-hotel #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-hotel #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-hotel #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-hotel #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-hotel #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-hotel #header .logo svg path{fill: var(--white);}
main .page-hotel #header .logo svg polygon{fill: var(--white);}
main .page-hotel #header .logo svg rect{fill: var(--white);}
main .page-hotel #header .logo svg mask{display: none;}
main .page-hotel #introduction{padding: 100px 0px;}
main .page-hotel #introduction .content{display: flex;align-items: center;}
main .page-hotel #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 33.33333333%;display: flex;flex-wrap: wrap;gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-hotel #introduction .content .menu a{flex: 1 1 33%;color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-hotel #introduction .content .menu a:hover{color: var(--black);}
main .page-hotel #introduction .content .text{width: 41.66666667%;padding-left: 8.33333333%;}
main .page-hotel #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-hotel #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-hotel #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-hotel #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-hotel #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-hotel #hotel{padding-bottom: 160px;}
main .page-hotel #hotel .photos-hotel{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-hotel #hotel .photos-hotel .photo{width: calc(100% / 3);}
main .page-hotel #hotel .photos-hotel .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .photos-hotel .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content{display: flex;align-items: center;}
main .page-hotel #hotel .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-hotel #hotel .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-hotel #hotel .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #hotel .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #hotel .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #hotel .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #chambres-suites{padding-bottom: 160px;}
main .page-hotel #chambres-suites .content{display: flex;align-items: center;}
main .page-hotel #chambres-suites .content .media{width: 50%;}
main .page-hotel #chambres-suites .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #chambres-suites .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #chambres-suites .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-hotel #chambres-suites .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #chambres-suites .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #chambres-suites .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #chambres-suites .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #chambres-suites .chambres-suites-carousel-container{width: 83.33333333%;margin: 0 auto;position: relative;padding: 0 80px;margin-top: 100px;}
main .page-hotel #chambres-suites .chambres-suites-carousel{position: relative;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item{width: 100%;display: flex;position: relative;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .media{width: 65%;height: 600px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .img-bg{width: 35%;height: 100%;position: absolute;top: 0;right: 0;object-fit: cover;z-index: 2;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text{z-index: 3; padding: 0 50px; width: 35%;background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);  display: flex; flex-direction: column; justify-content: center;position: relative;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.catch-line{color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 2px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.name{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 30px; font-style: italic; font-weight: 500; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.name br{display: none;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.infos{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 35px;margin-bottom: 10px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.price{color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 30px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.price span{color: var(--Color-Black, #000); font-family: Roboto; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text a.btn{color: var(--black);border-color: var(--black);margin-bottom: 10px;width: fit-content;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text a.btn:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text a.btn:last-of-type{margin-bottom: 0;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav{margin: 0;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav .owl-next{position: absolute;margin: 0;top: 50%;transform: translate(100%, -50%); right: 0;background: transparent!important;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav .owl-prev{position: absolute;margin: 0;top: 50%;transform: translate(-100%, -50%);left: 0;background: transparent!important;}
main .page-hotel #piscine{padding-bottom: 160px;}
main .page-hotel #piscine .content{display: flex;align-items: center;}
main .page-hotel #piscine .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-hotel #piscine .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #piscine .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #piscine .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-hotel #piscine .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #piscine .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #piscine .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #piscine .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #petits-dejeuners{padding-bottom: 160px;}
main .page-hotel #petits-dejeuners .content{display: flex;align-items: center;}
main .page-hotel #petits-dejeuners .content .media{width: 50%;}
main .page-hotel #petits-dejeuners .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #petits-dejeuners .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #petits-dejeuners .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-hotel #petits-dejeuners .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #petits-dejeuners .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #petits-dejeuners .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #petits-dejeuners .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #salons{padding-bottom: 160px;}
main .page-hotel #salons .content{display: flex;align-items: center;}
main .page-hotel #salons .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-hotel #salons .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #salons .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #salons .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-hotel #salons .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #salons .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #salons .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #salons .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-hotel #salons .photos-salons{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-hotel #salons .photos-salons .photo{width: calc(100% / 3);}
main .page-hotel #salons .photos-salons .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #salons .photos-salons .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #services{padding-bottom: 150px;scroll-margin-top: 50px}
main .page-hotel #services .content{display: flex;align-items: flex-start;padding: 0 60px;flex-direction: column;gap: 20px;}
main .page-hotel #services .content .title{width: 66.66666667%;margin-left: 16.66666667%;}
main .page-hotel #services .content .title h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 0px;}
main .page-hotel #services .services{width: 66.66666667%;margin-left: 16.66666667%;}
main .page-hotel #services .services .service-item { border-bottom: 1px solid #A7A7A7; }
main .page-hotel #services .services button {position: relative; display: flex; width: 100%; padding: 15px 0; border: none; background: none; outline: none; border-radius: 0; gap: 20px; align-items: center; }
main .page-hotel #services .services button:hover, main .page-hotel #services .services button:focus { cursor: pointer;}
main .page-hotel #services .services button:hover::after, main .page-hotel #services .services button:focus::after { cursor: pointer;}
main .page-hotel #services .services button .service-title {color: var(--black); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal;}
main .page-hotel #services .services button img{width: 34px;height: 34px;}
main .page-hotel #services .services button .icon { display: inline-block; position: absolute; right: 20px; width: 16px; height: 16px;transition: .3s;}
main .page-hotel #services .services button[aria-expanded='true'] .icon{ transform: rotate(180deg);}
main .page-hotel #services .services button[aria-expanded='true'] + .service-content { opacity: 1; max-height: 150px; transition: .3s;padding: 10px 54px;}
main .page-hotel #services .services .service-content{opacity: 0; max-height: 0px; overflow: hidden; transition: .3s; padding: 0px 54px;}
main .page-hotel #services .services .service-content p {color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-hotel #restaurant{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-hotel #restaurant .content{width: 25%;margin-left:16.66666667%;}
main .page-hotel #restaurant .content p{color: var(--black); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-hotel #restaurant .content h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #restaurant .content a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #restaurant .content a:hover{background-color: var(--black);color: var(--white);} main .page-chambres-suites{}
main .page-chambres-suites #header{height: 600px;position: relative;}
main .page-chambres-suites #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-chambres-suites #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-chambres-suites #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-chambres-suites #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-chambres-suites #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-chambres-suites #header .text p{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-chambres-suites #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-chambres-suites #introduction{padding: 100px 0px;}
main .page-chambres-suites #introduction .content{display: flex;align-items: center;}
main .page-chambres-suites #introduction .content .text{width: 50%;padding: 0 20px;margin-left:calc(8.33333333% + 80px);}
main .page-chambres-suites #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-chambres-suites #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-chambres-suites #content{padding-bottom: 100px;}
main .page-chambres-suites #content .item-list{display: flex;flex-direction: column;padding: 0 80px;align-items: center;gap: 100px;}
main .page-chambres-suites #content .item-list .item{width: 83.33333333%;display: flex;}
main .page-chambres-suites #content .item-list .item .media{width: 50%;}
main .page-chambres-suites #content .item-list .item .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-chambres-suites #content .item-list .item .text{width: 41.66666667%;margin-left:  8.33333333%;display: flex; flex-direction: column; justify-content: center;padding-bottom: 30px;}
main .page-chambres-suites #content .item-list .item .text p.catch-line{color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 2px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-chambres-suites #content .item-list .item .text p.name{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 30px; font-style: italic; font-weight: 500; line-height: 35px;margin-bottom: 10px;}
main .page-chambres-suites #content .item-list .item .text p.name br{display: none;}
main .page-chambres-suites #content .item-list .item .text p.infos{color: #A7A7A7; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 35px;margin-bottom: 10px;}
main .page-chambres-suites #content .item-list .item .text p.price{color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 30px;}
main .page-chambres-suites #content .item-list .item .text p.price span{color: var(--Color-Black, #000); font-family: Roboto; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-chambres-suites #content .item-list .item .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
main .page-chambres-suites #content .item-list .item .text .buttons{display: flex;align-items: center;gap: 15px;}
main .page-chambres-suites #content .item-list .item .text a.btn{color: var(--black);border-color: var(--black);width: fit-content;}
main .page-chambres-suites #content .item-list .item .text a.btn:hover{background-color: var(--black);color: var(--white);} main .single-chambres-suites{}
main .single-chambres-suites #header{height: 600px;position: relative;}
main .single-chambres-suites #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .single-chambres-suites #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .single-chambres-suites #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-chambres-suites #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-chambres-suites #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .single-chambres-suites #header .text p{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .single-chambres-suites #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .single-chambres-suites #introduction{padding: 100px 80px;}
main .single-chambres-suites #introduction .content{display: flex;}
main .single-chambres-suites #introduction .content .text{margin-left: calc(8.33333333% + 80px);width: 41.66666667%;}
main .single-chambres-suites #introduction .content .text h2{color: var(--black); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 100; line-height: 35px;margin-top: 0;margin-bottom: 30px;}
main .single-chambres-suites #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;    margin-bottom: 10px;}
main .single-chambres-suites #introduction .content .text ul{margin: 0;}
main .single-chambres-suites #introduction .content .text ul li{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #introduction .content .btns{width: 25%;margin-left: 8.33333333%; text-align: right;}
main .single-chambres-suites #introduction .content .btns .btn{color: var(--black);border-color: var(--black);}
main .single-chambres-suites #introduction .content .btns .btn:hover{color: var(--white);background-color: var(--black);}
main .single-chambres-suites #galerie .galerie-chambres-suites-container{width: 83.33333333%;margin: 0 auto;position: relative;padding: 0 80px;}
main .single-chambres-suites #galerie .galerie-chambres-suites{position: relative;}
main .single-chambres-suites #galerie .galerie-chambres-suites .item{width: 100%; height: 100%;}
main .single-chambres-suites #galerie .galerie-chambres-suites .item img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-chambres-suites #galerie .galerie-chambres-suites .item video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav{margin: 0;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav .owl-next{position: absolute;margin: 0;top: 50%;transform: translate(100%, -50%); right: 0;background: transparent!important;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav .owl-prev{position: absolute;margin: 0;top: 50%;transform: translate(-100%, -50%);left: 0;background: transparent!important;}
main .single-chambres-suites #informations{padding: 100px 80px;}
main .single-chambres-suites #informations .content{display: flex;gap: 20px;}
main .single-chambres-suites #informations .content .details{width: 33.33333333%;display: flex;align-items: flex-start;margin-left: calc(8.33333333% + 80px);}
main .single-chambres-suites #informations .content .details .title{width: 25%;}
main .single-chambres-suites #informations .content .details .title h3{color: #000; font-family: Elgraine; font-size: 30px; font-style: italic; font-weight: 500; line-height: 30px;margin: 0;}
main .single-chambres-suites #informations .content .details .text{width: 75%;}
main .single-chambres-suites #informations .content .details .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #informations .content .details .text ul{margin: 0;}
main .single-chambres-suites #informations .content .details .text li{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #informations .content .services-tarifs{width: 33.33333333%;display: flex;flex-direction: column;justify-content: space-between;margin-left: 8.33333333%;}
main .single-chambres-suites #informations .content .services-tarifs .services{display: flex;align-items: flex-start;width: 100%;}
main .single-chambres-suites #informations .content .services-tarifs .services .title{width: 25%;}
main .single-chambres-suites #informations .content .services-tarifs .services .title h3{color: #000; font-family: Elgraine; font-size: 30px; font-style: italic; font-weight: 500; line-height: 30px;margin: 0;}
main .single-chambres-suites #informations .content .services-tarifs .services .text{width: 75%;}
main .single-chambres-suites #informations .content .services-tarifs .services .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #informations .content .services-tarifs .services .text ul{margin: 0;}
main .single-chambres-suites #informations .content .services-tarifs .services .text li{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs{display: flex;align-items: flex-start;width: 100%;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .title{width: 25%;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .title h3{color: #000; font-family: Elgraine; font-size: 30px; font-style: italic; font-weight: 500; line-height: 30px;margin: 0;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .text{width: 75%;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .text p{color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .text ul{margin: 0;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs .text li{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .single-chambres-suites #reservation{background: #272727;padding: 60px 0;display: block;}
main .single-chambres-suites #reservation .links{display: flex;justify-content: center;align-items: center;gap: 20px;} main .page-restaurant{}
main .page-restaurant #header{height: 600px;position: relative;}
main .page-restaurant #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-restaurant #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-restaurant #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #header .text{position: absolute;bottom: 0;left: calc(50% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-restaurant #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-restaurant #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-restaurant #header .text img{vertical-align: middle;}
main .page-restaurant #header .logo{position: absolute;    left: calc(50% + 80px); bottom: 240px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-restaurant #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-restaurant #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-restaurant #header .logo svg path{fill: var(--white);}
main .page-restaurant #header .logo svg polygon{fill: var(--white);}
main .page-restaurant #header .logo svg rect{fill: var(--white);}
main .page-restaurant #header .logo svg mask{display: none;}
main .page-restaurant #introduction{padding: 100px 0px;}
main .page-restaurant #introduction .content{display: flex;align-items: center;}
main .page-restaurant #introduction .content .menu{margin-left:calc(16.66666667% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-restaurant #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-restaurant #introduction .content .menu a:hover{color: var(--black);}
main .page-restaurant #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-restaurant #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-restaurant #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-restaurant #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-restaurant #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-restaurant #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-restaurant #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-restaurant #restaurant{padding-bottom: 160px;}
main .page-restaurant #restaurant .content{display: flex;padding: 0 80px;align-items: center;}
main .page-restaurant #restaurant .content .media{width: calc(50% + 80px);margin-left: -80px;}
main .page-restaurant #restaurant .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #restaurant .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #restaurant .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-restaurant #restaurant .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-restaurant #restaurant .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-restaurant #restaurant .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-restaurant #restaurant .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-restaurant #restaurant .photos-restaurant{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-restaurant #restaurant .photos-restaurant .photo{width: calc(100% / 3);}
main .page-restaurant #restaurant .photos-restaurant .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #restaurant .photos-restaurant .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #experience{padding-bottom: 160px;}
main .page-restaurant #experience .content{display: flex;padding: 0 80px;align-items: center;}
main .page-restaurant #experience .content .media{width: calc(50% + 80px);margin-right: -80px;margin-left: 8.33333333%;}
main .page-restaurant #experience .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #experience .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-restaurant #experience .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-restaurant #experience .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-restaurant #experience .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-restaurant #experience .content .text em{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: italic; font-weight: 600; line-height: 35px;}
main .page-restaurant #experience .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-restaurant #experience .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-restaurant #assiettes-signatures{padding-bottom: 160px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures{display: flex;gap: 80px;; width: 83.33333333%; margin: 0 auto; padding: 0 80px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item{display: flex;flex-wrap: wrap;height: 100%;width: calc(100% / 3);}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .img{width: 100%;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .img img{height: 100%;width: 100%;object-fit: cover;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text{width: 100%;padding: 20px;border: 1px solid #E1E1E3;display: flex;align-items: center;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text .center .sub-title{color: #2B2B2A; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; font-variant: all-small-caps; letter-spacing: 1.4px;margin-bottom: 0;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text .center h3{color: #2B2B2A; font-family: "Crimson Text"; font-size: 28px; font-style: normal; font-weight: 400; line-height: 28px; font-variant: all-small-caps; margin-top: 10px; margin-bottom: 6px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text .center p{color: #2B2B2A; font-family: "Crimson Text"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; font-variant: all-small-caps;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text .center p:last-of-type{margin-bottom: 0;}
main .page-restaurant #carte{background: #F5F2F1;}
main .page-restaurant #carte .content{display: flex;}
main .page-restaurant #carte .content .img{width: 50%;position: relative;} main .page-restaurant #carte .content .img img{width: 100%;height: 100%;object-fit: cover;display: block;   position: absolute; top: 0; left: 0;opacity: 0;transition: .3s;}
main .page-restaurant #carte .content .img img.active{opacity: 1;}
main .page-restaurant #carte .content .text{width: 50%;padding: 60px 6.33333333%;}
main .page-restaurant #carte .content .text .title{}
main .page-restaurant #carte .content .text .title h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-restaurant #carte .content .text .tabs{}
main .page-restaurant #carte .content .text .tabs .menu-tabs{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
main .page-restaurant #carte .content .text .tabs .menu-tabs button{background: transparent;border: none;border-radius: 0;color: #A7A7A7; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 1.4px; text-transform: uppercase;padding:0;cursor: pointer;transition: .3s;}
main .page-restaurant #carte .content .text .tabs .menu-tabs button.active{color: var(--black);}
main .page-restaurant #carte .content .text .tabs .menu-tabs button:hover{color: var(--black);}
main .page-restaurant #carte .content .text .tabs .content-tabs{position: relative;}
main .page-restaurant #carte .content .text .tabs .content-tabs .tab{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: .3s;display: flex;flex-wrap: wrap;    align-content: flex-start;}
main .page-restaurant #carte .content .text .tabs .content-tabs .tab.active{opacity: 1;}
main .page-restaurant #carte .content .text .tabs .content-tabs .tab .name{width: calc(100% - 55px);color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 40px;margin: 0;} 
main .page-restaurant #carte .content .text .tabs .content-tabs .tab .price{width: 55px;color: var(--Color-Black, #000); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 40px;text-align: right;margin: 0;}
main .page-restaurant #menu{background: #000;}
main .page-restaurant #menu .content{display: flex;}
main .page-restaurant #menu .content .img{width: 50%;position: relative;} main .page-restaurant #menu .content .img img{width: 100%;height: 100%;object-fit: cover;display: block; position: absolute; top: 0; left: 0;opacity: 0;transition: .3s;}
main .page-restaurant #menu .content .img img.active{opacity: 1;}
main .page-restaurant #menu .content .text{width: 50%;padding: 60px 6.33333333%;}
main .page-restaurant #menu .content .text .title{}
main .page-restaurant #menu .content .text .title h2{color: var(--Color-White, #FFF); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-restaurant #menu .content .text .tabs{}
main .page-restaurant #menu .content .text .tabs .menu-tabs{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
main .page-restaurant #menu .content .text .tabs .menu-tabs button{background: transparent;border: none;border-radius: 0;color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 1.4px; text-transform: uppercase;padding:0;cursor: pointer;transition: .3s;}
main .page-restaurant #menu .content .text .tabs .menu-tabs button.active{color: var(--white);}
main .page-restaurant #menu .content .text .tabs .menu-tabs button:hover{color: var(--white);}
main .page-restaurant #menu .content .text .tabs .mention p{color: var(--Color-White, #FFF); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 28px;margin-bottom: 20px;}
main .page-restaurant #menu .content .text .tabs .content-tabs{position: relative;}
main .page-restaurant #menu .content .text .tabs .content-tabs .tab{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: .3s;display: flex;flex-wrap: wrap;    align-content: flex-start;}
main .page-restaurant #menu .content .text .tabs .content-tabs .tab.active{opacity: 1;}
main .page-restaurant #menu .content .text .tabs .content-tabs .tab .name{width: calc(100% - 55px);color: var(--Color-White, #FFF); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 40px;margin: 0;} 
main .page-restaurant #menu .content .text .tabs .content-tabs .tab .price{width: 55px;color: var(--Color-White, #FFF); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 40px;text-align: right;margin: 0;}
main .page-restaurant #equipe{background-color: var(--white);padding: 100px 0;}
main .page-restaurant #equipe .title{width: 50%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-restaurant #equipe .title h2{color: var(--black); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-bottom: 0;margin-top: 0;}
main .page-restaurant #equipe .equipe-grid {width: 83.33333333%;margin-left: 8.33333333%; display: flex;flex-wrap: wrap;gap: 40px 100px;justify-content: center;}
main .page-restaurant #equipe .equipe { width: calc(33.33333333% - 67px); position: relative; overflow: hidden;display: flex;gap: 15px;flex-direction: column;align-items: center;}
main .page-restaurant #equipe .equipe .img{width: 100%;overflow: hidden;border-radius: 50%;max-width: 350px;}
main .page-restaurant #equipe .equipe .img img{width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-restaurant #equipe .equipe .text{width: 90%;display: flex; flex-direction: column; justify-content: center;padding:  15px 0;text-align: center;}
main .page-restaurant #equipe .equipe .text .title-full{width: 100%;}
main .page-restaurant #equipe .equipe .text .nom{color: var(--black); font-family: "Crimson Text"; font-size: 25px; font-style: normal; font-weight: 400; line-height: 25px;margin-top: 0; margin-bottom: 5px;padding-bottom: 5px;text-align: center;}
main .page-restaurant #equipe .equipe .text .metier{     color: var(--black); font-family: "Crimson Text"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
main .page-restaurant #equipe .equipe .text .text-full h4{color: var(--black); font-family: Elgraine; font-size: 25px;font-weight: 300; line-height: 30px;margin-bottom: 15px;margin-top: 0;}
main .page-restaurant #equipe .equipe .text .text-full p{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal;margin-bottom: 0;}
main .page-restaurant #producteurs{background-color: var(--black);padding: 100px 60px 200px;}
main .page-restaurant #producteurs .title{width: 41.66666667%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-restaurant #producteurs .title h2{color: var(--Color-White, #FFF); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-bottom: 20px;margin-top: 0;}
main .page-restaurant #producteurs .producteurs-grid{width: 83.33333333%;margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
main .page-restaurant #producteurs .producteurs-grid .producteur{width: calc((100% / 3) - 54px);position: relative;overflow: hidden;}
main .page-restaurant #producteurs .producteurs-grid .producteur .img{position: relative;z-index: 2;}
main .page-restaurant #producteurs .producteurs-grid .producteur .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .img img{transform: scale(1.05);}
main .page-restaurant #producteurs .producteurs-grid .producteur .img::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 160px;opacity: 0.9;background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);content: '';transition: .5s}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .img::after{opacity: 0;}
main .page-restaurant #producteurs .producteurs-grid .producteur .img::before{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: white;content: '';transition: .5s;z-index: 5;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .img::before{opacity: 0.8;}
main .page-restaurant #producteurs .producteurs-grid .producteur .text{position: absolute;z-index: 5;bottom: 0;padding: 50px 40px 30px;transition: .5s;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .text{padding: 50px 40px 50px;}
main .page-restaurant #producteurs .producteurs-grid .producteur .text .metier{color: var(--white); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1px; text-transform: uppercase;margin-bottom: 0;transition: .5s;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .text .metier{color: var(--black);}
main .page-restaurant #producteurs .producteurs-grid .producteur .text .nom{color: var(--white); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 200; line-height: normal;margin-bottom: 20px;transition: .5s;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .text .nom{color: var(--black);}
main .page-restaurant #producteurs .producteurs-grid .producteur .text .description{max-height: 0px;opacity: 0;transition: .5s;}
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .text .description{max-height: 250px;opacity: 1;}
main .page-restaurant #producteurs .producteurs-grid .producteur .text .description p{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-restaurant #producteurs .producteurs-grid .producteur .text .description p:last-of-type{margin-bottom: 0;}
main .page-restaurant #chef{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-restaurant #chef .content{width: 50%;margin-left:16.66666667%;}
main .page-restaurant #chef .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-restaurant #chef .content h2{color: var(--Color-White, #FFF); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px; margin: 0;margin-bottom: 30px;}
main .page-restaurant #chef .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-restaurant #chef .content a:hover{background-color: var(--white);color: var(--black);} main .page-arnaud-lallement{}
main .page-arnaud-lallement #header{height: 600px;position: relative;}
main .page-arnaud-lallement #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-arnaud-lallement #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-arnaud-lallement #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-arnaud-lallement #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-arnaud-lallement #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 50%;}
main .page-arnaud-lallement #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-arnaud-lallement #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-arnaud-lallement #header .text img{vertical-align: middle;}
main .page-arnaud-lallement #introduction{padding: 100px 0px 160px;}
main .page-arnaud-lallement #introduction .content{display: flex;align-items: center;}
main .page-arnaud-lallement #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-arnaud-lallement #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-arnaud-lallement #introduction .content .menu a:hover{color: var(--black);}
main .page-arnaud-lallement #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-arnaud-lallement #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-arnaud-lallement #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-arnaud-lallement #parcours{padding-bottom: 160px;}
main .page-arnaud-lallement #parcours .content{display: flex;align-items: flex-start;padding: 0 80px;}
main .page-arnaud-lallement #parcours .content .title{width: 25%;margin-left: 8.33333333%;}
main .page-arnaud-lallement #parcours .content .title h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-arnaud-lallement #parcours .content .text{width: 50%;}
main .page-arnaud-lallement #parcours .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}main .page-arnaud-lallement #parcours .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-arnaud-lallement #parcours .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-arnaud-lallement #parcours .content .text a:hover{background-color: var(--black);color: var(--white);} main .page-arnaud-lallement #vision{padding-bottom: 160px;}
main .page-arnaud-lallement #vision .content{display: flex;align-items: flex-start;padding: 0 80px;flex-wrap: wrap;}
main .page-arnaud-lallement #vision .content .img{width: 83.33333333%;margin-left: 8.33333333%;margin-bottom: 100px;height: 550px;}
main .page-arnaud-lallement #vision .content .img img{width: 100%;height: 100%;object-fit: cover; display: block;}
main .page-arnaud-lallement #vision .content .img video{width: 100%;height: 100%;object-fit: cover; display: block;}
main .page-arnaud-lallement #vision .content .title{width: 25%;margin-left: 8.33333333%;}
main .page-arnaud-lallement #vision .content .title h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-arnaud-lallement #vision .content .text{width: 50%;}
main .page-arnaud-lallement #vision .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}main .page-arnaud-lallement #parcours .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-arnaud-lallement #vision .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-arnaud-lallement #vision .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-arnaud-lallement #ambassadeur{padding-bottom: 160px;}
main .page-arnaud-lallement #ambassadeur .content{display: flex;align-items: center;}
main .page-arnaud-lallement #ambassadeur .content .media{width: 50%;}
main .page-arnaud-lallement #ambassadeur .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-arnaud-lallement #ambassadeur .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-arnaud-lallement #ambassadeur .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-arnaud-lallement #ambassadeur .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-arnaud-lallement #ambassadeur .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-arnaud-lallement #ambassadeur .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-arnaud-lallement #ambassadeur .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-arnaud-lallement #bar-terrasse{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-arnaud-lallement #bar-terrasse .content{width: 50%;margin-left:16.66666667%;}
main .page-arnaud-lallement #bar-terrasse .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-arnaud-lallement #bar-terrasse .content h2{color: var(--white); font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: 60px;margin: 0;margin-bottom: 30px;}
main .page-arnaud-lallement #bar-terrasse .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-arnaud-lallement #bar-terrasse .content a:hover{background-color: var(--white);color: var(--black);} main .page-hotel{}
main .page-hotel #header{height: 600px;position: relative;}
main .page-hotel #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-hotel #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-hotel #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-hotel #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-hotel #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-hotel #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-hotel #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-hotel #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-hotel #introduction{padding: 100px 0px;}
main .page-hotel #introduction .content{display: flex;align-items: center;}
main .page-hotel #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 33.33333333%;display: flex;flex-wrap: wrap;gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-hotel #introduction .content .menu a{flex: 1 1 33%;color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-hotel #introduction .content .menu a:hover{color: var(--black);}
main .page-hotel #introduction .content .text{width: 41.66666667%;padding-left: 8.33333333%;}
main .page-hotel #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-hotel #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-hotel #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-hotel #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-hotel #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-hotel #hotel{padding-bottom: 160px;}
main .page-hotel #hotel .photos-hotel{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-hotel #hotel .photos-hotel .photo{width: calc(100% / 3);}
main .page-hotel #hotel .photos-hotel .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .photos-hotel .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content{display: flex;align-items: center;}
main .page-hotel #hotel .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-hotel #hotel .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-hotel #hotel .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-hotel #hotel .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-hotel #hotel .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-hotel #hotel .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-hotel #hotel .content .text a:hover{background-color: var(--black);color: var(--white);} main .page-histoire{}
main .page-histoire #header{height: 600px;position: relative;}
main .page-histoire #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-histoire #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-histoire #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-histoire #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-histoire #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-histoire #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-histoire #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-histoire #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-histoire #introduction{padding: 100px 0px 160px;}
main .page-histoire #introduction .content{display: flex;align-items: center;}
main .page-histoire #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-histoire #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-histoire #introduction .content .menu a:hover{color: var(--black);}
main .page-histoire #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-histoire #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-histoire #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-histoire #introduction .photos-arnaud-lallement{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-histoire #introduction .photos-arnaud-lallement .photo{width: calc(100% / 3);}
main .page-histoire #introduction .photos-arnaud-lallement .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #introduction .photos-arnaud-lallement .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #maison-famille{padding-bottom: 160px;}
main .page-histoire #maison-famille .content{display: flex;align-items: center;}
main .page-histoire #maison-famille .content .media{width: 50%;}
main .page-histoire #maison-famille .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #maison-famille .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #maison-famille .content .media .legend{color: #8d8d8d; font-family: "Crimson Text"; font-size: 14px; font-style: normal; font-weight: 400;margin-bottom: 0;margin-top: 5px;text-align: center;}
main .page-histoire #maison-famille .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-histoire #maison-famille .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-histoire #maison-famille .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-histoire #maison-famille .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-histoire #maison-famille .content .text a:hover{background-color: var(--black);color: var(--white);}  main .page-histoire #timeline{padding-bottom: 60px;}
main .page-histoire #timeline .timeline-list{display: flex;flex-direction: column;gap: 20px;}
main .page-histoire #timeline .timeline-list .item{display: flex;align-items: center;margin-bottom: 100px;}
main .page-histoire #timeline .timeline-list .item .text{}
main .page-histoire #timeline .timeline-list .item .text p.year{margin: 0; font-family: Elgraine; font-size: 150px; font-style: normal; font-weight: 600; line-height: 110px; color: #fff; text-shadow: 0px 0px 2px #000;}
main .page-histoire #timeline .timeline-list .item .text p.year-2{margin-left: auto;width: fit-content;}
main .page-histoire #timeline .timeline-list .item .text p:not(.year){margin-top: 20px;width: 70%; margin-bottom: 0; color: #000; font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-histoire #timeline .timeline-list .item .media{}
main .page-histoire #timeline .timeline-list .item .media img.img-1{height: 420px;width: 100%;    object-fit: cover;display: block;}
main .page-histoire #timeline .timeline-list .item .media img.img-2{height: auto;width: 217px;    object-fit: cover;z-index: 5;display: block;}
main .page-histoire #timeline .timeline-list .item.item-1 .media{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-1 .text{text-align: right;margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-1 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-2 .media{margin-left: 8.33333333%;width: 41.66666667%;}
main .page-histoire #timeline .timeline-list .item.item-2 .text{width: 25%;margin-left: 8.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-2 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-3 .media{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-3 .text{text-align: right;width: 25%;margin-left: 25%;}
main .page-histoire #timeline .timeline-list .item.item-3 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-4 .media{margin-left: 33.33333333%;width: 16.66666667%;}
main .page-histoire #timeline .timeline-list .item.item-4 .media .img-1{width: 100%;height: auto;}
main .page-histoire #timeline .timeline-list .item.item-4 .text{width: 25%;margin-left: 8.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-4 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-5 .media{margin-left: 8.33333333%;width: 16.66666667%;}
main .page-histoire #timeline .timeline-list .item.item-5 .media .img-1{width: 100%;height: auto;}
main .page-histoire #timeline .timeline-list .item.item-5 .text{text-align: right;margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-5 .text p:not(.year){margin-left: auto;margin-top: 0;margin-bottom: 20px;}
main .page-histoire #timeline .timeline-list .item.item-6 .media{margin-left: 8.33333333%;width: 33.33333333%;position: relative;}
main .page-histoire #timeline .timeline-list .item.item-6 .media .img-2{position: absolute;top: 50%;right: 0;transform: translate(50%, -50%);}
main .page-histoire #timeline .timeline-list .item.item-6 .text{margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-6 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-7 .media{margin-left: 8.33333333%;width: 41.66666667%;}
main .page-histoire #timeline .timeline-list .item.item-7 .text{text-align: right;margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-7 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-8 .media{margin-left: 16.66666667%;width: 33.33333333%;position: relative;}
main .page-histoire #timeline .timeline-list .item.item-8 .media .img-2{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
main .page-histoire #timeline .timeline-list .item.item-8 .text{margin-left: 8.33333333%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-8 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-9 .media{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-9 .media img{height: 100%!important;object-fit: contain;}
main .page-histoire #timeline .timeline-list .item.item-9 .text{text-align: right;margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-9 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-10 .media{margin-left: 25%;width: 16.66666667%;}
main .page-histoire #timeline .timeline-list .item.item-10 .media .img-1{width: 100%;height: auto;}
main .page-histoire #timeline .timeline-list .item.item-10 .text{width: 25%;margin-left: 8.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-10 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-11 .media{margin-left: 16.66666667%;width: 33.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-11 .text{text-align: right;margin-left: 16.66666667%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-11 .text p:not(.year){margin-left: auto;}
main .page-histoire #timeline .timeline-list .item.item-12 .media{margin-left: 16.66666667%;width: 33.33333333%;position: relative;}
main .page-histoire #timeline .timeline-list .item.item-12 .media .img-2{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
main .page-histoire #timeline .timeline-list .item.item-12 .text{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-histoire #timeline .timeline-list .item.item-13 .media{margin-left: 16.66666667%;width: 41.66666667%;position: relative;}
main .page-histoire #timeline .timeline-list .item.item-13 .media .img-2{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
main .page-histoire #timeline .timeline-list .item.item-13 .text{margin-left: 8.33333333%;width: 25%;}
main .page-histoire #timeline .timeline-list .item.item-13 .text p:not(.year){margin-left: auto;}
main .page-histoire #esprit-maison{padding-bottom: 160px;}
main .page-histoire #esprit-maison .content{display: flex;align-items: center;}
main .page-histoire #esprit-maison .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-histoire #esprit-maison .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #esprit-maison .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-histoire #esprit-maison .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-histoire #esprit-maison .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-histoire #esprit-maison .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-histoire #esprit-maison .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-histoire #esprit-maison .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-histoire #hotel{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-histoire #hotel .content{width: 25%;margin-left:16.66666667%;}
main .page-histoire #hotel .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-histoire #hotel .content h2{color: var(--white); font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: 60px;margin: 0;margin-bottom: 30px;}
main .page-histoire #hotel .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-histoire #hotel .content a:hover{background-color: var(--white);color: var(--black);} main .page-bar-terrasse{}
main .page-bar-terrasse #header{height: 600px;position: relative;}
main .page-bar-terrasse #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-bar-terrasse #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-bar-terrasse #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #header .text{position: absolute;bottom: 0;left: calc(41.66666667% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-bar-terrasse #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-bar-terrasse #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-bar-terrasse #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-bar-terrasse #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-bar-terrasse #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-bar-terrasse #introduction{padding: 100px 0px 160px;}
main .page-bar-terrasse #introduction .content{display: flex;align-items: center;}
main .page-bar-terrasse #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-bar-terrasse #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-bar-terrasse #introduction .content .menu a:hover{color: var(--black);}
main .page-bar-terrasse #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-bar-terrasse #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-bar-terrasse #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-bar-terrasse #bar-interieur{padding-bottom: 160px;}
main .page-bar-terrasse #bar-interieur .content{display: flex;align-items: center;}
main .page-bar-terrasse #bar-interieur .content .media{width: 50%;}
main .page-bar-terrasse #bar-interieur .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #bar-interieur .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #bar-interieur .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-bar-terrasse #bar-interieur .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-bar-terrasse #bar-interieur .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-bar-terrasse #bar-interieur .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-bar-terrasse #bar-interieur .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-bar-terrasse #terrasse{padding-bottom: 160px;}
main .page-bar-terrasse #terrasse .content{display: flex;align-items: center;}
main .page-bar-terrasse #terrasse .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-bar-terrasse #terrasse .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #terrasse .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #terrasse .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-bar-terrasse #terrasse .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-bar-terrasse #terrasse .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-bar-terrasse #terrasse .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-bar-terrasse #terrasse .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-bar-terrasse #terrasse .photos-terrasse{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-bar-terrasse #terrasse .photos-terrasse .photo{width: calc(100% / 3);}
main .page-bar-terrasse #terrasse .photos-terrasse .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #terrasse .photos-terrasse .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #cave-cigare{padding-bottom: 160px;}
main .page-bar-terrasse #cave-cigare .content{display: flex;align-items: center;}
main .page-bar-terrasse #cave-cigare .content .media{width: 50%;}
main .page-bar-terrasse #cave-cigare .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #cave-cigare .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-bar-terrasse #cave-cigare .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-bar-terrasse #cave-cigare .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-bar-terrasse #cave-cigare .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-bar-terrasse #cave-cigare .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-bar-terrasse #cave-cigare .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-bar-terrasse #parc{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-bar-terrasse #parc .content{width: 25%;margin-left:16.66666667%;}
main .page-bar-terrasse #parc .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-bar-terrasse #parc .content h2{color: var(--white); font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: 60px;margin: 0;margin-bottom: 30px;}
main .page-bar-terrasse #parc .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-bar-terrasse #parc .content a:hover{background-color: var(--white);color: var(--black);} main .page-parc{}
main .page-parc #header{height: 600px;position: relative;}
main .page-parc #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-parc #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-parc #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-parc #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-parc #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-parc #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-parc #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-parc #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-parc #introduction{padding: 100px 0px 160px;}
main .page-parc #introduction .content{display: flex;align-items: center;}
main .page-parc #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-parc #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-parc #introduction .content .menu a:hover{color: var(--black);}
main .page-parc #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-parc #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-parc #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-parc #potager{padding-bottom: 160px;}
main .page-parc #potager .content{display: flex;align-items: center;}
main .page-parc #potager .content .media{width: 50%;}
main .page-parc #potager .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #potager .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #potager .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-parc #potager .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-parc #potager .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-parc #potager .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-parc #potager .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-parc #potager .photos-potager{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-parc #potager .photos-potager .photo{width: calc(100% / 3);}
main .page-parc #potager .photos-potager .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #potager .photos-potager .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #serre{padding-bottom: 160px;}
main .page-parc #serre .content{display: flex;align-items: center;}
main .page-parc #serre .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-parc #serre .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #serre .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #serre .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-parc #serre .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-parc #serre .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-parc #serre .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-parc #serre .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-parc #ruches{padding-bottom: 160px;}
main .page-parc #ruches .content{display: flex;align-items: center;}
main .page-parc #ruches .content .media{width: 50%;}
main .page-parc #ruches .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #ruches .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #ruches .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-parc #ruches .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-parc #ruches .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-parc #ruches .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-parc #ruches .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-parc #cuisine-responsable{padding-bottom: 160px;}
main .page-parc #cuisine-responsable .photos-hotel{display: flex; gap: 80px; justify-content: center; width: 83.33333333%; margin: 100px auto 0; padding: 0 80px;}
main .page-parc #cuisine-responsable .photos-hotel .photo{width: calc(100% / 3);}
main .page-parc #cuisine-responsable .photos-hotel .photo img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #cuisine-responsable .photos-hotel .photo video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #cuisine-responsable .content{display: flex;align-items: center;}
main .page-parc #cuisine-responsable .content .media{width: 50%;margin-left: 8.33333333%;}
main .page-parc #cuisine-responsable .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #cuisine-responsable .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-parc #cuisine-responsable .content .text{width: 33.33333333%;margin-left: calc(8.33333333% + 80px);}
main .page-parc #cuisine-responsable .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-parc #cuisine-responsable .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-parc #cuisine-responsable .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-parc #cuisine-responsable .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-parc #champagne{padding: 120px 60px;background-size: cover;background-position: center right;}
main .page-parc #champagne .content{width: 25%;margin-left:16.66666667%;}
main .page-parc #champagne .content p{color: var(--white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 10px;}
main .page-parc #champagne .content h2{color: var(--white); font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: 60px;margin: 0;margin-bottom: 30px;}
main .page-parc #champagne .content a{color: var(--white); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--white);display: inline-block;}
main .page-parc #champagne .content a:hover{background-color: var(--white);color: var(--black);} main .page-champagne{}
main .page-champagne #header{height: 600px;position: relative;}
main .page-champagne #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-champagne #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-champagne #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-champagne #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-champagne #header .text{position: absolute;bottom: 0;left: calc(41.66666667% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-champagne #header .text h1{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .page-champagne #header .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-champagne #header .logo{position: absolute;right: calc(8.33333333% + 80px);bottom: 50px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-champagne #header .logo img{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-champagne #header .logo svg{max-width: 70px;max-height: 70px;width: 100%;height: auto;}
main .page-champagne #introduction{padding: 100px 0px 160px;}
main .page-champagne #introduction .content{display: flex;align-items: center;}
main .page-champagne #introduction .content .menu{margin-left:calc(8.33333333% + 80px);width: 25%;display: flex;flex-wrap: wrap;flex-direction: column; gap: 10px;border-right: 1px solid #A7A7A7;padding: 0 15px;}
main .page-champagne #introduction .content .menu a{color: var(--Color-Grey, #A7A7A7); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;letter-spacing: 1px; text-transform: uppercase;}
main .page-champagne #introduction .content .menu a:hover{color: var(--black);}
main .page-champagne #introduction .content .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 0 20px;}
main .page-champagne #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-champagne #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-champagne #oenotourisme{padding-bottom: 160px;}
main .page-champagne #oenotourisme .content{display: flex;align-items: center;}
main .page-champagne #oenotourisme .content .media{width: 50%;}
main .page-champagne #oenotourisme .content .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-champagne #oenotourisme .content .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-champagne #oenotourisme .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-champagne #oenotourisme .content .text h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 30px;}
main .page-champagne #oenotourisme .content .text p{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-champagne #oenotourisme .content .text a{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;}
main .page-champagne #oenotourisme .content .text a:hover{background-color: var(--black);color: var(--white);}
main .page-champagne #visites{padding: 0 60px 100px;}
main .page-champagne #visites .title{width: 41.66666667%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-champagne #visites .title h2{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 0;}
main .page-champagne #visites .visites-grid{width: 83.33333333%;margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
main .page-champagne #visites .visites-grid .visite{width: calc((100% / 3) - 54px);position: relative;overflow: hidden;}
main .page-champagne #visites .visites-grid .visite .img{position: relative;z-index: 2;overflow: hidden;height: 300px;}
main .page-champagne #visites .visites-grid .visite .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-champagne #visites .visites-grid .visite:hover .img img{transform: scale(1.05);}
main .page-champagne #visites .visites-grid .visite .text{position: relative;z-index: 5;padding: 25px 0 0;transition: .5s;}
main .page-champagne #visites .visites-grid .visite .text .nom{color: var(--Color-Black, #000); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 200; line-height: normal;margin-bottom: 20px;transition: .5s;}
main .page-champagne #visites .visites-grid .visite .text .description{transition: .5s;}
main .page-champagne #visites .visites-grid .visite .text .description p{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-champagne #visites .visites-grid .visite .text .description p:last-of-type{margin-bottom: 20px;}
main .page-champagne #visites .visites-grid .visite .text .btn{color: var(--black);border-color: var(--black);}
main .page-champagne #visites .visites-grid .visite .text .btn:hover{background-color: var(--black);color: var(--white);}
main .page-champagne #evenements{background-color: var(--black);padding: 100px 60px 200px;}
main .page-champagne #evenements .title{width: 41.66666667%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-champagne #evenements .title h2{color: var(--white); font-family: Elgraine; font-size: 50px; font-style: italic; font-weight: 500; line-height: 55px;margin-top: 0;margin-bottom: 20px;}
main .page-champagne #evenements .evenements-grid{width: 83.33333333%;margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
main .page-champagne #evenements .evenements-grid .evenement{width: calc((100% / 3) - 54px);position: relative;overflow: hidden;}
main .page-champagne #evenements .evenements-grid .evenement .img{position: relative;z-index: 2;overflow: hidden;height: 300px;}
main .page-champagne #evenements .evenements-grid .evenement .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-champagne #evenements .evenements-grid .evenement:hover .img img{transform: scale(1.05);}
main .page-champagne #evenements .evenements-grid .evenement .text{position: relative;z-index: 5;padding: 25px 0 0;transition: .5s;}
main .page-champagne #evenements .evenements-grid .evenement .text .nom{color: var(--white); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 200; line-height: normal;margin-bottom: 20px;transition: .5s;}
main .page-champagne #evenements .evenements-grid .evenement .text .description{transition: .5s;}
main .page-champagne #evenements .evenements-grid .evenement .text .description p{color: var(--white, #FFF); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-champagne #evenements .evenements-grid .evenement .text .description p:last-of-type{margin-bottom: 20px;}  main .page-contact{}
main .page-contact #header{height: 600px;position: relative;}
main .page-contact #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-contact #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-contact #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-contact #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-contact #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;} main .page-contact #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-contact #introduction{padding: 100px 0px;}
main .page-contact #introduction .content{display: flex;align-items: center;}
main .page-contact #introduction .content .text{width: 33.33333333%;padding: 0 20px;margin-left:calc(8.33333333% + 80px);}
main .page-contact #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-contact #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-contact #content{padding: 0 80px 100px;}
main .page-contact #content .contact{width: calc(83.33333333% - 80px);margin: auto;}
main .page-contact #content .contact form .flex-contact{display: flex;flex-wrap: wrap;gap: 20px;}
main .page-contact #content .contact form .flex-contact .half{width: calc(50% - 10px);}
main .page-contact #content .contact form .flex-contact .full{width: 100%;}
main .page-contact #content .contact form input{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-contact #content .contact form input::placeholder{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-contact #content .contact form input[type="checkbox"]{width: auto}
main .page-contact #content .contact form input[type="submit"]{width: auto;transition: .3s;background: none;border-radius: 0;}
main .page-contact #content .contact form input[type="submit"]{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;    float: right;}
main .page-contact #content .contact form input[type="submit"]:hover{background-color: var(--black);color: var(--white);}
main .page-contact #content .contact form select{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-contact #content .contact form textarea{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-contact #content .contact form textarea::placeholder{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-contact #content .contact form p{margin-bottom: 0px;}
main .page-contact #content .contact form .wpcf7-acceptance>span{margin-left: 0;}
main .page-contact #content .contact form .wpcf7-acceptance input{margin-right: 5px;}
main .page-contact #map{}
main .page-contact #map .map{height: 320px;}
main .page-contact #map .acf-map{height: 100%;}
main .page-contact #informations{background: var(--black);padding: 140px 60px;}
main .page-contact #informations .informations-grid{display: flex;flex-wrap: wrap;width:  66.66666667%;margin: auto;row-gap: 60px;}
main .page-contact #informations .informations-grid .information{display: flex;flex-direction: column;align-items: center;gap: 30px;width: calc(100% / 3);text-align: center;}
main .page-contact #informations .informations-grid .information .picto{}
main .page-contact #informations .informations-grid .information p{margin: 0;color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;} main .page-recrutement{}
main .page-recrutement #header{height: 600px;position: relative;}
main .page-recrutement #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-recrutement #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .page-recrutement #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-recrutement #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-recrutement #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: 33.33333333%;}
main .page-recrutement #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-recrutement #introduction{padding: 100px 0px;}
main .page-recrutement #introduction .content{display: flex;align-items: center;}
main .page-recrutement #introduction .content .text{width: 33.33333333%;padding: 0 20px;margin-left:calc(8.33333333% + 80px);}
main .page-recrutement #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-recrutement #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-recrutement #content{padding: 0 80px 100px;}
main .page-recrutement #content .contact{width: calc(83.33333333% - 80px);margin: auto;}
main .page-recrutement #content .contact form .flex-contact{display: flex;flex-wrap: wrap;gap: 20px;}
main .page-recrutement #content .contact form .flex-contact .half{width: calc(50% - 10px);}
main .page-recrutement #content .contact form .flex-contact .full{width: 100%;}
main .page-recrutement #content .contact form input{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-recrutement #content .contact form input::placeholder{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-recrutement #content .contact form input[type="checkbox"]{width: auto}
main .page-recrutement #content .contact form input[type="submit"]{width: auto;transition: .3s;background: none;border-radius: 0;}
main .page-recrutement #content .contact form input[type="submit"]{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;padding: 10px 20px;border: 1px solid var(--black);display: inline-block;    float: right;}
main .page-recrutement #content .contact form input[type="submit"]:hover{background-color: var(--black);color: var(--white);}
main .page-recrutement #content .contact form select{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-recrutement #content .contact form textarea{width: 100%;border-radius: 0;border: 1px solid #EAEAEA;color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;outline: none;padding: 10px 10px;}
main .page-recrutement #content .contact form textarea::placeholder{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-recrutement #content .contact form p{margin-bottom: 0px;color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-recrutement #content .contact form p span{color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-recrutement #content .contact form .wpcf7-acceptance>span{margin-left: 0;}
main .page-recrutement #content .contact form .wpcf7-acceptance input{margin-right: 5px;} main .page-galerie{}
main .page-galerie #content{padding: 130px 0 0;}
main .page-galerie #content .title{width: 50%;margin-left: 8.33333333%;padding: 80px 0 50px;}
main .page-galerie #content .title h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-galerie #content .menu-galerie{display: flex;gap: 15px;align-items: center;margin-left: 8.33333333%; width: 83.33333333%;padding-bottom: 50px;}
main .page-galerie #content .menu-galerie .menu-item{padding: 5px 15px;background: transparent; border: 1px solid var(--black);  margin-top: 0;margin-bottom: 0;    white-space: nowrap; color: var(--black); font-family: Crimson Text; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-galerie #content .menu-galerie .menu-item:hover{background: var(--black);color: var(--white);}
main .page-galerie #content .menu-galerie .menu-item.on{background: var(--black);color: var(--white);} main .page-galerie #content .galerie-bloc { display: none; flex-wrap: wrap; width: 83.33333333%; margin: auto; padding-bottom: 100px; opacity: 0;transition: .5s;}
main .page-galerie #content .galerie-bloc.on { display: flex; opacity: 1;}
main .page-galerie #content .galerie-bloc .title-section{width: 100%;margin-bottom: 30px;}
main .page-galerie #content .galerie-bloc .title-section h2{margin-top: 0;margin-bottom: 0;    white-space: nowrap; color: var(--black); font-family: Crimson Text; font-size: 1.667vw; font-style: normal; font-weight: 400; line-height: normal;}
main .page-galerie #content .galerie-bloc .galerie-grid{display: flex;flex-wrap: wrap;gap: 20px;width: 100%;}
main .page-galerie #content .galerie-bloc .galerie-grid a{width: calc((100% / 6) - 17px);transition: none;}
main .page-galerie #content .galerie-bloc .galerie-grid a img{width: 100%;height: 100%;object-fit: cover;} main .page-presse{}
main .page-presse #content{padding: 180px 0 0}
main .page-presse #content>.title{width: 50%;margin-left: 8.33333333%;padding: 50px 0 50px;}
main .page-presse #content .title h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;} main .page-presse #content .dp{background-size: cover;padding: 200px 0;}
main .page-presse #content .dp .btn{margin-left: 66.66666667%;}
main .page-presse #content .presse-grid{display: flex;flex-wrap: wrap;gap: 20px;padding: 100px 60px 0;width: 83.33333333%;margin: auto;}
main .page-presse #content .presse-grid .item{width: calc((100% / 5) - 17px);text-align: center;padding: 0 15px;}
main .page-presse #content .presse-grid .item .date{color: #A7A7A7; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;margin-bottom: 5px;}
main .page-presse #content .presse-grid .item .title{color: var(--black); text-align: center; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal;margin-bottom: 5px;}
main .page-presse #content .presse-grid .item .source{color: var(--black); text-align: center; font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;margin-bottom: 20px;}
main .page-presse #content .presse-grid .item .btn{color: var(--black);border-color: var(--black);}
main .page-presse #content .presse-grid .item .btn:hover{background-color: var(--black);color: var(--white);} main .page-classique{}
main .page-classique .content{display: flex;flex-direction: column;padding: 0 80px;padding: 200px 0 100px}
main .page-classique .content .title{margin-left: 8.33333333%;width: 83.33333333%;}
main .page-classique .content .title h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 45px; font-style: italic; font-weight: 500; line-height: 45px;margin: 0;margin-bottom: 30px;}
main .page-classique .content .text{margin-left: 8.33333333%;width: 83.33333333%;}
main .page-classique .content .text h2{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase; margin: 0; margin-bottom: 20px;}
main .page-classique .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-classique .content .text a{color: var(--grey); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;text-decoration: underline;} main .page-informations-pratiques{}
main .page-informations-pratiques #content{padding: 180px 0 100px}
main .page-informations-pratiques #content>.title{width: 50%;margin-left: 8.33333333%;padding: 50px 0 50px;}
main .page-informations-pratiques #content .title h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-informations-pratiques #content .text{display: flex;width: 83.33333333%;margin-left: 8.33333333%;flex-wrap: wrap;gap: 20px}
main .page-informations-pratiques #content .text>div{width: calc(50% - 10px);}
main .page-informations-pratiques #content .text h2{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase; margin: 0; margin-bottom: 20px;}
main .page-informations-pratiques #content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-informations-pratiques #content .text a{color: var(--grey); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;text-decoration: underline;} main .page-experiences{}
main .page-experiences #header{height: 600px;position: relative;}
main .page-experiences #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;background: #000;} main .page-experiences #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;opacity: .8;}
main .page-experiences #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;opacity: .8;}
main .page-experiences #header .text{position: absolute;bottom: 0;left: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px;width: 41.66666667%;}
main .page-experiences #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .page-experiences #header .text p{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin-bottom: 10px;}
main .page-experiences #content{padding: 100px 0 150px;}
main .page-experiences #content .experiences-grid{display: flex;flex-wrap: wrap;row-gap: 80px;justify-content: space-between;margin: 0 calc(8.33333333% + 80px);}
main .page-experiences #content .experiences-grid .experience{position: relative; width: 30%;border: 1px solid var(--Color-Grey, #A7A7A7);}
main .page-experiences #content .experiences-grid .experience .media{position: absolute; width: 100%;height: 100%;overflow: hidden;}
main .page-experiences #content .experiences-grid .experience .media .img{transition: .5s;position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #000;}
main .page-experiences #content .experiences-grid .experience .media .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.8;}
main .page-experiences #content .experiences-grid .experience .text{width: 100%;height: 100%;}
main .page-experiences #content .experiences-grid .experience .text h2{width: 100%; transition: .5s; position: absolute;top: 35%; left: 50%;transform: translateX(-50%); margin: 0;color: var(--Color-Black, #000); text-align: center; font-family: Elgraine; font-size: 18px; font-style: normal; font-weight: 300; line-height: 40px;}
main .page-experiences #content .experiences-grid .experience .text h2 span{transition: .5s; color: var(--Color-Grey, #A7A7A7); text-align: center; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 13px; text-transform: uppercase;}
main .page-experiences #content .experiences-grid .experience .text h2 svg{margin: auto;}
main .page-experiences #content .experiences-grid .experience .text h2 svg path{transition: .5s}
main .page-experiences #content .experiences-grid .experience .text a{position: absolute; bottom: 50px; left: 50%;transform: translateX(-50%); border-color: var(--black);color: var(--black);width: fit-content;}
main .page-experiences #content .experiences-grid .experience:hover .media .img{top: 0;}
main .page-experiences #content .experiences-grid .experience:hover .text h2{color: var(--white);}
main .page-experiences #content .experiences-grid .experience:hover .text h2 span{color: var(--white);}
main .page-experiences #content .experiences-grid .experience:hover .text h2 svg path{fill: var(--white);}
main .page-experiences #content .experiences-grid .experience:hover .text a{color: var(--white);border-color: var(--white);}
main .page-experiences #content .experiences-grid .experience:hover .text a:hover{color: var(--black);} main .single-experience{}
main .single-experience #header{height: 600px;position: relative;}
main .single-experience #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .single-experience #header .media::after{position: absolute;width: 100%;height: 100%;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0) 20%);content: '';    left: 0; top: 0;}
main .single-experience #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-experience #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-experience #header .text{position: absolute;bottom: 0;right: calc(8.33333333% + 80px);z-index: 10;background-color: #fff;padding: 50px 80px 0;width: calc(41.66666667% - 80px);}
main .single-experience #header .text p{color: var(--Color-Black, #000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3px; text-transform: uppercase;margin: 0;margin-bottom: 15px;}
main .single-experience #header .text h1{color: var(--Color-Black, #000); font-family: Elgraine; font-size: 52px; font-style: italic; font-weight: 500; line-height: 58px;margin: 0;}
main .single-experience #content{padding: 100px 80px;}
main .single-experience #content .content{display: flex;align-items: center;gap: 20px;}
main .single-experience #content .content .galerie-experience-container{margin-left: 8.33333333%;width: 41.66666667%;}
main .single-experience #content .content .galerie-experience{position: relative;}
main .single-experience #content .content .galerie-experience .owl-nav{margin: 0;}
main .single-experience #content .content .galerie-experience .owl-nav .owl-next{position: absolute;margin: 0;top: 50%;transform: translate(100%, -50%); right: 0;background: transparent!important;}
main .single-experience #content .content .galerie-experience .owl-nav .owl-prev{position: absolute;margin: 0;top: 50%;transform: translate(-100%, -50%);left: 0;background: transparent!important;}
main .single-experience #content .content .galerie-experience .item{width: 100%; height: 550px;}
main .single-experience #content .content .galerie-experience .item img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-experience #content .content .galerie-experience .item video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .single-experience #content .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
main .single-experience #content .content .text p{margin-bottom: 10px; color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
main .single-experience #content .content .text li{margin-bottom: 10px; color: var(--Color-Black, #000); font-family: "Crimson Text"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px;}
main .single-experience #content .content .text p strong{font-weight: 700;}
main .single-experience #content .content .text .links{display: flex;gap: 20px;}
main .single-experience #content .content .text a{color: var(--black);border-color: var(--black);}
main .single-experience #content .content .text a:hover{background: #000;color:var(--white);}
main .single-experience #other-experiences{padding: 50px 0 100px;}
main .single-experience #other-experiences .title{margin-left: calc(80px + 8.33333333%);margin-bottom: 50px;}
main .single-experience #other-experiences .title h2{margin: 0;color: var(--Color-Black, #000); font-family: Elgraine; font-size: 45px; font-style: italic; font-weight: 500; line-height: 45px; }
main .single-experience #other-experiences .experience{position: relative; width: 100%;border: 1px solid var(--Color-Grey, #A7A7A7);}
main .single-experience #other-experiences .experience .media{position: absolute; width: 100%;height: 100%;overflow: hidden;}
main .single-experience #other-experiences .experience .media .img{transition: .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;}
main .single-experience #other-experiences .experience .media .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.6;}
main .single-experience #other-experiences .experience .text{width: 100%;height: 100%;}
main .single-experience #other-experiences .experience .text h3{width: 100%; transition: .5s; position: absolute;top: 35%; left: 50%;transform: translateX(-50%); margin: 0;color: var(--white); text-align: center; font-family: Elgraine; font-size: 18px; font-style: normal; font-weight: 300; line-height: 40px;}
main .single-experience #other-experiences .experience .text h3 span{transition: .5s; color: var(--white); text-align: center; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 13px; text-transform: uppercase;}
main .single-experience #other-experiences .experience .text h3 svg{margin: auto;}
main .single-experience #other-experiences .experience .text h3 svg path{transition: .5s;fill: var(--white);}
main .single-experience #other-experiences .experience .text a{position: absolute; bottom: 50px; left: 50%;transform: translateX(-50%); border-color: var(--white);color: var(--white);width: fit-content;}
main .single-experience #other-experiences .experience:hover .text a:hover{color: var(--black);} @media screen and (max-width: 1750px) {
main .single-experience #header .text h1{font-size: 45px; line-height: 50px;}
}
@media screen and (max-width: 1650px) {
main .page-home #entry .text{padding: 50px 50px 0;}
main .page-histoire #header .text h2{font-size: 45px; line-height: 50px;}
main .page-hotel #header .text h2{font-size: 45px; line-height: 50px;}
main .page-chambres-suites #header .text h1{font-size: 45px; line-height: 50px;}
main .single-chambres-suites #header .text h1{font-size: 45px; line-height: 50px;}
main .page-restaurant #header .text h2{font-size: 45px; line-height: 50px;}
main .page-restaurant #menu .content .text{padding: 60px 4%;}
main .page-restaurant #carte .content .text{padding: 60px 4%;}
main .page-arnaud-lallement #header .text h2{font-size: 45px; line-height: 50px;}
main .page-bar-terrasse #header .text h2{font-size: 45px; line-height: 50px;}
main .page-parc #header .text h2{font-size: 45px; line-height: 50px;}
main .page-champagne #header .text h2{font-size: 45px; line-height: 50px;}
main .page-contact #header .text h1{font-size: 45px; line-height: 50px;}
main .page-recrutement #header .text h1{font-size: 45px; line-height: 50px;}
main .page-galerie #content .title{padding: 50px 0;}
main .page-galerie #content .title h1{font-size: 45px; line-height: 50px;}
main .page-presse #content .title h1{font-size: 45px; line-height: 50px;}
}
@media screen and (max-width: 1600px) {
main .page-experiences #content .experiences-grid .experience .text h2 svg{    width: 110px; height: auto;}
main .page-experiences #content .experiences-grid .experience .text h2 span{font-size: 24px;line-height: normal;}
main .single-experience #header .text{padding: 50px 50px 0;}
main .single-experience #other-experiences .experience .text h3 svg{    width: 150px; height: auto;}
main .single-experience #other-experiences .experience .text h3 span{font-size: 24px;line-height: normal;}
}
@media screen and (max-width: 1550px) {
main .page-home #hotel .content .text{padding: 0;}
}
@media screen and (max-width: 1500px) {
main .page-home #entry .text h1{font-size: 50px;line-height: 58px;}
main .page-home #restaurant .content .text h2{margin-bottom: 20px;}
main .page-home #restaurant .content .text h2 strong{font-size: 40px;line-height: 45px;}
main .page-home #chef .content .text h2{margin-bottom: 20px;}
main .page-home #chef .content .text h2 strong{font-size: 40px;line-height: 45px;}
main .page-histoire #introduction .content .text{width: 41.66666667%;}
main .page-histoire #maison-famille .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-histoire #esprit-maison .content .text{margin-left:8.33333333% ;}
main .page-histoire #esprit-maison .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-histoire #timeline .timeline-list .item .media img.img-1{height: 400px;}
main .page-histoire #timeline .timeline-list .item .text p.year{line-height: 100px;font-size: 140px;}
main .page-hotel #header .text{padding: 50px 50px 0;}
main .page-hotel #introduction .content .text{width: 41.66666667%;}
main .page-hotel #hotel .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-hotel #chambres-suites .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-hotel #piscine .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-hotel #petits-dejeuners .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-hotel #salons .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-hotel #services .content .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-chambres-suites #header .text{padding: 50px 50px 0;}
main .page-chambres-suites #introduction .content .text{width: 58.33333333%;}
main .page-chambres-suites #content .item-list{padding: 0;}
main .page-chambres-suites #content .item-list .item .media{width: 58.33333333%;}
main .page-chambres-suites #content .item-list .item .text{margin-left: 0;padding: 0 15px;}
main .single-chambres-suites #header .text{padding: 50px 50px 0;}
main .page-restaurant #header .text{padding: 50px 50px 0;}
main .page-restaurant #introduction .content .text{width: 41.66666667%;}
main .page-restaurant #restaurant .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #experience .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #menu .content .text{padding: 60px 15px;}
main .page-restaurant #menu .content .text .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #carte .content .text .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #carte .content .text{padding: 60px 15px;}
main .page-restaurant #producteurs .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #equipe .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-restaurant #equipe .equipe-grid .equipe .text .nom{font-size: 24px;}
main .page-arnaud-lallement #header .text{padding: 50px 50px 0;}
main .page-arnaud-lallement #introduction .content .text{width: 41.66666667%;}
main .page-arnaud-lallement #parcours .content .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-arnaud-lallement #vision .content .title h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-arnaud-lallement #ambassadeur .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-bar-terrasse #header .text{padding: 50px 50px 0;}
main .page-bar-terrasse #introduction .content .text{width: 41.66666667%;}
main .page-bar-terrasse #bar-interieur .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-bar-terrasse #terrasse .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-bar-terrasse #cave-cigare .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-parc #header .text{padding: 50px 50px 0;}
main .page-parc #introduction .content .text{width: 41.66666667%;}
main .page-parc #potager .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-parc #serre .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-parc #ruches .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-parc #cuisine-responsable .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-champagne #header .text{padding: 50px 50px 0;}
main .page-champagne #introduction .content .text{width: 41.66666667%;}
main .page-champagne #oenotourisme .content .text h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
main .page-champagne #visites .title h2{font-size: 40px;line-height: 45px;}
main .page-champagne #evenements .title h2{font-size: 40px;line-height: 45px;}
main .page-contact #header .text{padding: 50px 50px 0;}
main .page-contact #introduction .content .text{width: 41.66666667%;}
main .page-recrutement #header .text{padding: 50px 50px 0;}
main .page-recrutement #introduction .content .text{width: 41.66666667%;}
main .page-experiences #header .text{padding: 50px 50px 20px}
main .single-experience #content .content .galerie-experience .item{height: 400px;}
}
@media screen and (max-width: 1400px) {
header{padding: 30px 80px;}
header .menu-base .logo svg{width: 150px;}
main .page-home #entry{padding: 0;}
main .page-home #entry .logo-partenaire{bottom: 60px;}
main .page-home #entry .text{ padding: 35px;bottom: 0; }
main .page-home #entry .text h1 { font-size: 40px; line-height: 48px; }
main .page-home #entry .text p{margin-bottom: 15px;}
main .page-home #hotel .content .text{width: 33.33333333%;}
main .page-home #restaurant{margin-top: 100px;}
main .page-home #restaurant .content .text{margin-left: 8.33333333%;}
main .page-home #producteurs{margin-top: 100px;}
main .page-home #producteurs .content{padding: 0;}
main .page-home #chef{margin-top: 100px;}
main .page-home #chef .content .text{padding: 0;}
main .page-home #bar-parc-champagne{margin-top: 100px;}
main .page-home #bar-parc-champagne .content{gap: 50px;}
main .page-home #bar-parc-champagne .content>div{width: 33.33333333%;}
main .page-home #bar-parc-champagne .content>div h2{margin-bottom: 15px;font-size: 25px;line-height: 25px;}
main .page-home #histoire{padding: 100px 0px;}
main .page-home #histoire .content{width: 50%;margin-left: 8.33333333%;}
main .page-histoire #header .text{left: 80px;padding: 50px 50px 0;}
main .page-histoire #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-histoire #introduction{padding: 100px 0px 100px;}
main .page-histoire #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-histoire #introduction .content .text{width: 58.33333333%;}
main .page-histoire #maison-famille{padding-bottom: 100px;}
main .page-histoire #esprit-maison{padding-bottom: 100px;}
main .page-histoire #hotel{padding: 100px 0px;}
main .page-histoire #hotel .content{width: 50%;margin-left: 8.33333333%;}
main .page-histoire #timeline .timeline-list .item .media img.img-1 { height: 370px; }
main .page-histoire #timeline .timeline-list .item .text p.year { line-height: 80px; font-size: 120px; }
main .page-hotel #header .text{left: 80px;padding: 50px 50px 0;width: 41.66666667%;;}
main .page-hotel #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-hotel #introduction{padding: 100px 0px 100px;}
main .page-hotel #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-hotel #introduction .content .text{width: 58.33333333%;}
main .page-hotel #hotel .content .text{margin-left: 8.33333333%;}
main .page-hotel #chambres-suites .chambres-suites-carousel-container{margin-top: 50px;width: 100%; ;}
main .page-hotel #piscine .content .text{margin-left: 8.33333333%;}
main .page-hotel #salons .content .text{margin-left: 8.33333333%;}
main .page-hotel #services .content{padding: 0;}
main .page-hotel #restaurant{padding: 100px 0px;}
main .page-hotel #restaurant .content{width: 50%;margin-left: 8.33333333%;}
main .page-chambres-suites #content .item-list .item{width: 100%;padding: 0 15px;}
main .page-chambres-suites #content .item-list .item .media{width: 50%;}
main .page-chambres-suites #content .item-list .item .text{width: 50%;}
main .page-chambres-suites #header .text{left: 80px;padding: 50px 50px 0;width: 41.66666667%;;}
main .page-chambres-suites #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-chambres-suites #introduction{padding: 100px 0px 100px;}
main .page-chambres-suites #introduction .content .text{width: 75%;margin-left: 8.33333333%;}
main .single-chambres-suites #header .text{left: 80px;padding: 50px 50px 0;width: 41.66666667%;;}
main .single-chambres-suites #header .text h2{ font-size: 45px; line-height: 50px; }
main .single-chambres-suites #introduction .content .text{margin-left: 8.33333333%;width: 50%;}
main .single-chambres-suites #informations .content .details{margin-left: 8.33333333%;width: 41.66666667%;}
main .single-chambres-suites #informations .content .services-tarifs{width: 41.66666667%;}
main .page-restaurant #header .text{right: 80px;padding: 50px 50px 0;width: 41.66666667%;left: auto;}
main .page-restaurant #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-restaurant #header .logo{bottom: 220px;}
main .page-restaurant #introduction{padding: 100px 0px 100px;}
main .page-restaurant #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-restaurant #introduction .content .text{width: 58.33333333%;}
main .page-restaurant #restaurant .content{padding: 0;}
main .page-restaurant #experience .content{padding: 0;}
main .page-restaurant #assiettes-signatures .assiettes-signatures{padding: 0;}
main .page-restaurant #producteurs{padding: 100px 0px 200px;}
main .page-restaurant #producteurs .producteurs-grid .producteur .text{ padding: 20px 15px 20px; }
main .page-restaurant #producteurs .producteurs-grid .producteur:hover .text { padding: 20px 15px 20px; }
main .page-restaurant #producteurs .producteurs-grid .producteur .text .nom{font-size: 25px;margin-bottom: 10px;}
main .page-restaurant #equipe{padding: 100px 0px;}
main .page-restaurant #equipe .title{margin-left: 0;width: 100%;padding: 0 15px;margin-bottom: 50px;}
main .page-restaurant #equipe .equipe-grid{margin-left: 0;width: 100%;padding: 0 15px;}
main .page-restaurant #equipe .equipe .text{width: 100%;}
main .page-restaurant #chef{padding: 100px 0px;}
main .page-restaurant #chef .content{width: 50%;margin-left: 8.33333333%;}
main .page-arnaud-lallement #header .text{left: 80px;padding: 50px 50px 0;}
main .page-arnaud-lallement #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-arnaud-lallement #introduction{padding: 100px 0px 100px;}
main .page-arnaud-lallement #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-arnaud-lallement #introduction .content .text{width: 58.33333333%;}
main .page-arnaud-lallement #parcours .content{padding: 0;}
main .page-arnaud-lallement #parcours .content .title{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-arnaud-lallement #parcours .content .text{width: 50%;}
main .page-arnaud-lallement #vision .content{padding: 0;}
main .page-arnaud-lallement #vision .content .title{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-arnaud-lallement #vision .content .text{width: 50%;}
main .page-arnaud-lallement #bar-terrasse{padding: 100px 0px;}
main .page-arnaud-lallement #bar-terrasse .content{width: 50%;margin-left: 8.33333333%;}
main .page-bar-terrasse #header .text{right: 80px;padding: 50px 50px 0;width: 41.66666667%;left: auto;}
main .page-bar-terrasse #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-bar-terrasse #introduction{padding: 100px 0px 100px;}
main .page-bar-terrasse #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-bar-terrasse #introduction .content .text{width: 58.33333333%;}
main .page-bar-terrasse #terrasse .content .text{margin-left: 8.33333333%;}
main .page-bar-terrasse #parc{padding: 100px 0px;}
main .page-bar-terrasse #parc .content{width: 50%;margin-left: 8.33333333%;}
main .page-parc #header .text{left: 80px;padding: 50px 50px 0;}
main .page-parc #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-parc #introduction{padding: 100px 0px 100px;}
main .page-parc #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-parc #introduction .content .text{width: 58.33333333%;}
main .page-parc #serre .content .text{margin-left: 8.33333333%;}
main .page-parc #cuisine-responsable .content .text{margin-left: 8.33333333%;}
main .page-parc #champagne{padding: 100px 0px;}
main .page-parc #champagne .content{width: 50%;margin-left: 8.33333333%;}
main .page-champagne #header .text{right: 80px;padding: 50px 50px 0;width: 41.66666667%;left: auto;}
main .page-champagne #header .text h2{ font-size: 45px; line-height: 50px; }
main .page-champagne #introduction{padding: 100px 0px 100px;}
main .page-champagne #introduction .content .menu{margin-left: 8.33333333%;width: 25%;}
main .page-champagne #introduction .content .text{width: 58.33333333%;}
main .page-champagne #visites{padding: 0 0px 100px;}
main .page-champagne #visites .visites-grid .visite{width: calc((100% / 3) - 34px);}
main .page-champagne #visites .visites-grid{gap: 50px;}
main .page-champagne #evenements{padding: 100px 0px 100px;}
main .page-champagne #evenements .evenements-grid{gap: 50px;}
main .page-champagne #evenements .evenements-grid .evenement{width: calc((100% / 3) - 34px);}
main .page-contact #header .text{left: 80px;padding: 50px 50px 0;}
main .page-contact #header .text h1{ font-size: 45px; line-height: 50px; }
main .page-contact #introduction{padding: 100px 0px 100px;}
main .page-contact #introduction .content .text{width: 58.33333333%;margin-left: 8.33333333%;}
main .page-contact #informations .informations-grid{width: 75%;}
main .page-contact #content{padding: 0 0 100px;}
main .page-contact #content .contact{width: 83.33333333%;padding: 0 15px;}
main .page-contact #informations{padding: 100px 0;}
main .page-contact #informations .informations-grid{width: 83.33333333%;}
main .page-recrutement #header .text{left: 80px;padding: 50px 50px 0;}
main .page-recrutement #header .text h1{ font-size: 45px; line-height: 50px; }
main .page-recrutement #introduction{padding: 100px 0px 100px;}
main .page-recrutement #introduction .content .text{width: 58.33333333%;margin-left: 8.33333333%;}
main .page-recrutement #informations .informations-grid{width: 75%;}
main .page-recrutement #content{padding: 0 0 100px;}
main .page-recrutement #content .contact{width: 83.33333333%;padding: 0 15px;}
main .page-galerie #content .title{margin-left: 80px;padding: 0 0 50px;}
main .page-galerie #content .title h1{ font-size: 45px; line-height: 50px; }
main .page-galerie #content{padding: 180px 0 100px;}
main .page-galerie #content .galerie-bloc{width: calc(100% - 160px);margin-left: 80px;padding-bottom: 50px;}
main .page-galerie #content .galerie-bloc .galerie-grid{width: 100%;}
main .page-presse #content{padding: 130px 0 0;}
main .page-presse #content>.title{margin-left: 80px;}
main .page-presse #content>.title h1{ font-size: 45px; line-height: 50px; }
main .page-classique .content{padding: 160px 0 100px;}
main .page-classique .content .title{margin-left: 80px;        width: calc(100% - 160px);}
main .page-classique .content .title h1{ font-size: 40px;}
main .page-classique .content .text{margin-left: 80px; width: calc(100% - 160px);}
main .page-informations-pratiques #content{padding: 130px 0 80px;}
main .page-informations-pratiques #content>.title{margin-left: 80px;}
main .page-informations-pratiques #content>.title h1{ font-size: 45px; line-height: 50px; }
main .page-informations-pratiques #content .text{margin-left: 80px;width: calc(100% - 160px);}
main .page-experiences #header .text{left: 80px;padding: 50px 50px 20px;}
main .page-experiences #header .text h1{ font-size: 45px; line-height: 50px; }
main .page-experiences #content{padding: 50px 0 100px;}
main .page-experiences #content .experiences-grid{margin: 0 80px;gap: 50px;}
main .page-experiences #content .experiences-grid .experience{width: calc(33.33333333% - 34px);}
main .single-experience #header .text{right: 80px;padding: 50px 50px 0;width: 41.66666667%;left: auto;}
main .single-experience #content{padding: 100px 0;}
main .single-experience #other-experiences .title{margin-left: 80px;}
main .single-experience #other-experiences .title h2{font-size: 40px;line-height: 40px;}
}
@media screen and (max-width: 1350px) {
footer .menu-footer ul{gap: 10px;}
footer .menu-footer ul li a{font-size: 12px;}
}
@media screen and (max-width: 1250px) {
header .menu-base .logo svg{width: 150px;}
header .menu-burger .logo-partenaire{width: 50%;}
}
@media screen and (max-width: 1200px) {
header{padding: 15px;}
header .menu-base{gap: 15px;}
header .menu-base .logo{width: 150px;}
header .menu-burger .content .left-col{padding-top: 0;}
header .menu-burger .content .rs a{font-size: 12px;letter-spacing: 0;}
header .menu-burger .content .actu-menu h2::first-line{font-size: 16px;}
footer{padding: 20px 15px;}
.info-popup .content{width: 80%;}
main .page-home #entry .logo-partenaire{left: 15px;width: 50%;}
main .page-home #entry .text{padding: 25px;right: 0;width: 41.66666667%}
main .page-home #hotel .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-home #hotel .content .text img{width: 50px;height: auto;}
main .page-home #hotel .photos{margin: 50px auto 0;        padding: 0;gap: 50px;}
main .page-home #restaurant .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-home #restaurant .content .text h2 br{display: none;}
main .page-home #restaurant .content .text h2 br:first-of-type{display: initial;}
main .page-home #restaurant .content .text h2{font-size: 14px;}
main .page-home #restaurant .content .text h2 img{width: 15px;height: auto;}
main .page-home #restaurant .content .text h2 strong { font-size: 35px; line-height: 40px; }
main .page-home #restaurant .content .text img{width: 50px;height: auto;}
main .page-home #restaurant .content .media{margin-left: 0;}
main .page-home #restaurant .plats-signature{margin: 50px auto 0;padding: 0;}
main .page-home #restaurant .plats-signature h2{margin-bottom: 20px;}
main .page-home #restaurant .plats-signature .photo_plats_signature{gap: 50px;}
main .page-home #producteurs .content .producteurs{margin-left: 0;padding: 0 15px;}
main .page-home #producteurs .content .text{margin-left: 0;padding: 0 15px;width: 50%;}
main .page-home #producteurs .content .text h2{font-size: 30px;line-height: 30px;margin-bottom: 20px;}
main .page-home #producteurs .content .text h2::before{left: -25px;font-size: 50px;}
main .page-home #chef .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-home #chef .content .text h2 br{display: none;}
main .page-home #chef .content .text h2 br:first-of-type{display: initial;}
main .page-home #chef .content .text h2{font-size: 14px;}
main .page-home #chef .content .text h2 img{width: 15px;height: auto;}
main .page-home #chef .content .text h2 strong { font-size: 35px; line-height: 40px; }
main .page-home #chef .content .text img{width: 50px;height: auto;}
main .page-home #chef .content .media{margin-left: 0;}
main .page-home #bar-parc-champagne .content{gap: 20px;padding: 0 15px;}
main .page-home #histoire{padding: 50px 15px;}
main .page-home #histoire .content{margin-left: 0;}
main .page-home #histoire .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-histoire #header{height: 500px;}
main .page-histoire #header .media img{object-position: right;}
main .page-histoire #header .text{padding: 25px;left: 0;}
main .page-histoire #header .text h2{font-size: 40px;line-height: 45px;}
main .page-histoire #introduction{padding: 50px 15px 100px;}
main .page-histoire #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-histoire #introduction .content .text{width: 66.66666667%;}
main .page-histoire #introduction .photos-arnaud-lallement{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-histoire #maison-famille .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-histoire #maison-famille .content .text h2{ font-size: 35px; line-height: 40px; } main .page-histoire #timeline .timeline-list .item{margin-bottom: 50px;}
main .page-histoire #timeline .timeline-list .item .text{margin-left: 8.33333333%!important;width: 33.33333333%!important;}
main .page-histoire #timeline .timeline-list .item .text p:not(.year){width: 100%;}
main .page-histoire #timeline .timeline-list .item .media{margin-left: 8.33333333%!important;width: 41.66666667%!important;}
main .page-histoire #timeline .timeline-list .item .media .img-2 {right: auto!important;left: 50%!important; transform: translate(-50%, -50%)!important; width: 180px!important; }
main .page-histoire #timeline .timeline-list .item .text p.year { line-height: 70px; font-size: 90px; }
main .page-histoire #esprit-maison .content .media{width: 50%;margin-left: 0;}
main .page-histoire #esprit-maison .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-histoire #esprit-maison .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-histoire #hotel{padding: 50px 15px;}
main .page-histoire #hotel .content{margin-left: 0;}
main .page-histoire #hotel .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-hotel #header{height: 500px;}
main .page-hotel #header .media img{object-position: right;}
main .page-hotel #header .text{padding: 25px;left: 0;}
main .page-hotel #header .text h2{font-size: 40px;line-height: 45px;}
main .page-hotel #introduction{padding: 50px 15px 100px;}
main .page-hotel #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-hotel #introduction .content .text{width: 66.66666667%;}
main .page-hotel #hotel{padding-bottom: 100px;}
main .page-hotel #hotel .content .media{width: 50%;margin-left: 0;}
main .page-hotel #hotel .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-hotel #hotel .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-hotel #hotel .photos-hotel{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-hotel #chambres-suites{padding-bottom: 100px;}
main .page-hotel #chambres-suites .content .media{width: 50%;margin-left: 0;}
main .page-hotel #chambres-suites .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-hotel #chambres-suites .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-hotel #chambres-suites .chambres-suites-carousel .item .media{height: 450px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.name{font-size: 28px;line-height: 30px;}
main .page-hotel #piscine{padding-bottom: 100px;}
main .page-hotel #piscine .content .media{width: 50%;margin-left: 0;}
main .page-hotel #piscine .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-hotel #piscine .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-hotel #petits-dejeuners{padding-bottom: 100px;}
main .page-hotel #petits-dejeuners .content .media{width: 50%;margin-left: 0;}
main .page-hotel #petits-dejeuners .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-hotel #petits-dejeuners .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-hotel #salons{padding-bottom: 100px;}
main .page-hotel #salons .content .media{width: 50%;margin-left: 0;}
main .page-hotel #salons .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-hotel #salons .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-hotel #salons .photos-salons{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-hotel #services{padding-bottom: 100px;}
main .page-hotel #services .content{padding: 0 15px;}
main .page-hotel #services .content .title{margin-left: 0;width: 100%;}
main .page-hotel #services .content .title h2{font-size: 35px;line-height: 40px;}
main .page-hotel #services .content .services{margin-left: 0;width: 100%;}
main .page-hotel #restaurant{padding: 50px 15px;}
main .page-hotel #restaurant .content{margin-left: 0;}
main .page-hotel #restaurant .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-chambres-suites #header{height: 500px;}
main .page-chambres-suites #header .media img{object-position: right;}
main .page-chambres-suites #header .text{padding: 25px;left: 0;}
main .page-chambres-suites #header .text h1{font-size: 40px;line-height: 45px;}
main .page-chambres-suites #introduction{padding: 50px 0 50px;}
main .page-chambres-suites #introduction .content .text{width: 100%;margin-left: 0;}
main .page-chambres-suites #content .item-list{gap: 50px;}
main .page-chambres-suites #content .item-list .item{align-items: center;}
main .page-chambres-suites #content .item-list .item .text p.name{font-size: 28px;}
main .page-chambres-suites #content .item-list .item .text p.price{margin-bottom: 10px;}
main .single-chambres-suites #header{height: 500px;}
main .single-chambres-suites #header .media img{object-position: right;}
main .single-chambres-suites #header .text{padding: 25px;left: 0;}
main .single-chambres-suites #header .text h1{font-size: 40px;line-height: 45px;}
main .single-chambres-suites #introduction{padding: 50px 15px;}
main .single-chambres-suites #introduction .content .text{margin-left: 0;width: 75%;}
main .single-chambres-suites #galerie .galerie-chambres-suites-container{padding: 0;}
main .single-chambres-suites #galerie .galerie-chambres-suites{margin-bottom: 0;}
main .single-chambres-suites #informations{padding: 50px 15px;}
main .single-chambres-suites #informations .content .details{width: 50%;margin-left: 0;}
main .single-chambres-suites #informations .content .services-tarifs{width: 50%;}
main .page-restaurant #header{height: 500px;}
main .page-restaurant #header .media img{object-position: top left;}
main .page-restaurant #header .text{padding: 25px;right: 0;}
main .page-restaurant #header .text h2{font-size: 40px;line-height: 45px;}
main .page-restaurant #header .logo { bottom: 210px; left: auto; right: 15px; }
main .page-restaurant #introduction{padding: 50px 15px 100px;}
main .page-restaurant #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-restaurant #introduction .content .text{width: 66.66666667%;}
main .page-restaurant #restaurant{padding-bottom: 100px;}
main .page-restaurant #restaurant .content .media{width: 50%;margin-left: 0;}
main .page-restaurant #restaurant .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-restaurant #restaurant .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-restaurant #restaurant .content .text h2 br{display: none;}
main .page-restaurant #restaurant .photos-restaurant{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-restaurant #experience{padding-bottom: 100px;}
main .page-restaurant #experience .content .media{width: 50%;margin-left: 0;}
main .page-restaurant #experience .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-restaurant #experience .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-restaurant #experience .content .text h2 br{display: none;}
main .page-restaurant #assiettes-signatures{padding-bottom: 100px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures{gap: 25px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item .text{padding: 20px 10px;}
main .page-restaurant #carte .content .img{width: 41.66666667%;}
main .page-restaurant #carte .content .text{width: 50%;margin-left: 0;}
main .page-restaurant #carte .content .text .tabs .menu-tabs{gap: 15px;}
main .page-restaurant #carte .content .text .tabs .menu-tabs button{letter-spacing: 0;}
main .page-restaurant #menu .content .img{width: 41.66666667%;}
main .page-restaurant #menu .content .text{width: 58.33333333%; padding: 60px 15px;margin-left: 0;}
main .page-restaurant #menu .content .text .tabs .menu-tabs{gap: 15px;}
main .page-restaurant #menu .content .text .tabs .menu-tabs button{letter-spacing: 0;}
main .page-restaurant #producteurs{padding: 80px 15px 100px;}
main .page-restaurant #producteurs .title{margin-left: 0;width: 100%;margin-bottom: 50px;}
main .page-restaurant #producteurs .title h2{font-size: 35px;line-height: 40px;}
main .page-restaurant #producteurs .producteurs-grid{margin-left: 0;width: 100%;gap: 20px;}
main .page-restaurant #producteurs .producteurs-grid .producteur{width:calc((100% / 3) - 15px);}
main .page-restaurant #equipe{padding: 80px 0;}
main .page-restaurant #equipe .title h2{font-size: 35px;line-height: 40px;}
main .page-restaurant #equipe .equipe-grid{gap: 40px 30px;}
main .page-restaurant #equipe .equipe{flex-wrap: wrap;width: calc(33.33333333% - 20px);}
main .page-restaurant #chef{padding: 50px 15px;}
main .page-restaurant #chef .content{margin-left: 0;}
main .page-restaurant #chef .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-arnaud-lallement #header{height: 500px;}
main .page-arnaud-lallement #header .media img{object-position: right;}
main .page-arnaud-lallement #header .text{padding: 25px;left: 0;}
main .page-arnaud-lallement #header .text h2{font-size: 40px;line-height: 45px;}
main .page-arnaud-lallement #introduction{padding: 50px 15px 100px;}
main .page-arnaud-lallement #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-arnaud-lallement #introduction .content .text{width: 66.66666667%;}
main .page-arnaud-lallement #parcours{padding-bottom: 100px;}
main .page-arnaud-lallement #parcours .content{padding: 0 15px;}
main .page-arnaud-lallement #parcours .content .title{margin-left: 0;}
main .page-arnaud-lallement #parcours .content .text{width: 66.66666667%;}
main .page-arnaud-lallement #parcours .content .title h2{font-size: 35px;line-height: 40px;}
main .page-arnaud-lallement #vision{padding-bottom: 100px;}
main .page-arnaud-lallement #vision .content{padding: 0;}
main .page-arnaud-lallement #vision .content .img{width: 100%;margin-left: 0;margin-bottom: 50px;}
main .page-arnaud-lallement #vision .content .title{margin-left: 0;padding-left: 15px;}
main .page-arnaud-lallement #vision .content .title h2{font-size: 35px;line-height: 40px;}
main .page-arnaud-lallement #vision .content .text{width: 66.66666667%;padding-right: 15px;}
main .page-arnaud-lallement #ambassadeur{padding-bottom: 100px;}
main .page-arnaud-lallement #ambassadeur .content .media{width: 50%;margin-left: 0;}
main .page-arnaud-lallement #ambassadeur .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-arnaud-lallement #ambassadeur .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-arnaud-lallement #ambassadeur .content .text h2 br{display: none;}
main .page-arnaud-lallement #bar-terrasse{padding: 50px 15px;}
main .page-arnaud-lallement #bar-terrasse .content{margin-left: 0;}
main .page-arnaud-lallement #bar-terrasse .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-bar-terrasse #header{height: 500px;}
main .page-bar-terrasse #header .media img{object-position: top left;}
main .page-bar-terrasse #header .text{padding: 25px;right: 0;}
main .page-bar-terrasse #header .text h2{font-size: 40px;line-height: 45px;}
main .page-bar-terrasse #header .logo { bottom: 210px; left: auto; right: 15px; }
main .page-bar-terrasse #introduction{padding: 50px 15px 100px;}
main .page-bar-terrasse #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-bar-terrasse #introduction .content .text{width: 66.66666667%;}
main .page-bar-terrasse #bar-interieur{padding-bottom: 100px;}
main .page-bar-terrasse #bar-interieur .content .media{width: 50%;margin-left: 0;}
main .page-bar-terrasse #bar-interieur .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-bar-terrasse #bar-interieur .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-bar-terrasse #bar-interieur .content .text h2 br{display: none;}
main .page-bar-terrasse #terrasse{padding-bottom: 100px;}
main .page-bar-terrasse #terrasse .content .media{width: 50%;margin-left: 0;}
main .page-bar-terrasse #terrasse .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-bar-terrasse #terrasse .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-bar-terrasse #terrasse .content .text h2 br{display: none;}
main .page-bar-terrasse #terrasse .photos-terrasse{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-bar-terrasse #cave-cigare{padding-bottom: 100px;}
main .page-bar-terrasse #cave-cigare .content .media{width: 50%;margin-left: 0;}
main .page-bar-terrasse #cave-cigare .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-bar-terrasse #cave-cigare .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-bar-terrasse #cave-cigare .content .text h2 br{display: none;}
main .page-bar-terrasse #parc{padding: 50px 15px;}
main .page-bar-terrasse #parc .content{margin-left: 0;}
main .page-bar-terrasse #parc .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-parc #header{height: 500px;}
main .page-parc #header .media img{object-position: top left;}
main .page-parc #header .text{padding: 25px;left: 0;}
main .page-parc #header .text h2{font-size: 40px;line-height: 45px;}
main .page-parc #header .logo { bottom: 210px; left: auto; right: 15px; }
main .page-parc #introduction{padding: 50px 15px 100px;}
main .page-parc #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-parc #introduction .content .text{width: 66.66666667%;}
main .page-parc #potager{padding-bottom: 100px;}
main .page-parc #potager .content .media{width: 50%;margin-left: 0;}
main .page-parc #potager .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-parc #potager .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-parc #potager .content .text h2 br{display: none;}
main .page-parc #potager .photos-potager{margin: 50px auto 0;padding: 0;gap: 50px;}
main .page-parc #serre{padding-bottom: 100px;}
main .page-parc #serre .content .media{width: 50%;margin-left: 0;}
main .page-parc #serre .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-parc #serre .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-parc #serre .content .text h2 br{display: none;}
main .page-parc #ruches{padding-bottom: 100px;}
main .page-parc #ruches .content .media{width: 50%;margin-left: 0;}
main .page-parc #ruches .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-parc #ruches .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-parc #ruches .content .text h2 br{display: none;}
main .page-parc #cuisine-responsable{padding-bottom: 100px;}
main .page-parc #cuisine-responsable .content .media{width: 50%;margin-left: 0;}
main .page-parc #cuisine-responsable .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-parc #cuisine-responsable .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-parc #cuisine-responsable .content .text h2 br{display: none;}
main .page-parc #champagne{padding: 50px 15px;}
main .page-parc #champagne .content{margin-left: 0;}
main .page-parc #champagne .content h2{font-size: 35px;line-height: 40px;margin-bottom: 20px;}
main .page-champagne #header{height: 500px;}
main .page-champagne #header .media img{object-position: top left;}
main .page-champagne #header .text{padding: 25px;right: 0;}
main .page-champagne #header .text h2{font-size: 40px;line-height: 45px;}
main .page-champagne #header .logo { bottom: 210px; left: auto; right: 15px; }
main .page-champagne #introduction{padding: 50px 15px 100px;}
main .page-champagne #introduction .content .menu{margin-left: 0;width: 33.33333333%;}
main .page-champagne #introduction .content .text{width: 66.66666667%;}
main .page-champagne #oenotourisme{padding-bottom: 100px;}
main .page-champagne #oenotourisme .content .media{width: 50%;margin-left: 0;}
main .page-champagne #oenotourisme .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-champagne #oenotourisme .content .text h2{ font-size: 35px; line-height: 40px; }
main .page-champagne #oenotourisme .content .text h2 br{display: none;}
main .page-champagne #visites .title{margin-bottom: 30px;margin-left: 0;padding: 0 15px;width: 100%;}
main .page-champagne #visites .title h2{ font-size: 35px; line-height: 40px; }
main .page-champagne #visites .title h2 br{display: none;}
main .page-champagne #visites .visites-grid{margin-left: 0;width: 100%;padding: 0 15px;}
main .page-champagne #evenements .title{margin-bottom: 30px;margin-left: 0;padding: 0 15px;width: 100%;}
main .page-champagne #evenements .title h2{ font-size: 35px; line-height: 40px; }
main .page-champagne #evenements .title h2 br{display: none;}
main .page-champagne #evenements .evenements-grid{margin-left: 0;width: 100%;padding: 0 15px;}
main .page-contact #header{height: 500px;}
main .page-contact #header .media img{object-position: top left;}
main .page-contact #header .text{padding: 25px;left: 0;}
main .page-contact #header .text h1{font-size: 40px;line-height: 45px;}
main .page-contact #introduction{padding: 50px 0px 50px;}
main .page-contact #introduction .content .text{width: 100%;margin-left: 0;}
main .page-contact #content{padding-bottom: 50px;}
main .page-contact #content .contact{width: 100%;}
main .page-contact #informations .informations-grid{width: 100%;}
main .page-contact #informations{padding: 50px 15px;}
main .page-recrutement #header{height: 500px;}
main .page-recrutement #header .media img{object-position: top left;}
main .page-recrutement #header .text{padding: 25px;left: 0;}
main .page-recrutement #header .text h1{font-size: 40px;line-height: 45px;}
main .page-recrutement #introduction{padding: 50px 0px 50px;}
main .page-recrutement #introduction .content .text{width: 100%;margin-left: 0;}
main .page-recrutement #content{padding-bottom: 50px;}
main .page-recrutement #content .contact{width: 100%;}
main .page-galerie #content .title{margin-left: 0px;padding: 0 15px 50px;width: 100%;}
main .page-galerie #content .title h1{font-size: 40px;line-height: 45px;}
main .page-galerie #content{padding: 150px 0 50px;}
main .page-galerie #content .galerie-bloc{width: 100%;padding: 0 15px 50px;margin-left: 0;}
main .page-galerie #content .galerie-bloc .title-section h2{font-size: 30px;}
main .page-galerie #content .galerie-bloc .galerie-grid{width: 100%;}
main .page-galerie #content .galerie-bloc .galerie-grid a{width: calc((100% / 4) - 15px);}
main .page-presse #content>.title{margin-left: 0;padding: 10px 15px 50px;}
main .page-presse #content>.title h1{font-size: 40px;line-height: 45px;}
main .page-presse #content .dp { background-size: cover; padding: 140px 0; }
main .page-classique .content{padding: 140px 0 50px;}
main .page-classique .content .title{margin-left: 0;width: 100%;padding: 0 15px;}
main .page-classique .content .title h1{ font-size: 38px;}
main .page-classique .content .text{margin-left: 0;width: 100%;padding: 0 15px;}
main .page-informations-pratiques #content>.title{margin-left: 0;padding: 10px 15px 50px;}
main .page-informations-pratiques #content>.title h1{font-size: 40px;line-height: 45px;}
main .page-informations-pratiques #content .text{padding: 0 15px;width: 100%;margin-left: 0;}
main .page-experiences #header{height: 500px;}
main .page-experiences #header .media img{object-position: top left;}
main .page-experiences #header .text{padding: 25px;left: 0;width: 50%;}
main .page-experiences #header .text h1{font-size: 40px;line-height: 45px;}
main .page-experiences #content{padding: 50px 15px;}
main .page-experiences #content .experiences-grid{margin: 0;gap: 20px;}
main .page-experiences #content .experiences-grid .experience { width: calc(33.33333333% - 14px); }
main .page-experiences #content .experiences-grid .experience .text h2 span { font-size: 20px; line-height: normal; letter-spacing: 8px; }
main .single-experience #header{height: 500px;}
main .single-experience #header .media img{object-position: right;}
main .single-experience #header .text{padding: 25px;right: 0;}
main .single-experience #header .text h1{font-size: 40px;line-height: 45px;}
main .single-experience #content{padding: 50px 15px;}
main .single-experience #content .content .galerie-experience-container{width: 50%;margin-left: 0;}
main .single-experience #content .content .galerie-experience .item { height: 340px; }
main .single-experience #content .content .galerie-experience .owl-nav{margin-top: 15px;}
main .single-experience #content .content .galerie-experience .owl-nav .owl-prev{top: auto;transform: none;left: auto;position: relative;}
main .single-experience #content .content .galerie-experience .owl-nav .owl-next{top: auto;transform: none;left: auto;position: relative;}
main .single-experience #content .content .text{width: 50%;margin-left: 0;}
main .single-experience #other-experiences .title{margin-left: 15px;margin-bottom: 30px;}
main .single-experience #other-experiences .experience .text h3 span { font-size: 20px; line-height: normal; letter-spacing: 8px; }
}
@media screen and (max-width: 1100px) {
footer{gap: 20px;}
footer .menu-footer ul{flex-wrap: wrap;    justify-content: space-evenly;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .media{height: 400px;width: 60%;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .img-bg{width: 40%;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text{width: 40%;    padding: 0 25px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.price span{font-size: 20px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav{margin-top: 20px;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav .owl-prev{position: relative;top: auto;left: auto;transform: none;}
main .page-hotel #chambres-suites .chambres-suites-carousel .owl-nav .owl-next{position: relative;top: auto;right: auto;transform: none;}
}
@media screen and (max-width: 992px) {
header.open{height: 100vh!important;min-height: 100vh!important;}
main.open{display: none;}
header.open .menu-burger{    flex-wrap: wrap; margin-top: 30px; gap: 20px; height: 100%;}
header .menu-base{z-index: 25;}
header .menu-base .logo { width: 50%; }
header .menu-base .button-burger { width: 50%; display: flex; justify-content: flex-end; }
header .menu-base .button-burger .button p{display: none;}
header .menu-burger .logo-partenaire{display: none;}
header .menu-burger .content{    gap: 20px; flex-direction: column;padding-bottom: 120px;}
header .menu-burger .content .left-col{    order: 4; width: 100%; height: fit-content;}
header .menu-burger .content .rs{    order: 3; width: 100%; height: fit-content;gap: 10px; margin-top: 0;}
header .menu-burger .content .rs a{font-size: 12px;}
header .menu-burger .content .menu-tools{    order: 1; display: flex; height: fit-content; width: 100%; margin-bottom: 10px; align-items: center; gap: 20px; flex-wrap: wrap;z-index: 20;}
header .menu-burger .content .menu-tools .btn{margin: 0; width: calc(50% - 10px);order: 2;color: var(--black);border-color: var(--black);text-align: center;}
header .menu-burger .content .menu-tools .lang{width: 100%;order: 2;}
header .menu-burger .content .menu-tools .lang ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 50px;justify-content: center;}
header .menu-burger .content .menu-tools .lang ul li{list-style: none;}
header .menu-burger .content .menu-tools .lang ul li a{color: var(--black); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;transition: .5s;}
header .menu-burger .content .menu-tools .lang ul li.current-lang a{font-weight: 800;}
header .menu-burger .content .menu-tools .lang ul li a:hover{font-weight: 800;}
header .menu-burger .content .menu-global{    order: 2; width: 100%; height: fit-content;margin-left: 0;}
header .menu-burger .content .menu-global .menu-principal { padding-bottom: 15px; margin-bottom: 15px; }
header .menu-burger .content .menu-global .menu-principal ul.menu{gap: 15px;}
header .menu-burger .content .menu-global .menu-principal ul.menu>li>a{font-size: 22px;}
header .menu-burger .content .menu-global .menu-secondaire ul{gap: 10px;}
header .menu-burger .content .menu-global .menu-secondaire ul li a{font-size: 12px;}
header .menu-burger .content .menu-global .menu-principal ul.sub-menu{display: none;}
header .menu-burger .img-menu{display: none;}
header .reservation{height: 100vh;flex-direction: column;z-index: 22;}
header .reservation .hotel{width: 100%;padding-top: 0;}
header .reservation .restaurant{width: 100%;padding-top: 0;}
header .reservation .sepa{width: 100%;height: 1px;top: 50%;}
header .reservation .btn{opacity: 1;}
header .reservation p span{line-height: 40px;font-size: 35px;}
footer{flex-direction: column;}
footer .menu-footer ul{flex-direction: column;}
.info-popup .content { width: 100%; height: 100vh; max-height: none; }
main .page-home #entry{display: flex;flex-direction: column;}
main .page-home #entry img.bg{order: 1;}
main .page-home #entry .logo-partenaire{width: 100%; padding: 15px; position: relative; left: 0; bottom: auto;order: 3;}
main .page-home #entry .logo-partenaire .logos svg path{fill: var(--black);}
main .page-home #entry .logo-partenaire .logos svg polygon{fill: var(--black);}
main .page-home #entry .logo-partenaire .logos svg rect{fill: var(--black);}
main .page-home #entry .logo-partenaire .logos svg mask{display: none;}
main .page-home #entry .text{right: auto; left: 0; order: 2; width: 100%; padding: 15px; position: relative;}
main .page-home #entry .text h1{        font-size: 36px; line-height: 44px;}
main .page-home #entry .text h1 br{display: none;}
main .page-home #hotel{margin-top: 50px;}
main .page-home #hotel .content{flex-wrap: wrap;gap: 20px;}
main .page-home #hotel .content .media{width: 100%;}
main .page-home #hotel .content .text{width: 100%;}
main .page-home #hotel .photos{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-home #hotel .photos .photo{width: 100%;}
main .page-home #restaurant{margin-top: 50px;}
main .page-home #restaurant .content{flex-wrap: wrap;gap: 20px;}
main .page-home #restaurant .content .media{width: 100%;}
main .page-home #restaurant .content .text{width: 100%;}
main .page-home #restaurant .content .text h2{margin-bottom: 15px;}
main .page-home #restaurant .content .text h2 strong { font-size: 30px; line-height: 35px;}
main .page-home #restaurant .plats-signature{margin: 40px 0 0;width: 100%;padding: 0 15px;gap: 0px;flex-direction: column;}
main .page-home #restaurant .plats-signature .photo_plats_signature{flex-direction: column;gap: 20px;margin: 0;width: 100%;}
main .page-home #restaurant .plats-signature .photo_plats_signature .photo{width: 100%;}
main .page-home #producteurs{margin-top: 50px;}
main .page-home #producteurs .content{flex-direction: column;gap: 20px;}
main .page-home #producteurs .content .producteurs{order: 2;width: 100%;}
main .page-home #producteurs .content .producteurs .producteurs-photos{margin-bottom: 30px;}
main .page-home #producteurs .content .text{order: 1;width: 100%;}
main .page-home #producteurs .content .text h2::before { left: -25px; font-size: 50px; }
main .page-home #producteurs .content .text h2{margin-left: 15px; font-size: 30px; line-height: 35px;}
main .page-home #chef{margin-top: 50px;}
main .page-home #chef .content{flex-wrap: wrap;gap: 20px;}
main .page-home #chef .content .media{width: 100%;order: 2;}
main .page-home #chef .content .text{width: 100%;order: 1;}
main .page-home #chef .content .text h2{margin-bottom: 15px;}
main .page-home #chef .content .text h2 strong { font-size: 30px; line-height: 35px;}
main .page-home #bar-parc-champagne{margin-top: 50px;margin-bottom: 50px;}
main .page-home #bar-parc-champagne .content{flex-wrap: wrap;}
main .page-home #bar-parc-champagne .content>div{width: 100%;}
main .page-home #bar-parc-champagne .content>div h2{font-size: 30px;line-height: 35px;}
main .page-home #bar-parc-champagne .content>div:nth-child(2){margin-top: 0px;}
main .page-home #histoire{position: relative;background-position: center;}
main .page-home #histoire .content{width: 100%;    position: relative; z-index: 5;}
main .page-home #histoire .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-home #histoire .content p{font-weight: 400;}
main .page-histoire #header{height: auto;}
main .page-histoire #header .media{position: relative;height: 200px;background: var(--black);}
main .page-histoire #header .media img{opacity: .7;}
main .page-histoire #header .media video{opacity: .7;}
main .page-histoire #header .text{position: relative;width: 100%;padding: 15px;}
main .page-histoire #header .text h2{font-size: 32px; line-height: 44px;}
main .page-histoire #header .text h2 br{display: none;}
main .page-histoire #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-histoire #header .logo svg{width: 50px;height: 50px;}
main .page-histoire #header .logo svg path{fill: var(--black);}
main .page-histoire #header .logo svg polygon{fill: var(--black);}
main .page-histoire #header .logo svg rect{fill: var(--black);}
main .page-histoire #header .logo svg mask{display: none;}
main .page-histoire #introduction{padding: 25px 15px 50px;}
main .page-histoire #introduction .content{flex-wrap: wrap;}
main .page-histoire #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-histoire #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-histoire #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-histoire #introduction .photos-arnaud-lallement{margin: 20px 0 0;width: 100%;padding: 0;gap: 20px;flex-direction: column;}
main .page-histoire #introduction .photos-arnaud-lallement .photo{width: 100%;}
main .page-histoire #maison-famille{padding-bottom: 50px;}
main .page-histoire #maison-famille .content{flex-wrap: wrap;gap: 20px;}
main .page-histoire #maison-famille .content .media{width: 100%;order: 2;}
main .page-histoire #maison-famille .content .text{width: 100%;order: 1;}
main .page-histoire #maison-famille .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;} main .page-histoire #timeline .timeline-list .item{flex-wrap: wrap;margin-bottom: 30px;gap: 20px;}
main .page-histoire #timeline .timeline-list .item .media{order: 2;width: 100%!important;margin-left: 0!important;}
main .page-histoire #timeline .timeline-list .item .media img{width: 100%!important;height: auto!important;}
main .page-histoire #timeline .timeline-list .item .text{order: 1;width: 100%!important;margin-left: 0!important;padding: 0 15px;}
main .page-histoire #timeline .timeline-list .item .text>*{text-align: left!important;}
main .page-histoire #timeline .timeline-list .item .text p.year { line-height: 50px; font-size: 50px; }
main .page-histoire #timeline .timeline-list .item .text p:not(.year){margin-top: 10px;}
main .page-histoire #esprit-maison{padding-bottom: 50px;}
main .page-histoire #esprit-maison .content{flex-wrap: wrap;gap: 20px;}
main .page-histoire #esprit-maison .content .media{width: 100%;order: 2;}
main .page-histoire #esprit-maison .content .text{width: 100%;order: 1;}
main .page-histoire #esprit-maison .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-histoire #hotel{position: relative;background-position: center;}
main .page-histoire #hotel .content{width: 100%;    position: relative; z-index: 5;}
main .page-histoire #hotel .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-histoire #hotel .content p{font-weight: 400;}
main .page-hotel #header{height: auto;}
main .page-hotel #header .media{position: relative;height: 200px;background: var(--black);}
main .page-hotel #header .media img{opacity: .7;}
main .page-hotel #header .media video{opacity: .7;}
main .page-hotel #header .text{position: relative;width: 100%;padding: 15px;}
main .page-hotel #header .text h2{font-size: 32px; line-height: 44px;}
main .page-hotel #header .text h2 br{display: none;}
main .page-hotel #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-hotel #header .logo svg{width: 50px;height: 50px;}
main .page-hotel #header .logo svg path{fill: var(--black);}
main .page-hotel #header .logo svg polygon{fill: var(--black);}
main .page-hotel #header .logo svg rect{fill: var(--black);}
main .page-hotel #header .logo svg mask{display: none;}
main .page-hotel #introduction{padding: 25px 15px 50px;}
main .page-hotel #introduction .content{flex-wrap: wrap;}
main .page-hotel #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-hotel #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-hotel #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-hotel #hotel{padding-bottom: 50px;}
main .page-hotel #hotel .content{flex-wrap: wrap;gap: 20px;}
main .page-hotel #hotel .content .media{width: 100%;order: 2;}
main .page-hotel #hotel .content .text{width: 100%;order: 1;}
main .page-hotel #hotel .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #hotel .photos-hotel{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-hotel #hotel .photos-hotel .photo{width: 100%;}
main .page-hotel #chambres-suites{padding-bottom: 50px;}
main .page-hotel #chambres-suites .content{flex-wrap: wrap;gap: 20px;}
main .page-hotel #chambres-suites .content .media{width: 100%;order: 2;}
main .page-hotel #chambres-suites .content .text{width: 100%;order: 1;}
main .page-hotel #chambres-suites .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #chambres-suites .chambres-suites-carousel-container{padding: 0;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item{flex-direction: column;}
main .page-hotel #chambres-suites .chambres-suites-carousel .item .media { height: 250px; width: 100%; }
main .page-hotel #chambres-suites .chambres-suites-carousel .item .img-bg { width: 100%; top: 250px; height: calc(100% - 250px); }
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text { width: 100%; padding: 0 25px; padding: 25px; }
main .page-hotel #chambres-suites .chambres-suites-carousel .item .text p.name { font-size: 26px; line-height: 26px; }
main .page-hotel #piscine{padding-bottom: 50px;}
main .page-hotel #piscine .content{flex-wrap: wrap;gap: 20px;}
main .page-hotel #piscine .content .media{width: 100%;order: 2;}
main .page-hotel #piscine .content .text{width: 100%;order: 1;}
main .page-hotel #piscine .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #petits-dejeuners{padding-bottom: 50px;}
main .page-hotel #petits-dejeuners .content{flex-wrap: wrap;gap: 20px;}
main .page-hotel #petits-dejeuners .content .media{width: 100%;order: 2;}
main .page-hotel #petits-dejeuners .content .text{width: 100%;order: 1;}
main .page-hotel #petits-dejeuners .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #salons{padding-bottom: 50px;}
main .page-hotel #salons .content{flex-wrap: wrap;gap: 20px;}
main .page-hotel #salons .content .media{width: 100%;order: 2;}
main .page-hotel #salons .content .text{width: 100%;order: 1;}
main .page-hotel #salons .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-hotel #salons .photos-salons{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-hotel #salons .photos-salons .photo{width: 100%;}
main .page-hotel #services{ padding-bottom: 80px; }
main .page-hotel #services .services button img{width: 26px;height: 26px;}
main .page-hotel #services .services button{gap: 10px;}
main .page-hotel #services .services button .service-title{font-size: 16px;}
main .page-hotel #services .services button[aria-expanded='true'] + .service-content{padding: 5px 0;}
main .page-hotel #services .services .service-content { padding: 0px 0; }
main .page-hotel #restaurant{position: relative;background-position: center;}
main .page-hotel #restaurant .content{width: 100%;    position: relative; z-index: 5;}
main .page-hotel #restaurant .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-hotel #restaurant .content p{font-weight: 400;}
main .page-chambres-suites #header{height: auto;}
main .page-chambres-suites #header .media{position: relative;height: 200px;background: var(--black);}
main .page-chambres-suites #header .media img{opacity: .7;}
main .page-chambres-suites #header .media video{opacity: .7;}
main .page-chambres-suites #header .text{position: relative;width: 100%;padding: 15px;}
main .page-chambres-suites #header .text h1{font-size: 36px; line-height: 44px;}
main .page-chambres-suites #header .text h1 br{display: none;}
main .page-chambres-suites #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-chambres-suites #header .logo svg{width: 50px;height: 50px;}
main .page-chambres-suites #header .logo svg path{fill: var(--black);}
main .page-chambres-suites #header .logo svg polygon{fill: var(--black);}
main .page-chambres-suites #header .logo svg rect{fill: var(--black);}
main .page-chambres-suites #header .logo svg mask{display: none;}
main .page-chambres-suites #introduction{padding-top: 0;}
main .page-chambres-suites #content{padding-bottom: 50px;}
main .page-chambres-suites #content .item-list .item{flex-wrap: wrap;gap: 20px;}
main .page-chambres-suites #content .item-list .item .media{width: 100%;order: 1;}
main .page-chambres-suites #content .item-list .item .text{width: 100%;order: 2;padding: 0;}
main .page-chambres-suites #content .item-list .item .text .buttons{flex-wrap: wrap;}
main .page-chambres-suites #content .item-list .item .text .buttons .btn{width: fit-content;}
main .single-chambres-suites #header{height: auto;}
main .single-chambres-suites #header .media{position: relative;height: 200px;background: var(--black);}
main .single-chambres-suites #header .media img{opacity: .7;}
main .single-chambres-suites #header .media video{opacity: .7;}
main .single-chambres-suites #header .text{position: relative;width: 100%;padding: 15px;}
main .single-chambres-suites #header .text h1{font-size: 36px; line-height: 44px;}
main .single-chambres-suites #header .text h1 br{display: none;}
main .single-chambres-suites #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .single-chambres-suites #header .logo svg{width: 50px;height: 50px;}
main .single-chambres-suites #header .logo svg path{fill: var(--black);}
main .single-chambres-suites #header .logo svg polygon{fill: var(--black);}
main .single-chambres-suites #header .logo svg rect{fill: var(--black);}
main .single-chambres-suites #header .logo svg mask{display: none;}
main .single-chambres-suites #introduction .content{flex-wrap: wrap;gap: 20px;}
main .single-chambres-suites #introduction .content .text{width: 100%;}
main .single-chambres-suites #introduction .content .btns{width: 100%;}
main .single-chambres-suites #informations .content{flex-wrap: wrap;gap: 20px;}
main .single-chambres-suites #informations .content .details{width: 100%;flex-direction: column;gap: 10px;}
main .single-chambres-suites #informations .content .services-tarifs{width: 100%;gap: 20px;margin-left: 0;}
main .single-chambres-suites #informations .content .services-tarifs .services{flex-direction: column;gap: 10px;}
main .single-chambres-suites #informations .content .services-tarifs .tarifs{flex-direction: column;gap: 10px;}
main .single-chambres-suites #informations .content .details .title{width: 100%;}
main .single-chambres-suites #informations .content .details .text{width: 100%;}
main .single-chambres-suites #reservation{padding: 40px 15px;}
main .single-chambres-suites #reservation .links{flex-direction: column;}
main .single-chambres-suites #reservation .links .btn{text-align: center;font-size: 14px;}
main .single-chambres-suites #galerie .galerie-chambres-suites-container{width: 100%;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav{margin-top: 20px;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav .owl-prev{position: relative;top: auto;left: auto;transform: none;}
main .single-chambres-suites #galerie .galerie-chambres-suites .owl-nav .owl-next{position: relative;top: auto;right: auto;transform: none;}
main .single-chambres-suites h2{font-size: 28px!important;line-height: 34px!important;margin-bottom: 10px!important;}
main .single-chambres-suites h3{font-size: 26px!important;line-height: 30px!important;}
main .page-restaurant #header{height: auto;}
main .page-restaurant #header .media{position: relative;height: 200px;background: var(--black);}
main .page-restaurant #header .media img{opacity: .7;}
main .page-restaurant #header .media video{opacity: .7;}
main .page-restaurant #header .text{position: relative;width: 100%;padding: 15px;}
main .page-restaurant #header .text h2{font-size: 32px; line-height: 44px;}
main .page-restaurant #header .text h2 br{display: none;}
main .page-restaurant #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-restaurant #header .logo svg{width: 50px;height: 50px;}
main .page-restaurant #header .logo svg path{fill: var(--black);}
main .page-restaurant #header .logo svg polygon{fill: var(--black);}
main .page-restaurant #header .logo svg rect{fill: var(--black);}
main .page-restaurant #header .logo svg mask{display: none;}
main .page-restaurant #introduction{padding: 25px 15px 50px;}
main .page-restaurant #introduction .content{flex-wrap: wrap;}
main .page-restaurant #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-restaurant #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-restaurant #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-restaurant #restaurant{padding-bottom: 50px;}
main .page-restaurant #restaurant .content{flex-wrap: wrap;gap: 20px;}
main .page-restaurant #restaurant .content .media{width: 100%;order: 2;}
main .page-restaurant #restaurant .content .text{width: 100%;order: 1;}
main .page-restaurant #restaurant .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-restaurant #restaurant .photos-restaurant{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-restaurant #restaurant .photos-restaurant .photo{width: 100%;}
main .page-restaurant #experience{padding-bottom: 50px;}
main .page-restaurant #experience .content{flex-wrap: wrap;gap: 20px;}
main .page-restaurant #experience .content .media{width: 100%;order: 2;}
main .page-restaurant #experience .content .text{width: 100%;order: 1;}
main .page-restaurant #experience .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-restaurant #assiettes-signatures{padding-bottom: 50px;}
main .page-restaurant #assiettes-signatures .assiettes-signatures{margin: 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-restaurant #assiettes-signatures .assiettes-signatures .item{width: 100%;}
main .page-restaurant #carte .content{flex-wrap: wrap;}
main .page-restaurant #carte .content .text{order: 1;width: 100%;margin: 0;padding: 30px 15px;}
main .page-restaurant #carte .content .text .tabs .content-tabs{height: auto!important;}
main .page-restaurant #carte .content .text .tabs .content-tabs .tab.active{position: relative;height: auto!important;}
main .page-restaurant #carte .content .img{order: 2;width: 100%;margin: 0;}
main .page-restaurant #carte .content .img:after{display: none;}
main .page-restaurant #menu .content{flex-wrap: wrap;}
main .page-restaurant #menu .content .text{order: 1;width: 100%;margin: 0;padding: 30px 15px;}
main .page-restaurant #menu .content .text .tabs .content-tabs{height: auto!important;}
main .page-restaurant #menu .content .text .tabs .content-tabs .tab.active{position: relative;height: auto!important;}
main .page-restaurant #menu .content .text .tabs .menu-tabs button{line-height: 20px;}
main .page-restaurant #menu .content .text .tabs .menu-tabs{flex-wrap:wrap}
main .page-restaurant #menu .content .img{order: 2;width: 100%;margin: 0;}
main .page-restaurant #menu .content .img:after{display: none;}
main .page-restaurant #producteurs{padding: 60px 15px;}
main .page-restaurant #producteurs .title{margin-bottom: 30px;}
main .page-restaurant #producteurs .title h2{ font-size: 30px; line-height: 35px;}
main .page-restaurant #producteurs .title br{display: none}
main .page-restaurant #producteurs .producteurs-grid .producteur{width: 100%;}
main .page-restaurant #producteurs .producteurs-grid .producteur .img img { transform: scale(1.05); }
main .page-restaurant #producteurs .producteurs-grid .producteur .img::before { opacity: 0.8; }
main .page-restaurant #producteurs .producteurs-grid .producteur .img::after { opacity: 0; }
main .page-restaurant #producteurs .producteurs-grid .producteur .text { padding: 20px 15px 20px; }
main .page-restaurant #producteurs .producteurs-grid .producteur .text .metier { color: var(--black); }
main .page-restaurant #producteurs .producteurs-grid .producteur .text .nom { color: var(--black); }
main .page-restaurant #producteurs .producteurs-grid .producteur .text .description { max-height: 250px; opacity: 1; }
main .page-restaurant #equipe{padding: 60px 0;}
main .page-restaurant #equipe .title{margin-bottom: 30px;}
main .page-restaurant #equipe .title h2{ font-size: 30px; line-height: 35px;}
main .page-restaurant #equipe .title br{display: none}
main .page-restaurant #equipe .equipe-grid .equipe{width: 100%;}
main .page-restaurant #equipe .equipe .text .metier{font-size: 14px;}
main .page-restaurant #chef{position: relative;background-position: center;}
main .page-restaurant #chef .content{width: 100%;    position: relative; z-index: 5;}
main .page-restaurant #chef .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-restaurant #chef .content p{font-weight: 400;}
main .page-arnaud-lallement #header{height: auto;}
main .page-arnaud-lallement #header .media{position: relative;height: 200px;background: var(--black);}
main .page-arnaud-lallement #header .media img{opacity: .7;}
main .page-arnaud-lallement #header .media video{opacity: .7;}
main .page-arnaud-lallement #header .text{position: relative;width: 100%;padding: 15px;}
main .page-arnaud-lallement #header .text h2{font-size: 32px; line-height: 44px;}
main .page-arnaud-lallement #header .text h2 br{display: none;}
main .page-arnaud-lallement #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-arnaud-lallement #header .logo svg{width: 50px;height: 50px;}
main .page-arnaud-lallement #header .logo svg path{fill: var(--black);}
main .page-arnaud-lallement #header .logo svg polygon{fill: var(--black);}
main .page-arnaud-lallement #header .logo svg rect{fill: var(--black);}
main .page-arnaud-lallement #header .logo svg mask{display: none;}
main .page-arnaud-lallement #introduction{padding: 25px 15px 50px;}
main .page-arnaud-lallement #introduction .content{flex-wrap: wrap;}
main .page-arnaud-lallement #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-arnaud-lallement #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-arnaud-lallement #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-arnaud-lallement #parcours { padding-bottom: 50px; }
main .page-arnaud-lallement #parcours .content{flex-wrap: wrap;}
main .page-arnaud-lallement #parcours .content .title{width: 100%;}
main .page-arnaud-lallement #parcours .content .title br{display: none;}
main .page-arnaud-lallement #parcours .content .text{width: 100%;}
main .page-arnaud-lallement #vision { padding-bottom: 50px; }
main .page-arnaud-lallement #vision .content{flex-wrap: wrap;}
main .page-arnaud-lallement #vision .content .img{ margin-bottom: 40px;height: 300px;}
main .page-arnaud-lallement #vision .content .title{width: 100%;padding: 0 15px;}
main .page-arnaud-lallement #vision .content .title br{display: none;}
main .page-arnaud-lallement #vision .content .text{width: 100%;padding: 0 15px;}
main .page-arnaud-lallement #ambassadeur{padding-bottom: 50px;}
main .page-arnaud-lallement #ambassadeur .content{flex-wrap: wrap;gap: 20px;}
main .page-arnaud-lallement #ambassadeur .content .media{width: 100%;order: 2;}
main .page-arnaud-lallement #ambassadeur .content .text{width: 100%;order: 1;}
main .page-arnaud-lallement #ambassadeur .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-arnaud-lallement #bar-terrasse{position: relative;background-position: center;}
main .page-arnaud-lallement #bar-terrasse .content{width: 100%;    position: relative; z-index: 5;}
main .page-arnaud-lallement #bar-terrasse .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-arnaud-lallement #bar-terrasse .content p{font-weight: 400;}
main .page-bar-terrasse #header{height: auto;}
main .page-bar-terrasse #header .media{position: relative;height: 200px;background: var(--black);}
main .page-bar-terrasse #header .media img{opacity: .7;}
main .page-bar-terrasse #header .media video{opacity: .7;}
main .page-bar-terrasse #header .text{position: relative;width: 100%;padding: 15px;}
main .page-bar-terrasse #header .text h2{font-size: 32px; line-height: 44px;}
main .page-bar-terrasse #header .text h2 br{display: none;}
main .page-bar-terrasse #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-bar-terrasse #header .logo svg{width: 50px;height: 50px;}
main .page-bar-terrasse #header .logo svg path{fill: var(--black);}
main .page-bar-terrasse #header .logo svg polygon{fill: var(--black);}
main .page-bar-terrasse #header .logo svg rect{fill: var(--black);}
main .page-bar-terrasse #header .logo svg mask{display: none;}
main .page-bar-terrasse #introduction{padding: 25px 15px 50px;}
main .page-bar-terrasse #introduction .content{flex-wrap: wrap;}
main .page-bar-terrasse #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-bar-terrasse #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-bar-terrasse #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-bar-terrasse #bar-interieur{padding-bottom: 50px;}
main .page-bar-terrasse #bar-interieur .content{flex-wrap: wrap;gap: 20px;}
main .page-bar-terrasse #bar-interieur .content .media{width: 100%;order: 2;}
main .page-bar-terrasse #bar-interieur .content .text{width: 100%;order: 1;}
main .page-bar-terrasse #bar-interieur .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-bar-terrasse #terrasse{padding-bottom: 50px;}
main .page-bar-terrasse #terrasse .content{flex-wrap: wrap;gap: 20px;}
main .page-bar-terrasse #terrasse .content .media{width: 100%;order: 2;}
main .page-bar-terrasse #terrasse .content .text{width: 100%;order: 1;}
main .page-bar-terrasse #terrasse .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-bar-terrasse #terrasse .photos-terrasse{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-bar-terrasse #terrasse .photos-terrasse .photo{width: 100%;}
main .page-bar-terrasse #cave-cigare{padding-bottom: 50px;}
main .page-bar-terrasse #cave-cigare .content{flex-wrap: wrap;gap: 20px;}
main .page-bar-terrasse #cave-cigare .content .media{width: 100%;order: 2;}
main .page-bar-terrasse #cave-cigare .content .text{width: 100%;order: 1;}
main .page-bar-terrasse #cave-cigare .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-bar-terrasse #parc{position: relative;background-position: center;}
main .page-bar-terrasse #parc .content{width: 100%;    position: relative; z-index: 5;}
main .page-bar-terrasse #parc .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-bar-terrasse #parc .content p{font-weight: 400;}
main .page-parc #header{height: auto;}
main .page-parc #header .media{position: relative;height: 200px;background: var(--black);}
main .page-parc #header .media img{opacity: .7;}
main .page-parc #header .media video{opacity: .7;}
main .page-parc #header .text{position: relative;width: 100%;padding: 15px;}
main .page-parc #header .text h2{font-size: 32px; line-height: 44px;}
main .page-parc #header .text h2 br{display: none;}
main .page-parc #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-parc #header .logo svg{width: 50px;height: 50px;}
main .page-parc #header .logo svg path{fill: var(--black);}
main .page-parc #header .logo svg polygon{fill: var(--black);}
main .page-parc #header .logo svg rect{fill: var(--black);}
main .page-parc #header .logo svg mask{display: none;}
main .page-parc #introduction{padding: 25px 15px 50px;}
main .page-parc #introduction .content{flex-wrap: wrap;}
main .page-parc #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-parc #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-parc #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-parc #potager{padding-bottom: 50px;}
main .page-parc #potager .content{flex-wrap: wrap;gap: 20px;}
main .page-parc #potager .content .media{width: 100%;order: 2;}
main .page-parc #potager .content .text{width: 100%;order: 1;}
main .page-parc #potager .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-parc #potager .photos-potager{margin: 20px 0 0;width: 100%;padding: 0 15px;gap: 20px;flex-direction: column;}
main .page-parc #potager .photos-potager .photo{width: 100%;}
main .page-parc #serre{padding-bottom: 50px;}
main .page-parc #serre .content{flex-wrap: wrap;gap: 20px;}
main .page-parc #serre .content .media{width: 100%;order: 2;}
main .page-parc #serre .content .text{width: 100%;order: 1;}
main .page-parc #serre .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-parc #ruches{padding-bottom: 50px;}
main .page-parc #ruches .content{flex-wrap: wrap;gap: 20px;}
main .page-parc #ruches .content .media{width: 100%;order: 2;}
main .page-parc #ruches .content .text{width: 100%;order: 1;}
main .page-parc #ruches .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-parc #cuisine-responsable{padding-bottom: 50px;}
main .page-parc #cuisine-responsable .content{flex-wrap: wrap;gap: 20px;}
main .page-parc #cuisine-responsable .content .media{width: 100%;order: 2;}
main .page-parc #cuisine-responsable .content .text{width: 100%;order: 1;}
main .page-parc #cuisine-responsable .content .text h2{ font-size: 3zq0px; line-height: 35px;margin-bottom: 15px;}
main .page-parc #champagne{position: relative;background-position: center;}
main .page-parc #champagne .content{width: 100%;    position: relative; z-index: 5;}
main .page-parc #champagne .content h2 { font-size: 30px!important; line-height: 40px!important; margin-bottom: 20px!important;font-weight: 300; }
main .page-parc #champagne .content p{font-weight: 400;}
main .page-champagne #header{height: auto;}
main .page-champagne #header .media{position: relative;height: 200px;background: var(--black);}
main .page-champagne #header .media img{opacity: .7;}
main .page-champagne #header .media video{opacity: .7;}
main .page-champagne #header .text{position: relative;width: 100%;padding: 15px;}
main .page-champagne #header .text h2{font-size: 32px; line-height: 44px;}
main .page-champagne #header .text h2 br{display: none;}
main .page-champagne #header .logo{        position: relative; bottom: auto; right: auto;padding: 0 15px;}
main .page-champagne #header .logo svg{width: 50px;height: 50px;}
main .page-champagne #header .logo svg path{fill: var(--black);}
main .page-champagne #header .logo svg polygon{fill: var(--black);}
main .page-champagne #header .logo svg rect{fill: var(--black);}
main .page-champagne #header .logo svg mask{display: none;}
main .page-champagne #introduction{padding: 25px 15px 50px;}
main .page-champagne #introduction .content{flex-wrap: wrap;}
main .page-champagne #introduction .content .menu{width: 100%;align-items: center;justify-content: center;gap: 10px;flex-direction: row;margin-bottom: 20px;padding: 0; border-right: none;flex-wrap: wrap;}
main .page-champagne #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-champagne #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-champagne #oenotourisme{padding-bottom: 50px;}
main .page-champagne #oenotourisme .content{flex-wrap: wrap;gap: 20px;}
main .page-champagne #oenotourisme .content .media{width: 100%;order: 2;}
main .page-champagne #oenotourisme .content .text{width: 100%;order: 1;}
main .page-champagne #oenotourisme .content .text h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-champagne #visites{padding: 0 0 50px;}
main .page-champagne #visites .title h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-champagne #visites .visites-grid{gap: 20px;flex-wrap: wrap;}
main .page-champagne #visites .visites-grid .visite{width: 100%;}
main .page-champagne #visites .visites-grid .visite .text .nom{font-size: 23px;}
main .page-champagne #evenements{padding: 50px 0;}
main .page-champagne #evenements .title h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .page-champagne #evenements .evenements-grid{gap: 20px;flex-wrap: wrap;}
main .page-champagne #evenements .evenements-grid .evenement{width: 100%;}
main .page-champagne #evenements .evenements-grid .evenement .text .nom{font-size: 23px;}
main .page-contact #header{height: auto;}
main .page-contact #header .media{position: relative;height: 200px;background: var(--black);}
main .page-contact #header .media img{opacity: .7;}
main .page-contact #header .media video{opacity: .7;}
main .page-contact #header .text{position: relative;width: 100%;padding: 15px;}
main .page-contact #header .text h1{font-size: 36px; line-height: 44px;}
main .page-contact #header .text h1 br{display: none;}
main .page-contact #introduction{padding: 0px 15px 50px;}
main .page-contact #introduction .content{flex-wrap: wrap;}
main .page-contact #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-contact #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-contact #content .contact form .flex-contact .half{width: 100%;}
main .page-contact #informations .informations-grid .information{width: 100%;}
main .page-recrutement #header{height: auto;}
main .page-recrutement #header .media{position: relative;height: 200px;background: var(--black);}
main .page-recrutement #header .media img{opacity: .7;}
main .page-recrutement #header .media video{opacity: .7;}
main .page-recrutement #header .text{position: relative;width: 100%;padding: 15px;}
main .page-recrutement #header .text h1{font-size: 36px; line-height: 44px;}
main .page-recrutement #header .text h1 br{display: none;}
main .page-recrutement #introduction{padding: 0px 15px 50px;}
main .page-recrutement #introduction .content{flex-wrap: wrap;}
main .page-recrutement #introduction .content .text{width: 100%;padding: 0;border-left: none;margin-left: 0;}
main .page-recrutement #introduction .content .text p{line-height: 24px;margin-bottom: 15px;}
main .page-recrutement #content .contact form .flex-contact .half{width: 100%;}
main .page-galerie #content .title{margin-left: 0px;padding: 0 15px 25px;}
main .page-galerie #content .title h1{font-size: 36px; line-height: 44px;}
main .page-galerie #content{padding: 150px 0 50px;}
main .page-galerie #content .galerie-bloc .galerie-grid a{width: calc((100% / 2) - 10px);}
main .page-galerie #content .menu-galerie{padding: 0 15px 30px;margin-left:0;width:100%;flex-wrap:wrap;}
main .page-presse #content>.title{margin-left: 0px;padding: 0 15px 25px;width: 100%;}
main .page-presse #content>.title h1{font-size: 36px; line-height: 44px;}
main .page-presse #content .dp{padding: 100px 15px;position: relative;text-align: center;}
main .page-presse #content .dp::after{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.4);content: "";}
main .page-presse #content .dp .btn{position: relative;z-index: 4;margin-left: 0;background: var(--white);color: var(--black);}
main .page-classique .content .title h1{font-size: 36px; line-height: 44px;}
main .page-informations-pratiques #content{padding: 130px 0 50px;}
main .page-informations-pratiques #content>.title{margin-left: 0px;padding: 0 15px 25px;width: 100%;}
main .page-informations-pratiques #content>.title h1{font-size: 36px; line-height: 44px;}
main .page-informations-pratiques #content .text>div{width: 100%;}
main .page-experiences #header{height: auto;}
main .page-experiences #header .media{position: relative;height: 200px;background: var(--black);}
main .page-experiences #header .media img{opacity: .7;}
main .page-experiences #header .media video{opacity: .7;}
main .page-experiences #header .text{position: relative;width: 100%;padding: 15px;}
main .page-experiences #header .text h1{font-size: 36px; line-height: 44px;}
main .page-experiences #header .text h1 br{display: none;}
main .page-experiences #content .experiences-grid .experience { width: 100%; }
main .page-experiences #content .experiences-grid .experience .text h2{color: var(--white);}
main .page-experiences #content .experiences-grid .experience .text h2 span{color: var(--white);}
main .page-experiences #content .experiences-grid .experience .text h2 svg path{fill: var(--white);}
main .page-experiences #content .experiences-grid .experience .text a{color: white;border-color: var(--white);}
main .page-experiences #content .experiences-grid .experience .media .img{top: 0;}
main .page-experiences #content .experiences-grid .experience .media .img img{opacity: .6;}
main .single-experience #header{height: auto;}
main .single-experience #header .media{position: relative;height: 200px;background: var(--black);}
main .single-experience #header .media img{opacity: .7;}
main .single-experience #header .media video{opacity: .7;}
main .single-experience #header .text{position: relative;width: 100%;padding: 15px;}
main .single-experience #header .text h1{font-size: 36px; line-height: 44px;}
main .single-experience #header .text h1 br{display: none;}
main .single-experience #content{padding: 0 15px;}
main .single-experience #content .content{flex-wrap: wrap;}
main .single-experience #content .content .text{width: 100%;order: 1;}
main .single-experience #content .content .galerie-experience-container{width: 100%;order: 2;}
main .single-experience #content .content .galerie-experience .item { height: 310px; }
main .single-experience #other-experiences .title h2{ font-size: 30px; line-height: 35px;margin-bottom: 15px;}
main .single-experience #other-experiences .experience .text h3{color: var(--white);}
main .single-experience #other-experiences .experience .text h3 span{color: var(--white);}
main .single-experience #other-experiences .experience .text h3 svg path{fill: var(--white);}
main .single-experience #other-experiences .experience .text a{color: white;border-color: var(--white);}
main .single-experience #other-experiences .experience .media .img{top: 0;}
main .single-experience #other-experiences .experience .media .img img{opacity: .6;}
}
@media screen and (max-width: 759px) {
main .page-histoire #timeline .timeline-list .item{flex-wrap: wrap;row-gap: 20px;padding: 0 15px;}
main .page-histoire #timeline .timeline-list .item .year{width: 50%;}
main .page-histoire #timeline .timeline-list .item .media{width: 50%;height: 50%;}
main .page-histoire #timeline .timeline-list .item:hover .media{width: 50%;height: 50%;}
main .page-histoire #timeline .timeline-list .item .text{width: 100%;padding: 0;}
}  main .page-cuisine-responsable{}
main .page-cuisine-responsable #header{height: 600px;position: relative;}
main .page-cuisine-responsable #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-cuisine-responsable #header .media::after{position: absolute;width: 100%;height: 100%;background-color: #000;opacity: .3;content: '';    left: 0; top: 0;}
main .page-cuisine-responsable #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-cuisine-responsable #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-cuisine-responsable #header .text{position: absolute;bottom: 100px;left: calc(8.33333333% + 60px);z-index: 10;}
main .page-cuisine-responsable #header .text h1{color: #fff; font-family: Crimson Text; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;margin: 0;}
main .page-cuisine-responsable #header .text p{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 300; line-height: 3.385vw;margin: 0;}
main .page-cuisine-responsable #header .text p strong{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 500; line-height: 3.385vw;}
main .page-cuisine-responsable #header .text em{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 300; line-height: 3.385vw;font-style: italic;}
main .page-cuisine-responsable #header .logo{position: absolute;right: calc(8.33333333% + 60px);bottom: 100px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-cuisine-responsable #header .logo img{max-width: 60px;max-height: 60px;width: 100%;height: auto;}
main .page-cuisine-responsable #introduction{padding: 100px 60px;}
main .page-cuisine-responsable #introduction .content{display: flex;align-items: center;}
main .page-cuisine-responsable #introduction .content .menu{margin-left:16.66666667%;width: 16.66666667%;display: flex;flex-direction: column;gap: 10px;}
main .page-cuisine-responsable #introduction .content .menu a{color: var(--grey); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 1.4px; text-transform: uppercase;}
main .page-cuisine-responsable #introduction .content .menu a:hover{color: var(--black);}
main .page-cuisine-responsable #introduction .content .text{width: 41.66666667%;border-left: 1px solid var(--grey);padding-left: 8.33333333%;}
main .page-cuisine-responsable #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-cuisine-responsable #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-cuisine-responsable #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-cuisine-responsable #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-cuisine-responsable #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-cuisine-responsable #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-cuisine-responsable #cuisine-zero-dechet{padding-bottom: 150px;}
main .page-cuisine-responsable #cuisine-zero-dechet .galerie-maison{margin-bottom: 100px;}
main .page-cuisine-responsable #cuisine-zero-dechet .galerie-maison .item{    width: 100%; height: 100%;}
main .page-cuisine-responsable #cuisine-zero-dechet .galerie-maison .item img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-cuisine-responsable #cuisine-zero-dechet .galerie-maison .item video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-cuisine-responsable #cuisine-zero-dechet .content{display: flex;align-items: flex-start;padding: 0 60px;padding-top: 100px;}
main .page-cuisine-responsable #cuisine-zero-dechet .content .title{width: 25%;margin-left: 16.66666667%;}
main .page-cuisine-responsable #cuisine-zero-dechet .content .title h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;}
main .page-cuisine-responsable #cuisine-zero-dechet .content .text{width: 41.66666667%;}
main .page-cuisine-responsable #cuisine-zero-dechet .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-cuisine-responsable #potagers{padding-bottom: 150px;}
main .page-cuisine-responsable #potagers .content{display: flex;align-items: center;padding: 0 60px;}
main .page-cuisine-responsable #potagers .content .img{width: 41.66666667%;margin-left: 8.33333333%;}
main .page-cuisine-responsable #potagers .content .img img{width: 100%;height: 100%;object-fit: cover;}
main .page-cuisine-responsable #potagers .content .text{width: 25%;margin-left: 8.33333333%;}
main .page-cuisine-responsable #potagers .content .text h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-cuisine-responsable #potagers .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-cuisine-responsable #ruches{padding-bottom: 150px;}
main .page-cuisine-responsable #ruches .content{display: flex;align-items: center;padding: 0 60px;}
main .page-cuisine-responsable #ruches .content .img{width: 41.66666667%;margin-left: 8.33333333%;}
main .page-cuisine-responsable #ruches .content .img img{width: 100%;height: 100%;object-fit: cover;}
main .page-cuisine-responsable #ruches .content .text{width: 25%;margin-left: 16.66666667%;}
main .page-cuisine-responsable #ruches .content .text h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-cuisine-responsable #ruches .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-cuisine-responsable #amis-producteurs{background-color: var(--black);padding: 100px 60px 200px;}
main .page-cuisine-responsable #amis-producteurs .title{width: 41.66666667%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-cuisine-responsable #amis-producteurs .title h2{color: var(--white); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid{width: 83.33333333%;margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur{width: calc((100% / 3) - 54px);position: relative;overflow: hidden;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .img{position: relative;z-index: 2;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .img img{transform: scale(1.05);}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .img::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 160px;opacity: 0.9;background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);content: '';transition: .5s}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .img::after{opacity: 0;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .img::before{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: white;content: '';transition: .5s;z-index: 5;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .img::before{opacity: 0.8;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text{position: absolute;z-index: 5;bottom: 0;padding: 50px 40px 30px;transition: .5s;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .text{padding: 50px 40px 50px;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text .metier{color: var(--white); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1px; text-transform: uppercase;margin-bottom: 0;transition: .5s;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .text .metier{color: var(--black);}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text .nom{color: var(--white); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 200; line-height: normal;margin-bottom: 20px;transition: .5s;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .text .nom{color: var(--black);}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text .description{max-height: 0px;opacity: 0;transition: .5s;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur:hover .text .description{max-height: 250px;opacity: 1;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text .description p{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-cuisine-responsable #amis-producteurs .producteurs-grid .producteur .text .description p:last-of-type{margin-bottom: 0;}
main .page-cuisine-responsable .owl-nav{margin: 0;}
main .page-cuisine-responsable .owl-nav .owl-next{height: 100%;position: absolute;margin: 0;top: 0;right: 0;background: transparent!important;}
main .page-cuisine-responsable .owl-nav .owl-prev{height: 100%;position: absolute;margin: 0;top: 0;left: 0;background: transparent!important;} main .page-detente{}
main .page-detente #header{height: 600px;position: relative;}
main .page-detente #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-detente #header .media::after{position: absolute;width: 100%;height: 100%;background-color: #000;opacity: .3;content: '';    left: 0; top: 0;}
main .page-detente #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-detente #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-detente #header .text{position: absolute;bottom: 100px;left: calc(8.33333333% + 60px);z-index: 10;}
main .page-detente #header .text h1{color: #fff; font-family: Crimson Text; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;margin: 0;}
main .page-detente #header .text p strong{color: #fff; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 500; line-height: 65px;}
main .page-detente #header .text p em{color: #fff; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 300; line-height: 65px;font-style: italic;}
main .page-detente #header .logo{position: absolute;right: calc(8.33333333% + 60px);bottom: 100px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-detente #header .logo img{max-width: 60px;max-height: 60px;width: 100%;height: auto;}
main .page-detente #introduction{padding: 100px 60px;}
main .page-detente #introduction .content{display: flex;align-items: center;}
main .page-detente #introduction .content .menu{margin-left:16.66666667%;width: 16.66666667%;display: flex;flex-direction: column;gap: 10px;border-right: 1px solid var(--grey);}
main .page-detente #introduction .content .menu a{color: var(--grey); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 1.4px; text-transform: uppercase;}
main .page-detente #introduction .content .menu a:hover{color: var(--black);}
main .page-detente #introduction .content .text{width: 41.66666667%;padding-left: 8.33333333%;}
main .page-detente #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-detente #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-detente #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-detente #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-detente #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-detente #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-detente #piscine{padding-bottom: 150px;}
main .page-detente #piscine .content{display: flex;align-items: flex-start;padding: 0 60px;flex-wrap: wrap;}
main .page-detente #piscine .content .img{width: 83.33333333%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-detente #piscine .content .img img{width: 100%;height: 100%;object-fit: cover;}
main .page-detente #piscine .content .title{width: 25%;margin-left: 16.66666667%;}
main .page-detente #piscine .content .title h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;}
main .page-detente #piscine .content .text{width: 41.66666667%;}
main .page-detente #piscine .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-detente #salons{padding-bottom: 150px;}
main .page-detente #salons .galerie-salons{margin-bottom: 100px;}
main .page-detente #salons .galerie-salons .item{    width: 100%; height: 100%;}
main .page-detente #salons .galerie-salons .item img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-detente #salons .galerie-salons .item video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-detente #salons .content{display: flex;align-items: flex-start;padding: 0 60px;}
main .page-detente #salons .content .title{width: 25%;margin-left: 16.66666667%;}
main .page-detente #salons .content .title h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;}
main .page-detente #salons .content .text{width: 41.66666667%;}
main .page-detente #salons .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-detente #terrasse{padding-bottom: 150px;}
main .page-detente #terrasse .content{display: flex;align-items: flex-start;padding: 0 60px;flex-wrap: wrap;}
main .page-detente #terrasse .content .img{width: 83.33333333%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-detente #terrasse .content .img img{width: 100%;height: 100%;object-fit: cover;}
main .page-detente #terrasse .content .title{width: 25%;margin-left: 16.66666667%;}
main .page-detente #terrasse .content .title h2{color: var(--black); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;}
main .page-detente #terrasse .content .text{width: 41.66666667%;}
main .page-detente #terrasse .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-detente .owl-nav{margin: 0;}
main .page-detente .owl-nav .owl-next{height: 100%;position: absolute;margin: 0;top: 0;right: 0;background: transparent!important;}
main .page-detente .owl-nav .owl-prev{height: 100%;position: absolute;margin: 0;top: 0;left: 0;background: transparent!important;} main .page-oenotourisme{}
main .page-oenotourisme #header{height: 600px;position: relative;}
main .page-oenotourisme #header .media{width: 100%;height: 100%;position: absolute;z-index: 5;}
main .page-oenotourisme #header .media::after{position: absolute;width: 100%;height: 100%;background-color: #000;opacity: .3;content: '';    left: 0; top: 0;}
main .page-oenotourisme #header .media video{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-oenotourisme #header .media img{width: 100%;height: 100%;object-fit: cover;    display: block;}
main .page-oenotourisme #header .text{position: absolute;bottom: 100px;left: calc(8.33333333% + 60px);z-index: 10;}
main .page-oenotourisme #header .text h1{color: #fff; font-family: Crimson Text; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;margin: 0;}
main .page-oenotourisme #header .text p{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 300; line-height: 3.385vw;margin: 0;}
main .page-oenotourisme #header .text p strong{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 500; line-height: 3.385vw;}
main .page-oenotourisme #header .text em{color: #fff; font-family: Roboto; font-size: 3.125vw; font-style: normal; font-weight: 300; line-height: 3.385vw;font-style: italic;}
main .page-oenotourisme #header .logo{position: absolute;right: calc(8.33333333% + 60px);bottom: 100px;z-index: 10;display: flex;align-items: center;gap: 15px;}
main .page-oenotourisme #header .logo img{max-width: 60px;max-height: 60px;width: 100%;height: auto;}
main .page-oenotourisme #introduction{padding: 100px 60px;}
main .page-oenotourisme #introduction .content{display: flex;align-items: center;}
main .page-oenotourisme #introduction .content .text{width: 41.66666667%;margin-left: 8.33333333%;}
main .page-oenotourisme #introduction .content .text p{color: var(--black); font-family: Crimson Text; font-size: 18px; font-style: normal; font-weight: 400; line-height: 35px;}
main .page-oenotourisme #introduction .content .text p:last-of-type{margin-bottom: 0;}
main .page-oenotourisme #introduction .pictos{display: flex;align-items: center;flex-wrap: wrap;width:  66.66666667%;margin: auto;padding-top: 100px;gap: 50px 20px;}
main .page-oenotourisme #introduction .pictos .picto{display: flex;flex-direction: column;align-items: center;gap: 20px;width: calc((100% / 4) - 15px);}
main .page-oenotourisme #introduction .pictos .picto img{width: 40px;height: auto;}
main .page-oenotourisme #introduction .pictos .picto p{color: var(--black); text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase;margin-bottom: 0;}
main .page-oenotourisme #content{padding: 0 60px 100px;}
main .page-oenotourisme #content .title{width: 41.66666667%;margin-left: 8.33333333%;margin-bottom: 80px;}
main .page-oenotourisme #content .title h2{color: var(--white); font-family: Roboto; font-size: 45px; font-style: normal; font-weight: 100; line-height: 50px;margin: 0;margin-bottom: 20px;}
main .page-oenotourisme #content .oenotourisme-grid{width: 83.33333333%;margin-left: 8.33333333%;display: flex;flex-wrap: wrap;gap: 80px;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme{width: calc((100% / 3) - 54px);position: relative;overflow: hidden;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .img{position: relative;z-index: 2;overflow: hidden;height: 300px;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .img img{transition: .5s;width: 100%;height: 100%;object-fit: cover;display: block;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme:hover .img img{transform: scale(1.05);}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text{position: relative;z-index: 5;padding: 25px 0 0;transition: .5s;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .nom{color: var(--black); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 200; line-height: normal;margin-bottom: 20px;transition: .5s;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .description{transition: .5s;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .description p{color: var(--black); font-family: Crimson Text; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .description p:last-of-type{margin-bottom: 20px;}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .btn{color: var(--black);border-color: var(--black);}
main .page-oenotourisme #content .oenotourisme-grid .oenotourisme .text .btn:hover{background-color: var(--black);color: var(--white);}