@charset "UTF-8";
[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)}
.SumoSelect p{margin:0}.SumoSelect{width:200px}.SelectBox{padding:5px 8px}.sumoStopScroll{overflow:hidden}.SumoSelect .hidden{display:none}.SumoSelect .search-txt{display:none;outline:0}.SumoSelect .no-match{display:none;padding:6px}.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px}.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0}.SelectClass{z-index:1}.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{-ms-user-select:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{display:inline-block;position:relative;outline:0}.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #7799d0;border-color:#7799d0}.SumoSelect>.CaptionCont{position:relative;border:1px solid #a4a4a4;min-height:14px;background-color:#fff;border-radius:2px;margin:0}.SumoSelect>.CaptionCont>span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect>.CaptionCont>span.placeholder{color:#ccc;font-style:italic}.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}.SumoSelect>.CaptionCont>label>i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);background-position:center center;width:16px;height:16px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}.SumoSelect.open>.optWrapper{top:35px;display:block}.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}.SumoSelect>.optWrapper>.options li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#e4e4e4}.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer}.SumoSelect>.optWrapper>.options li span{display:none}.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}.SumoSelect>.optWrapper>.options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:.5}.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px}.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #dbdbdb;border-radius:0 0 0 3px}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px 0}.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#11a911;box-shadow:none;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}.SumoSelect .select-all.partial>span i{background-color:#ccc}.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline}.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #cdcdcd}.SumoSelect[is-selected=false] .reset-all{opacity:.5;pointer-events:none}.SumoSelect[is-selected=true] .reset-all{opacity:1;cursor:pointer;color:#7799d0}.SumoSelect[is-selected=true] .reset-all *{cursor:pointer}.SumoSelect[is-selected=true] .reset-all:hover{color:#000}
  @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 300;
src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mZ8WDm7Q.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 300;
src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mf8WDm7Q.woff2) format("woff2");
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 300;
src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mT8WDm7Q.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 300;
src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 400;
src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 400;
src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 400;
src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 400;
src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmZ8WDm7Q.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmf8WDm7Q.woff2) format("woff2");
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmT8WDm7Q.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "icomoon";
src: url(//socinformatique.fr/app/themes/SocInformatique/assets/fonts/fonts/icomoon.eot?4b5xux);
src: url(//socinformatique.fr/app/themes/SocInformatique/assets/fonts/fonts/icomoon.eot?4b5xux#iefix) format("embedded-opentype"), url(//socinformatique.fr/app/themes/SocInformatique/assets/fonts/fonts/icomoon.ttf?4b5xux) format("truetype"), url(//socinformatique.fr/app/themes/SocInformatique/assets/fonts/fonts/icomoon.woff?4b5xux) format("woff"), url(//socinformatique.fr/app/themes/SocInformatique/assets/fonts/fonts/icomoon.svg?4b5xux#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-support-client .path1:before {
content: "\e978";
color: rgb(37, 41, 46);
}
.icon-support-client .path2:before {
content: "\e979";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-bimC .path1:before {
content: "\e900";
color: rgb(250, 181, 0);
}
.icon-bimC .path2:before {
content: "\e901";
margin-left: -1.01953125em;
color: rgb(224, 124, 0);
}
.icon-bimC .path3:before {
content: "\e902";
margin-left: -1.01953125em;
color: rgb(224, 124, 0);
}
.icon-bimC .path4:before {
content: "\e903";
margin-left: -1.01953125em;
color: rgb(255, 255, 255);
}
.icon-deviSOC .path1:before {
content: "\e904";
color: rgb(228, 3, 45);
}
.icon-deviSOC .path2:before {
content: "\e905";
margin-left: -1em;
color: rgb(172, 24, 45);
}
.icon-deviSOC .path3:before {
content: "\e906";
margin-left: -1em;
color: rgb(228, 3, 45);
}
.icon-deviSOC .path4:before {
content: "\e907";
margin-left: -1em;
color: rgb(228, 3, 45);
}
.icon-deviSOC .path5:before {
content: "\e908";
margin-left: -1em;
color: rgb(172, 24, 45);
}
.icon-deviSOC .path6:before {
content: "\e909";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-justBIM .path1:before {
content: "\e90a";
color: rgb(84, 200, 232);
}
.icon-justBIM .path2:before {
content: "\e90b";
margin-left: -1em;
color: rgb(0, 147, 201);
}
.icon-justBIM .path3:before {
content: "\e90c";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-justBIM .path4:before {
content: "\e90d";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-d .path1:before {
content: "\e90e";
color: rgb(37, 41, 46);
}
.icon-d .path2:before {
content: "\e90f";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-add:before {
content: "\e910";
}
.icon-addlocation:before {
content: "\e911";
}
.icon-arrowback:before {
content: "\e912";
}
.icon-arrowbotom:before {
content: "\e913";
}
.icon-arrowright:before {
content: "\e914";
}
.icon-arrowup:before {
content: "\e915";
}
.icon-bullet:before {
content: "\e916";
}
.icon-bureau-distance .path1:before {
content: "\e917";
color: rgb(0, 0, 0);
}
.icon-bureau-distance .path2:before {
content: "\e918";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-cards:before {
content: "\e919";
}
.icon-cards-2:before {
content: "\e91a";
}
.icon-chat:before {
content: "\e91b";
}
.icon-check:before {
content: "\e91c";
}
.icon-close:before {
content: "\e91d";
}
.icon-comments:before {
content: "\e91e";
}
.icon-creditcard:before {
content: "\e91f";
}
.icon-date:before {
content: "\e920";
}
.icon-delete:before {
content: "\e921";
}
.icon-description:before {
content: "\e922";
}
.icon-doc:before {
content: "\e923";
}
.icon-download:before {
content: "\e924";
}
.icon-edit:before {
content: "\e925";
}
.icon-electric:before {
content: "\e926";
}
.icon-espace-client .path1:before {
content: "\e927";
color: rgb(204, 20, 30);
}
.icon-espace-client .path2:before {
content: "\e928";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-euros:before {
content: "\e929";
}
.icon-eye:before {
content: "\e92a";
}
.icon-eye-blind:before {
content: "\e92b";
}
.icon-filter:before {
content: "\e92c";
}
.icon-folder .path1:before {
content: "\e92d";
color: rgb(37, 41, 46);
}
.icon-folder .path2:before {
content: "\e92e";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-folder .path3:before {
content: "\e92f";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-formation .path1:before {
content: "\e930";
color: rgb(37, 41, 46);
}
.icon-formation .path2:before {
content: "\e931";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-geomensura .path1:before {
content: "\e932";
color: rgb(255, 255, 255);
}
.icon-geomensura .path2:before {
content: "\e933";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-geomensura .path3:before {
content: "\e934";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-headset:before {
content: "\e935";
}
.icon-help .path1:before {
content: "\e936";
color: rgb(37, 41, 46);
}
.icon-help .path2:before {
content: "\e937";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-help .path3:before {
content: "\e938";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-help .path4:before {
content: "\e939";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-help .path5:before {
content: "\e93a";
margin-left: -1em;
color: rgb(37, 41, 46);
}
.icon-help .path6:before {
content: "\e93b";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-help .path7:before {
content: "\e93c";
margin-left: -1em;
color: rgb(217, 0, 41);
}
.icon-help .path8:before {
content: "\e93d";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-home:before {
content: "\e93e";
}
.icon-info:before {
content: "\e93f";
}
.icon-lightbulb:before {
content: "\e940";
}
.icon-link:before {
content: "\e941";
}
.icon-list:before {
content: "\e942";
}
.icon-mail:before {
content: "\e943";
}
.icon-mail-1:before {
content: "\e944";
}
.icon-marketplace .path1:before {
content: "\e945";
color: rgb(37, 41, 46);
}
.icon-marketplace .path2:before {
content: "\e946";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-marketplace .path3:before {
content: "\e947";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-menu:before {
content: "\e948";
}
.icon-miniarrowbottom:before {
content: "\e949";
}
.icon-miniarrowleft:before {
content: "\e94a";
}
.icon-miniarrowright:before {
content: "\e94b";
}
.icon-miniarrowup:before {
content: "\e94c";
}
.icon-minicards:before {
content: "\e94d";
}
.icon-minimize:before {
content: "\e94e";
}
.icon-more:before {
content: "\e94f";
}
.icon-mylocation:before {
content: "\e950";
}
.icon-navigation:before {
content: "\e951";
}
.icon-network .path1:before {
content: "\e952";
color: rgb(29, 29, 27);
}
.icon-network .path2:before {
content: "\e953";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-options:before {
content: "\e954";
}
.icon-phone:before {
content: "\e955";
}
.icon-phone-big .path1:before {
content: "\e956";
color: rgb(37, 41, 46);
}
.icon-phone-big .path2:before {
content: "\e957";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-phone-big .path3:before {
content: "\e958";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-phone-big .path4:before {
content: "\e959";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-place:before {
content: "\e95a";
}
.icon-place-map .path1:before {
content: "\e95b";
color: rgb(204, 20, 30);
}
.icon-place-map .path2:before {
content: "\e95c";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-play:before {
content: "\e95d";
}
.icon-play-big .path1:before {
content: "\e95e";
color: rgb(37, 41, 46);
}
.icon-play-big .path2:before {
content: "\e95f";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-question:before {
content: "\e960";
}
.icon-reload:before {
content: "\e961";
}
.icon-satisfaction:before {
content: "\e962";
}
.icon-schedule:before {
content: "\e963";
}
.icon-search:before {
content: "\e964";
}
.icon-share:before {
content: "\e965";
}
.icon-social-facebook:before {
content: "\e966";
}
.icon-social-instagram:before {
content: "\e967";
}
.icon-social-linkedin:before {
content: "\e968";
}
.icon-social-pinterest:before {
content: "\e969";
}
.icon-social-twitter:before {
content: "\e96a";
}
.icon-social-viadeo:before {
content: "\e96b";
}
.icon-social-vimeo:before {
content: "\e96c";
}
.icon-social-youtube:before {
content: "\e96d";
}
.icon-star:before {
content: "\e96e";
}
.icon-star-empty:before {
content: "\e96f";
}
.icon-star-half:before {
content: "\e970";
}
.icon-teleassistance .path1:before {
content: "\e971";
color: rgb(37, 41, 46);
}
.icon-teleassistance .path2:before {
content: "\e972";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-ticket .path1:before {
content: "\e973";
color: rgb(37, 41, 46);
}
.icon-ticket .path2:before {
content: "\e974";
margin-left: -1em;
color: rgb(204, 20, 30);
}
.icon-touch:before {
content: "\e975";
}
.icon-user:before {
content: "\e976";
}
.icon-work:before {
content: "\e977";
}      .wysiwyg {
overflow-wrap: break-word;
}
.full-link {
cursor: pointer;
}
::selection {
background: #CC141E; color: #fff;
}
::-moz-selection {
background: #CC141E; color: #fff;
}
body {
position: relative;
}
body.overflow-hidden, body.search-is-open {
overflow: hidden;
}   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, menu, nav, section,
main, summary {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}  audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn,
i, em {
font-style: italic;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
}   button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
} button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
} button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
padding: 0;
} input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} textarea {
overflow: auto;
} optgroup {
font-weight: bold;
} @viewport {
width: device-width;
} *,
*::before,
*::after {
box-sizing: inherit;
} [role=button] {
cursor: pointer;
} a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
} [hidden] {
display: none !important;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
font-smooth: always;
}
.clearfix::after {
display: block;
clear: both;
content: "";
} strong {
font-weight: bold;
}
i, em {
font-style: italic;
}
u {
text-decoration: underline;
}
.flex-text-image .video-gallery .legend .wrap .icon, .page-header__image--inner:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.search__form .loader, .flex-text-image .video-gallery .legend .wrap .icon, .waiting-results .waiting-comment__media, .card__tags .card-tag, footer .footer-top__rs--list li a {
display: flex;
align-items: center;
justify-content: center;
}
.full-link {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.background-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 720px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 960px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 720px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
max-width: 720px;
}
}
@media (min-width: 960px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
max-width: 940px;
}
}
@media (min-width: 1280px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
max-width: 1200px;
}
}
@media (min-width: 1600px) {
.container, .header .js-desk.menu-item:not(.cta) a:not(.btn) {
max-width: 1400px;
}
}
.container-fluid {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 720px) {
.container-fluid {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 960px) {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -6px;
margin-left: -6px;
}
@media (min-width: 720px) {
.row {
margin-right: -12px;
margin-left: -12px;
}
}
.row .no-gutters {
margin-right: 0;
margin-left: 0;
}
.row .no-gutters > .col,
.row .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.container.test, .header .js-desk.menu-item:not(.cta) a.test:not(.btn) {
position: fixed;
top: 0;
transform: translateX(-50%);
pointer-events: none;
opacity: 0.15;
height: 100%;
width: 100%;
margin: 0 auto;
background: #FF9800;
z-index: 9999999;
left: 50%;
display: flex;
}
.container.test > div, .header .js-desk.menu-item:not(.cta) a.test:not(.btn) > div {
position: relative;
margin: 0 12px;
width: 100%;
height: 100%;
background: #009688;
}
.container.test > div:first-child, .header .js-desk.menu-item:not(.cta) a.test:not(.btn) > div:first-child {
margin-left: 0;
}
.container.test > div:last-child, .header .js-desk.menu-item:not(.cta) a.test:not(.btn) > div:last-child {
margin-right: 0;
}    .col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xlg,
.col-xlg-auto, .col-xlg-12, .col-xlg-11, .col-xlg-10, .col-xlg-9, .col-xlg-8, .col-xlg-7, .col-xlg-6, .col-xlg-5, .col-xlg-4, .col-xlg-3, .col-xlg-2, .col-xlg-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xlg,
.col-xlg-auto, .col-xlg-12, .col-xlg-11, .col-xlg-10, .col-xlg-9, .col-xlg-8, .col-xlg-7, .col-xlg-6, .col-xlg-5, .col-xlg-4, .col-xlg-3, .col-xlg-2, .col-xlg-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xlg,
.col-xlg-auto, .col-xlg-12, .col-xlg-11, .col-xlg-10, .col-xlg-9, .col-xlg-8, .col-xlg-7, .col-xlg-6, .col-xlg-5, .col-xlg-4, .col-xlg-3, .col-xlg-2, .col-xlg-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
padding-right: 12px;
}
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-1 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-1 {
padding-right: 12px;
}
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-2 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-2 {
padding-right: 12px;
}
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-3 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-3 {
padding-right: 12px;
}
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-4 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-4 {
padding-right: 12px;
}
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-5 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-5 {
padding-right: 12px;
}
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-6 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-6 {
padding-right: 12px;
}
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-7 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-7 {
padding-right: 12px;
}
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-8 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-8 {
padding-right: 12px;
}
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-9 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-9 {
padding-right: 12px;
}
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-10 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-10 {
padding-right: 12px;
}
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-11 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-11 {
padding-right: 12px;
}
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.col-12 {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.col-12 {
padding-right: 12px;
}
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 720px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-1 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-1 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-2 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-2 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-3 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-3 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-4 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-4 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-5 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-5 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-6 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-6 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-7 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-7 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-8 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-8 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-9 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-9 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-10 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-10 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-11 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-11 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-12 {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.col-sm-12 {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 960px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-1 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-1 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-2 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-2 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-3 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-3 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-4 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-4 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-5 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-5 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-6 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-6 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-7 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-7 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-8 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-8 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-9 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-9 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-10 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-10 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-11 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-11 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-12 {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.col-md-12 {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1280px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-1 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-1 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-2 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-2 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-3 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-3 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-4 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-4 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-5 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-5 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-6 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-6 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-7 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-7 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-8 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-8 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-9 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-9 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-10 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-10 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-11 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-11 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-12 {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.col-lg-12 {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1600px) {
.col-xlg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xlg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xlg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-1 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-1 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-2 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-2 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-3 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-3 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-4 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-4 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-5 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-5 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-6 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-6 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-7 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-7 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-8 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-8 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-9 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-9 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-10 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-10 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-11 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-11 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.col-xlg-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-12 {
padding-left: 12px;
}
}
@media (min-width: 1600px) and (min-width: 720px) {
.col-xlg-12 {
padding-right: 12px;
}
}
@media (min-width: 1600px) {
.offset-xlg-0 {
margin-left: 0%;
}
.offset-xlg-1 {
margin-left: 8.3333333333%;
}
.offset-xlg-2 {
margin-left: 16.6666666667%;
}
.offset-xlg-3 {
margin-left: 25%;
}
.offset-xlg-4 {
margin-left: 33.3333333333%;
}
.offset-xlg-5 {
margin-left: 41.6666666667%;
}
.offset-xlg-6 {
margin-left: 50%;
}
.offset-xlg-7 {
margin-left: 58.3333333333%;
}
.offset-xlg-8 {
margin-left: 66.6666666667%;
}
.offset-xlg-9 {
margin-left: 75%;
}
.offset-xlg-10 {
margin-left: 83.3333333333%;
}
.offset-xlg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1920px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-1 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-1 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-2 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-2 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-3 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-3 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-4 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-4 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-5 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-5 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-6 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-6 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-7 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-7 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-8 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-8 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-9 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-9 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-10 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-10 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-11 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-11 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-12 {
padding-left: 12px;
}
}
@media (min-width: 1920px) and (min-width: 720px) {
.col-xxl-12 {
padding-right: 12px;
}
}
@media (min-width: 1920px) {
.offset-xxl-0 {
margin-left: 0%;
}
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
}
.color-secondary-01 {
color: #CC141E;
}
.color-secondary-02 {
color: #343940;
}
.color-primary {
color: #25292E;
}
.color-gray-01 {
color: #949494;
}
.color-white {
color: #fff;
}
.bg-secondary-01 {
background-color: #CC141E;
}
.bg-secondary-02 {
background-color: #343940;
}
.bg-primary {
background-color: #25292E;
}
.bg-gray-01 {
background-color: #949494;
}
.bg-white {
background-color: #fff;
} @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}  @keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.wysiwyg h5:not(.headline), .h5, .wysiwyg h4, .h4, .wysiwyg h3, .h3, .wysiwyg h2, .h2, .wysiwyg h1, .h1 {
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
}
.wysiwyg h1, .h1 {
font-weight: bold;
font-size: 30px;
line-height: 36px;
color: #CC141E;
}
@media (min-width: 720px) {
.wysiwyg h1, .h1 {
font-size: 46px;
line-height: 55px;
}
}
@media (min-width: 960px) {
.wysiwyg h1, .h1 {
font-size: 50px;
line-height: 64px;
}
}
.wysiwyg h2, .h2 {
font-weight: bold;
font-size: 26px;
line-height: 31px;
}
@media (min-width: 720px) {
.wysiwyg h2, .h2 {
font-size: 38px;
line-height: 47px;
}
}
.wysiwyg h3, .h3 {
font-weight: bold;
font-size: 24px;
line-height: 28px;
}
@media (min-width: 720px) {
.wysiwyg h3, .h3 {
font-size: 30px;
line-height: 36px;
}
}
@media (min-width: 960px) {
.wysiwyg h3, .h3 {
font-size: 30px;
line-height: 36px;
}
}
.wysiwyg h4, .h4 {
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 720px) {
.wysiwyg h4, .h4 {
font-size: 24px;
line-height: 28px;
}
}
@media (min-width: 960px) {
.wysiwyg h4, .h4 {
font-size: 26px;
line-height: 31px;
}
}
.wysiwyg h5:not(.headline), .h5 {
font-size: 20px;
line-height: 24px;
font-weight: 500;
}
@media (min-width: 720px) {
.wysiwyg h5:not(.headline), .h5 {
font-size: 20px;
line-height: 24px;
}
}
.headline {
position: relative;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #949494;
padding-left: 20px;
font-weight: 500;
}
@media (min-width: 960px) {
.headline {
font-size: 16px;
line-height: 19px;
}
}
.headline::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
left: 0;
bottom: 6px;
background-color: #CC141E;
}
.big-title {
color: #D6D6D6;
opacity: 0.4;
font-weight: bold;
font-size: 156px;
line-height: 185px;
}   .on-dark .h1, .on-dark .h2, .on-dark .h3, .on-dark .h4, .on-dark .h5, .on-dark .headline,
.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4, .on-dark h5,
.on-dark p, .on-dark a, .on-dark address, .on-dark ul, .on-dark ol {
color: #fff;
}
.on-dark-bg {
background: #25292E;
}    .gform_confirmation_wrapper .gform_confirmation_message, .gform_confirmation_message {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
.w-files .file__size, .w-files .file__name, .w-files__selected, label.gfield_label, .gform_wrapper input[type=checkbox] + label {
font-size: 14px;
line-height: 22px;
}
.wysiwyg ul:not(.gform_fields) li, ul.primary-list li {
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
.wysiwyg ul:not(.gform_fields) li + li, ul.primary-list li + li {
margin-top: 20px;
}
.wysiwyg ul:not(.gform_fields) li:before, ul.primary-list li:before {
content: "";
position: absolute;
top: 10px;
left: 8px;
display: block;
background: #CC141E;
width: 6px;
height: 6px;
border-radius: 50%;
}
.wysiwyg ol li, ol li {
position: relative;
padding-left: 30px;
counter-increment: step;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
.wysiwyg ol li + li, ol li + li {
margin-top: 20px;
}
.wysiwyg ol li:before, ol li:before {
content: counters(step, ". ", decimal-leading-zero);
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 25px;
font-weight: 900;
color: #CC141E;
}
.read-more {
color: #25292E;
}
.wysiwyg a:not(.btn), a:not(.btn),
.link {
text-decoration: none;
}
.gform_footer .gform_button, .btn--primary {
background-color: #CC141E;
color: #fff;
}
@media (min-width: 960px) {
.gform_footer .gform_button:hover, .btn--primary:hover {
color: #fff;
background: #343940;
border-color: #343940;
}
}
.btn--full {
background-color: #343940;
color: #fff;
}
@media (min-width: 960px) {
.btn--full:hover {
color: #fff;
background: #949494;
border-color: #343940;
}
}
.btn--small {
height: 34px;
line-height: 34px;
padding: 0 15px;
}
.btn--disabled, .btn[disabled] {
background-color: #F4F4F4;
border-color: #F4F4F4;
color: #D6D6D6 !important;
cursor: initial;
pointer-events: none;
}
.gform_footer .gform_button, .btn--big {
font-size: 16px;
line-height: 25px;
padding: 12px 20px;
}
@media (min-width: 480px) {
.gform_footer .gform_button, .btn--big {
padding: 12px 30px;
}
}
.btn--inline {
padding: 8px 10px;
font-size: 16px;
line-height: 25px;
display: inline-block;
padding-left: 26px;
text-align: left;
white-space: normal;
color: #25292E;
text-transform: none;
font-weight: 500;
}
.btn--inline:before {
position: absolute;
height: 100%;
width: 24px;
left: 0;
transition: all 250ms ease-out;
content: "\e94b";
font-family: "icomoon";
font-size: 24px;
color: #CC141E;
font-weight: 400;
}
.btn--inline:hover {
color: #CC141E;
}
.btn--inline.btn--disabled, .btn--inline[disabled] {
background: transparent;
}
.btn--inline.btn--disabled:before, .btn--inline[disabled]:before {
color: #D6D6D6;
}
.on-dark .h1, .on-dark .h2, .on-dark .h3, .on-dark .h4, .on-dark .h5 {
color: #fff;
}
.on-dark .headline:before {
background-color: #fff;
}
.with-picto {
display: flex;
align-items: center;
text-decoration: none;
color: #25292E;
}
.with-picto:before {
display: none;
}
.with-picto .icon {
font-size: 16px;
color: #CC141E;
margin-right: 8px;
}
.with-picto--big .icon {
font-size: 24px;
}
html {
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
text-align: left;
color: #25292E;
}
p, .p {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
p--small, .p--small {
font-size: 14px;
line-height: 22px;
}
p--medium, .p--medium {
font-size: 18px;
line-height: 32px;
}
p--large, .p--large {
font-size: 20px;
line-height: 32px;
}
.fw-700 {
font-weight: 700;
}
.fw-600 {
font-weight: 600;
}
.fw-500 {
font-weight: 500;
} .wysiwyg > *:last-child {
margin-bottom: 0;
}
.wysiwyg p + h2, .wysiwyg p + h3, .wysiwyg p + h4, .wysiwyg ul + h2, .wysiwyg ul + h3, .wysiwyg ul + h4, .wysiwyg ol + h2, .wysiwyg ol + h3, .wysiwyg ol + h4 {
margin-top: 30px;
}
.wysiwyg h2 + h3, .wysiwyg h2 + h4 {
margin-top: 10px;
}
.wysiwyg h3 + h2, .wysiwyg h3 + h4 {
margin-top: 5px;
}
.wysiwyg h4 + h3, .wysiwyg h4 + h2 {
margin-top: 10px;
}
.wysiwyg h2 + ul, .wysiwyg h2 + ol, .wysiwyg h2 + p, .wysiwyg h3 + ul, .wysiwyg h3 + ol, .wysiwyg h3 + p, .wysiwyg h4 + ul, .wysiwyg h4 + ol, .wysiwyg h4 + p {
margin-top: 10px;
}
@media (min-width: 960px) {
.wysiwyg h2 + ul, .wysiwyg h2 + ol, .wysiwyg h2 + p, .wysiwyg h3 + ul, .wysiwyg h3 + ol, .wysiwyg h3 + p, .wysiwyg h4 + ul, .wysiwyg h4 + ol, .wysiwyg h4 + p {
margin-top: 20px;
}
}
.wysiwyg p + ul, .wysiwyg p + ol {
margin-top: 10px;
}
.wysiwyg p + p {
margin-top: 20px;
}
.wysiwyg ul + ul, .wysiwyg ul + ol {
margin-top: 10px;
}
.wysiwyg ul + p {
margin-top: 20px;
}
.wysiwyg ol + ol, .wysiwyg ol + ul {
margin-top: 10px;
}
.wysiwyg ol + p {
margin-top: 20px;
}
.wysiwyg .headline + h2 {
margin-top: 7px;
}
.wysiwyg h2 {
color: #CC141E;
}
.wysiwyg h5:not(.headline) {
color: #949494;
margin-top: 24px;
margin-bottom: 16px;
}
.wysiwyg a:not(.btn) {
color: #CC141E;
transition: all 0.16s;
}
.wysiwyg a:not(.btn):hover {
color: #343940;
text-decoration: underline;
}
.wysiwyg .btn {
margin-top: 30px;
}
.wysiwyg .btn a {
text-decoration: none;
}
.wysiwyg .btn:hover a {
color: #25292E;
}
.wysiwyg hr {
display: none;
} @media (min-width: 960px) {
.on-dark a:not(.btn):hover {
color: #343940;
}
} .w-text h1 + .p, .w-text h1 + p {
margin-top: 8px;
}
@media (min-width: 960px) {
.w-text h1 + .p, .w-text h1 + p {
margin-top: 12px;
}
}
.btn {
position: relative;
z-index: 1;
display: inline-block;
text-decoration: none;
cursor: pointer;
font-size: 14px;
line-height: 22px;
padding: 9px 20px;
outline: none;
border: 0;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
transition: all 250ms ease-out;
}
.btn--outline {
padding: 8px 20px;
border: 1px solid #CC141E;
color: #CC141E;
background-color: transparent;
}
@media (min-width: 960px) {
.btn--outline:hover {
color: #343940;
background: transparent;
border-color: #343940;
}
}
.btn--outline--white {
color: #fff;
border-color: #fff;
}
.on-dark .btn--primary:hover {
background: #CC141E;
}
.on-dark .btn--outline { }
.on-dark .btn--outline.btn--disabled, .on-dark .btn--outline[disabled] {
background: transparent;
border-color: #D6D6D6;
color: #D6D6D6;
}
.main {
position: relative;
z-index: 1;
}
@media (max-width: 959.98px) {
.main {
padding-top: 70px;
}
}
body {
position: relative; }
body.overflow-hidden {
overflow: hidden;
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
[data-aos=fade-up] {
transform: translate3d(0, 60px, 0);
}
hr {
border-style: solid;
border-width: 0.5px;
border-color: #F4F4F4;
margin: 0;
}
#loader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #343940;
cursor: wait;
opacity: 1;
z-index: 9999999;
transition: all 250ms ease-out;
}
#loader.loaded {
opacity: 0;
visibility: hidden;
}
@media (min-width: 960px) {
.custom-scrollbar::-webkit-scrollbar {
width: 14px;
height: 18px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
height: 6px;
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 7px;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.custom-scrollbar::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.custom-scrollbar::-webkit-scrollbar-corner {
background-color: transparent;
}
}
.img-homothetic-container {
position: relative;
overflow: hidden;
}
.img-homothetic-container.landscape > img {
position: absolute;
text-align: center;
max-width: 100%;
width: 100%;
height: auto;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.img-homothetic-container.portrait > img {
position: absolute;
text-align: center;
max-width: none;
max-height: 100%;
height: 100%;
width: auto;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.img-container {
position: relative;
}
.img-container > img {
max-width: 100%;
} .slider-btn {
border: 1px solid #D6D6D6;
padding: 10px;
height: 50px;
width: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
transition: all 250ms ease-out;
}
.slider-btn:focus {
outline: none;
}
@media (min-width: 960px) {
.slider-btn:hover {
background-color: #25292E;
border-color: #25292E;
}
.slider-btn:hover:before {
color: #fff;
}
}
.slider-btn__next:before, .slider-btn__prev:before {
transition: all 250ms ease-out;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.slider-btn__prev::before {
content: "\e94a";
font-family: "icomoon";
font-size: 24px;
color: inherit;
font-weight: 400;
}
.slider-btn__next::before {
content: "\e94b";
font-family: "icomoon";
font-size: 24px;
color: inherit;
font-weight: 400;
}
.slider-btn.swiper-button-disabled {
display: none;
}
.slider-btn.swiper-button-disabled::before {
color: #D6D6D6;
}
.slider-pagination {
display: flex;
height: 15px;
}
.slider-pagination .swiper-pagination-bullet {
width: 5px;
height: 15px;
border-radius: 0;
background-color: #D6D6D6;
display: block;
margin: 0 2.5px;
transform: scaleY(0.334);
transform-origin: bottom;
transition: all 250ms ease-out;
}
.slider-pagination .swiper-pagination-bullet:focus {
outline: none;
}
@media (min-width: 960px) {
.slider-pagination .swiper-pagination-bullet:hover {
background-color: #CC141E;
}
}
.slider-pagination .swiper-pagination-bullet:only-child {
visibility: hidden;
}
.slider-pagination .swiper-pagination-bullet-active {
transform: scaleY(1);
background-color: #CC141E;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
[js-accordion-title] {
cursor: pointer;
}
[js-accordion-content] {
height: 0;
overflow: hidden;
transition: height 250ms ease-in-out;
}  .w-flex {
padding: 40px 0; }
@media (min-width: 720px) {
.w-flex {
padding: 60px 0;
}
}
@media (min-width: 1280px) {
.w-flex {
padding: 40px 0;
}
}
.w-flex-big {
padding: 40px 0;
}
@media (min-width: 720px) {
.w-flex-big {
padding: 60px 0;
}
}
@media (min-width: 1280px) {
.w-flex-big {
padding: px 0;
}
} .square {
width: 15px;
height: 15px;
background-color: #CC141E;
} .sitemap .content-sitemap > div:not(:last-child) {
margin-bottom: 40px;
}
.sitemap .content-sitemap .children {
margin-top: 10px;
}
@media (min-width: 720px) {
.sitemap .content-sitemap {
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.sitemap .content-sitemap {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.sitemap .content-sitemap {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.sitemap .content-sitemap {
width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
margin-left: 16.6666666667%;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.sitemap .content-sitemap {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.sitemap .content-sitemap {
padding-right: 12px;
}
}
.sitemap .content-sitemap a + ul {
margin-top: 10px;
}
.sitemap .content-sitemap section + section {
margin-top: 40px;
}
.hidden {
display: none !important;
} .cookies-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #F4F4F4;
padding: 30px;
}
.cookies-wrapper .title {
text-align: center;
}
.cookies-wrapper .btn {
margin-bottom: 0 !important;
}
.gform_wrapper input[type=checkbox] {
position: absolute;
opacity: 0;
z-index: -100;
width: 0;
pointer-events: none;
}
.gform_wrapper input[type=checkbox].error + label:before {
border-color: #CC141E;
}
.gform_wrapper input[type=checkbox] + label {
position: relative;
cursor: pointer;
display: block;
padding-left: 40px;
}
.gform_wrapper input[type=checkbox] + label:before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 22px;
height: 22px;
margin-right: 15px;
background: white;
border: 1px solid #949494;
transition: all 250ms ease-out;
position: absolute;
top: 2px;
left: 0;
}
.gform_wrapper input[type=checkbox] + label:hover:before {
border: 1px solid #343940;
}
.gform_wrapper input[type=checkbox] + label a {
color: #CC141E;
}
.gform_wrapper input[type=checkbox]:checked + label:before {
background: #CC141E;
}
.gform_wrapper input[type=checkbox]:checked + label:before {
border-color: transparent;
}
.gform_wrapper input[type=checkbox]:checked + label:after {
content: "\e91c";
font-family: "icomoon";
font-size: 18px;
color: #fff;
font-weight: 400;
position: absolute;
left: 2px;
top: 1px;
}
.gform_wrapper input[type=radio] {
position: absolute;
opacity: 0;
z-index: -100;
width: 0;
pointer-events: none;
}
.gform_wrapper input[type=radio].error + label:before {
border-color: #CC141E;
}
.gform_wrapper input[type=radio] + label {
position: relative;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
}
.gform_wrapper input[type=radio] + label:before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 22px;
height: 22px;
border-radius: 22px;
margin-right: 7px;
background: white;
border: 1px solid #949494;
transition: all 250ms ease-out;
}
.gform_wrapper input[type=radio] + label:hover:before {
border: 1px solid #343940;
}
.gform_wrapper input[type=radio]:checked + label:before {
background: #CC141E;
}
.gform_wrapper input[type=radio]:checked + label:before {
border-color: transparent;
}
.gform_wrapper input[type=radio]:checked + label:after {
content: "\e91c";
font-family: "icomoon";
font-size: 18px;
color: #fff;
font-weight: 400;
position: absolute;
left: 2px;
top: 2px;
}
.gform_wrapper input:not([type=submit]),
.gform_wrapper select,
.gform_wrapper textarea {
outline: transparent none;
border-radius: 0;
-webkit-border-radius: 0;
border: 0;
border-bottom: 1px solid #D6D6D6;
font-size: 16px;
transition: border 0.3s ease-in;
}
.gform_wrapper input:not([type=submit])::placeholder,
.gform_wrapper select::placeholder,
.gform_wrapper textarea::placeholder {
color: #949494;
}
.gform_wrapper input:not([type=submit]):-ms-input-placeholder,
.gform_wrapper select:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {
color: #949494;
}
.gform_wrapper input:not([type=submit])::-ms-input-placeholder,
.gform_wrapper select::-ms-input-placeholder,
.gform_wrapper textarea::-ms-input-placeholder {
color: #949494;
}
@media (min-width: 960px) {
.gform_wrapper input:not([type=submit])::-ms-clear,
.gform_wrapper select::-ms-clear,
.gform_wrapper textarea::-ms-clear {
display: none;
}
}
.gform_wrapper input:not([type=submit]):focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
border-bottom: 1px solid #25292E;
}
.gform_wrapper input,
.gform_wrapper select {
display: block;
width: 100%;
height: 48px;
line-height: 48px;
}
.gform_wrapper select {
width: 100%;
cursor: pointer;
color: #949494;
background-size: 11px;
}
.gform_wrapper textarea {
width: 100%;
height: 135px;
padding: 12px 0;
resize: none;
}
.gform_fields {
margin-left: -12px;
margin-right: -12px;
display: flex;
flex-wrap: wrap;
}
.gform_fields .gfield {
width: 100%;
padding: 0 12px;
}
.gform_ajax_spinner {
margin-left: 8px;
position: relative;
}
.validation_error {
display: none;
color: #ED4B46;
font-size: 17px;
padding-bottom: 30px;
text-align: center;
}
.gfield_error {
position: relative;
padding-bottom: 20px;
}
.gfield_error .validation_message {
color: #ED4B46;
font-size: 14px;
padding-left: 23px;
margin-top: 10px;
position: relative; }
.gfield_error .validation_message:after {
content: "\e93f";
font-family: "icomoon";
font-size: 24px;
color: inherit;
font-weight: 400;
font-size: 18px;
color: #ED4B46;
position: absolute;
top: -3px;
left: 0;
}
.gfield_error .ginput_container_radio, .gfield_error .ginput_container_checkbox {
padding-bottom: 5px;
}
.gfield_error .ginput_container_radio ~ .validation_message {
margin-top: -1px;
}
.gform_confirmation_message .btn {
margin-top: 20px;
}
@media (min-width: 720px) {
.gform_fields .gf_left_half.inline {
margin-right: 50%;
}
}
@media (min-width: 960px) {
.gform_fields .gf_left_half {
width: 50%;
padding: 0 12px;
}
}
@media (min-width: 960px) {
.gform_fields .gf_left_30 {
width: 30%;
float: left;
padding: 0 11px;
}
}
@media (min-width: 960px) {
.gform_fields .gf_left_20 {
width: 20%;
float: left;
padding: 0 11px;
}
}
@media (min-width: 960px) {
.gf_full {
width: 100%;
float: left;
padding: 0 11px;
}
}
button {
border: none;
}
button:focus {
outline: none;
}
.form-confirmation-show {
display: none;
}
.gform_validation_container {
display: none;
}
.gfield {
margin-top: 16px;
margin-bottom: 16px;
}
.hidden {
display: none;
}
.show {
display: block;
}
.show.btn {
display: inline-block;
margin-top: 30px;
}
.show-table-cell {
display: table-cell;
}
label.gfield_label {
display: inline-block;
}
.gfield_radio {
display: flex;
flex-direction: column;
}
@media (min-width: 720px) {
.gfield_radio {
flex-direction: row;
}
}
.gfield_radio li {
margin-right: 20px;
margin-bottom: 10px;
}
@media (min-width: 720px) {
.gfield_radio li {
margin-bottom: 0;
}
}
.rgpd .gfield_label {
display: none;
}
.gform_footer {
margin-top: 40px;
}
.gform_footer .gform_button {
position: relative;
z-index: 1;
display: inline-block;
text-decoration: none;
cursor: pointer;
font-size: 14px;
line-height: 22px;
padding: 9px 20px;
outline: none;
border: 0;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
transition: all 250ms ease-out;
width: auto;
}
.gfield_required {
color: #CC141E;
}
.gform_body {
margin-top: -16px;
}
.gform_body .separator {
height: 40px;
width: 100%;
}
.gform_body h3 {
color: #CC141E;
}
.gfield.rgpd > label {
display: none;
}
.hide-label .gfield_label {
display: none;
}
.SumoSelect {
width: 100%;
cursor: pointer;
}
.SumoSelect .CaptionCont {
border: none;
border-bottom: 1px solid #D6D6D6;
cursor: pointer;
border-radius: 0;
transition: all 250ms ease-out;
}
@media (min-width: 720px) {
.SumoSelect .CaptionCont {
width: 100%;
}
}
.SumoSelect .CaptionCont:hover:before {
opacity: 1;
}
.SumoSelect > .CaptionCont > label > i {
background-image: none;
background-position: center center;
width: auto;
height: auto;
display: block;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: auto;
background-repeat: no-repeat;
opacity: 1;
font-style: normal;
}
.SumoSelect > .CaptionCont > label > i:before {
content: "\e949";
font-family: "icomoon";
font-size: 24px;
color: inherit;
font-weight: 400;
}
.CaptionCont.SelectBox {
cursor: pointer;
padding: 8px 0;
}
.CaptionCont.SelectBox:hover span, .CaptionCont.SelectBox:focus span {
color: #25292E;
}
.CaptionCont.SelectBox:hover label i, .CaptionCont.SelectBox:focus label i {
border-top-color: #25292E;
}
.open .CaptionCont.SelectBox {
cursor: pointer;
padding: 8px 0;
}
.open .CaptionCont.SelectBox span {
color: #25292E;
}
.open .CaptionCont.SelectBox label i {
border-top-color: #25292E;
}
.open .CaptionCont {
border-bottom: 2px solid #343940;
}
.open .CaptionCont:before {
opacity: 1;
}
.SumoSelect > .CaptionCont > span {
font-style: unset;
font-size: 16px;
line-height: 28px;
color: #25292E;
cursor: pointer;
}
.SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont {
border-top: none;
border-left: none;
border-right: none;
box-shadow: none;
} .SumoSelect > .CaptionCont > span.placeholder {
color: #25292E;
font-style: initial;
}
.SumoSelect > .optWrapper.multiple {
background-color: #343940;
min-width: 200px;
}
.SumoSelect > .optWrapper.multiple .options .opt {
padding-top: 17px;
padding-bottom: 17px;
padding-left: 60px !important;
border-bottom: none !important;
}
.SumoSelect > .optWrapper.multiple .options .opt.selected span i {
background-color: #CC141E !important;
}
.SumoSelect > .optWrapper.multiple .options .opt span i {
background-color: transparent !important;
border-color: #949494;
}
.SumoSelect > .optWrapper.multiple .options .opt label {
color: #fff !important;
font-size: 14px;
}
.SumoSelect > .optWrapper > .options li.opt {
border-bottom: none;
padding: 15px 10px;
transition: all 250ms ease-out;
}
.SumoSelect > .optWrapper > .options li.opt label {
transition: all 250ms ease-out;
}
.SumoSelect > .optWrapper > .options li.opt:hover label {
color: #25292E;
}
.SumoSelect > .optWrapper > .options li.opt.selected label {
color: #CC141E;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
background-color: rgba(52, 57, 64, 0.1);
}
.SumoSelect.open > .optWrapper {
border-radius: 0;
border: none;
top: 50px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.SumoSelect .select-all > label, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt label {
text-transform: none;
font-size: 16px;
line-height: 28px;
}
.SumoSelect .select-all.partial > span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
color: #25292E;
}
.SumoSelect .select-all > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt span i {
box-shadow: none;
border-radius: 0;
width: 22px;
height: 22px;
background-image: none;
}
.SumoSelect .select-all > span,
.SumoSelect > .optWrapper.multiple > .options li.opt span {
margin-left: 0;
left: 20px;
}
.SumoSelect > .optWrapper > .options li.group > label {
text-transform: none;
font-size: 18px;
line-height: 18px;
color: #D6D6D6;
padding: 15px 25px;
font-weight: normal;
letter-spacing: 0;
}
.SumoSelect.open > .CaptionCont,
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {
border-color: #25292E;
border-width: 1px;
}
.w-input {
position: relative;
}
.w-input__upload {
position: relative;
max-width: 360px;
height: 45px;
display: flex;
align-items: center;
padding-left: 30px;
color: #25292E;
font-weight: bold;
cursor: pointer;
transition: all 250ms ease-out;
}
.w-input__upload:before {
content: "\e910";
font-family: "icomoon";
font-size: 24px;
color: #CC141E;
font-weight: 400;
position: absolute;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.w-input__upload:after {
content: "";
display: block;
position: absolute;
left: 30px;
bottom: 0;
background-color: #D6D6D6;
height: 1px;
width: 100%;
}
@media (min-width: 960px) {
.w-input__upload:hover, .w-input__upload:focus {
color: #CC141E;
}
}
.w-input input {
position: absolute;
top: 0;
width: 225px;
opacity: 0;
padding: 14px 0;
cursor: pointer;
left: -9999px;
}
.w-files__selected {
color: #949494;
letter-spacing: 0.02em;
display: block;
padding-top: 10px;
padding-left: 30px;
}
.w-files__content {
padding-left: 30px;
}
.w-files .file {
display: flex;
align-items: center;
}
.w-files .file__delete {
cursor: pointer;
}
.w-files .file__delete:before {
content: "\e921";
font-family: "icomoon";
font-size: 24px;
color: #D6D6D6;
font-weight: 400;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
.w-files .file__delete:hover:before {
color: #CC141E;
}
}
.w-files .file__name {
padding-left: 5px;
}
.w-files .file__size {
color: #D6D6D6;
}
.file-return {
margin: 0;
}
.file-return:not(:empty) {
margin: 1em 0;
}
.file-return {
font-style: italic;
font-size: 0.9em;
font-weight: bold;
}
.file-return:not(:empty):before {
content: "Selected file: ";
font-style: normal;
font-weight: normal;
}
.error-upload .w-input__upload {
border: 2px solid red;
}
.loading .w-input__upload {
background-color: #34495E !important;
}
.is-dragover .w-input__upload {
background: #34495E;
color: #39D2B4;
}
.w-progress-bar {
opacity: 0;
pointer-events: none;
height: 30px;
width: 300px;
border: 1px solid black;
border-radius: 10px;
transition: opacity 300ms ease-in-out;
}
.w-progress-bar.active {
opacity: 1;
}
.w-progress-bar__content {
width: 0;
height: 100%;
border-radius: 10px;
background-color: blue;
transition: width 0.3s ease-out;
}
.w-information__error {
display: flex;
flex-direction: column;
}
.plz-consent p {
font-size: inherit;
line-height: inherit;
}
footer {
background-color: #25292E;
}
footer .footer-top {
padding-bottom: 40px; }
@media (min-width: 720px) {
footer .footer-top {
padding-bottom: 60px;
}
}
@media (min-width: 1280px) {
footer .footer-top {
padding-bottom: 40px;
}
}
@media (min-width: 720px) {
footer .footer-top {
display: flex;
flex-wrap: wrap;
}
}
footer .footer-top .row {
width: 100%;
}
footer .footer-top ul li a {
color: #fff;
text-decoration: none;
font-weight: 500;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
footer .footer-top ul li a:hover {
opacity: 0.5;
}
}
footer .footer-top__menu {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
footer .footer-top__menu {
padding-left: 12px;
}
}
@media (min-width: 720px) {
footer .footer-top__menu {
padding-right: 12px;
}
}
@media (min-width: 720px) {
footer .footer-top__menu {
width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
footer .footer-top__menu {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
footer .footer-top__menu {
padding-right: 12px;
}
}
@media (min-width: 960px) {
footer .footer-top__menu {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__menu {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__menu {
padding-right: 12px;
}
}
footer .footer-top__menu ul li + li {
margin-top: 20px;
}
footer .footer-top__rs {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
footer .footer-top__rs {
padding-left: 12px;
}
}
@media (min-width: 720px) {
footer .footer-top__rs {
padding-right: 12px;
}
}
@media (min-width: 720px) {
footer .footer-top__rs {
width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
footer .footer-top__rs {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
footer .footer-top__rs {
padding-right: 12px;
}
}
@media (min-width: 960px) {
footer .footer-top__rs {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__rs {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__rs {
padding-right: 12px;
}
}
footer .footer-top__rs ul:not(.footer-top__rs--list) li {
margin-top: 20px;
}
@media (min-width: 720px) {
footer .footer-top__rs ul:not(.footer-top__rs--list) li:first-child {
margin-top: 0;
}
}
footer .footer-top__rs .baseline {
margin-top: 20px;
margin-bottom: 12px;
}
footer .footer-top__rs--list {
display: flex;
}
footer .footer-top__rs--list li + li {
margin-left: 10px;
}
footer .footer-top__rs--list li a {
width: 50px;
height: 50px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
footer .footer-top__rs--list li a .icon {
font-size: 20px;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
footer .footer-top__rs--list li a:hover {
background-color: #fff;
opacity: 1 !important;
}
footer .footer-top__rs--list li a:hover .icon {
color: #25292E;
}
}
footer .footer-top__datas {
margin-top: 40px; }
@media (min-width: 720px) {
footer .footer-top__datas {
margin-top: 60px;
}
}
@media (min-width: 1280px) {
footer .footer-top__datas {
margin-top: 40px;
}
}
@media (min-width: 720px) {
footer .footer-top__datas {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
max-width: 60%;
margin: 40px auto 0;
}
}
@media (min-width: 960px) {
footer .footer-top__datas {
width: auto;
align-items: start;
max-width: 100%;
margin: 60px 0 0 0;
}
}
footer .footer-top__datas .data {
color: #949494;
transition: all 250ms ease-out;
line-height: 28px;
}
@media (min-width: 720px) {
footer .footer-top__datas .data {
margin-top: 0;
margin-bottom: 10px;
}
}
@media (min-width: 960px) {
footer .footer-top__datas .data {
margin-bottom: 0;
margin-right: 40px;
}
footer .footer-top__datas .data:not(.data-place):hover {
color: #fff;
}
}
footer .footer-top__datas .data .icon {
font-size: 20px;
}
@media (max-width: 719.98px) {
footer .footer-top__datas .data + .data {
margin-top: 15px;
}
}
footer .footer-top__links {
margin-top: 40px;
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
footer .footer-top__links {
padding-left: 12px;
}
}
@media (min-width: 720px) {
footer .footer-top__links {
padding-right: 12px;
}
}
@media (min-width: 960px) {
footer .footer-top__links {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-top: 0;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__links {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
footer .footer-top__links {
padding-right: 12px;
}
}
@media (min-width: 720px) and (max-width: 959.98px) {
footer .footer-top__links ul {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 719.98px) {
footer .footer-top__links ul li + li {
margin-top: 15px;
}
}
@media (min-width: 960px) {
footer .footer-top__links ul li + li {
margin-top: 15px;
}
}
@media (min-width: 720px) and (max-width: 959.98px) {
footer .footer-top__links ul li {
width: 50%;
padding-left: 6px;
padding-right: 6px;
margin-top: 0;
padding-bottom: 15px;
}
}
@media (min-width: 720px) and (max-width: 959.98px) and (min-width: 720px) {
footer .footer-top__links ul li {
padding-left: 12px;
}
}
@media (min-width: 720px) and (max-width: 959.98px) and (min-width: 720px) {
footer .footer-top__links ul li {
padding-right: 12px;
}
}
footer .footer-top__links ul li a {
display: flex;
align-items: center;
}
footer .footer-top__links ul li a .icon {
color: #CC141E;
font-size: 24px;
margin-right: 7px;
}
footer .footer-bottom {
display: flex;
justify-content: space-between;
}
@media (max-width: 1279.98px) {
footer .footer-bottom {
flex-direction: column;
}
}
@media (min-width: 720px) and (max-width: 1279.98px) {
footer .footer-bottom {
align-items: center;
}
}
footer .footer-bottom a {
color: #949494;
text-decoration: none;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
footer .footer-bottom a:hover {
color: #fff;
}
}
@media (min-width: 720px) {
footer .footer-bottom ul {
display: flex;
text-align: center;
}
}
@media (max-width: 719.98px) {
footer .footer-bottom ul li + li {
margin-top: 15px;
}
}
@media (min-width: 720px) {
footer .footer-bottom ul li + li {
margin-left: 20px;
}
}
footer .footer-bottom .copyright-adeliom {
display: flex;
align-items: center;
white-space: nowrap;
}
@media (max-width: 1279.98px) {
footer .footer-bottom .copyright-adeliom {
margin: 15px 0;
}
}
@media (min-width: 1280px) {
footer .footer-bottom .copyright-adeliom {
transition: color 250ms ease-out;
margin: 0 5px;
}
footer .footer-bottom .copyright-adeliom:hover img {
opacity: 0.5;
}
}
footer .footer-bottom .copyright-adeliom img {
margin: 0 5px;
transition: all 250ms ease-out;
}
.menu-desktop {
display: none;
}
@media (min-width: 960px) {
.menu-mobile {
display: none !important;
}
.menu-desktop {
display: block;
}
}
.header { }
.header__container {
display: flex;
flex-direction: column;
}
@media (min-width: 960px) {
.header__container {
position: relative;
z-index: 9998;
flex-direction: column-reverse;
}
}
@media (max-width: 959.98px) {
.header {
position: fixed;
top: 0;
left: -100%;
width: 100%;
max-height: calc(100vh - 70px);
z-index: 999;
margin-top: 70px;
transition: left 0.2s ease-in; overflow-y: scroll;
}
.header--is-opened {
left: 0;
}
.header::after {
content: "";
position: fixed;
top: 0;
height: 100%;
width: 100%;
background-color: #25292E;
z-index: -1;
}
}
.header__mobile-menu {
background-color: #CC141E;
}
@media (min-width: 960px) {
.header__mobile-menu {
display: none;
}
}
@media (max-width: 959.98px) {
.header__mobile-menu {
position: fixed;
top: 0;
right: 0;
z-index: 99999;
height: 70px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 100% !important;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 24px;
color: #fff;
}
}
@media (max-width: 959.98px) and (min-width: 720px) {
.header__mobile-menu {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 959.98px) and (min-width: 960px) {
.header__mobile-menu {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 959.98px) and (min-width: 720px) {
.header__mobile-menu {
max-width: 720px;
}
}
@media (max-width: 959.98px) and (min-width: 960px) {
.header__mobile-menu {
max-width: 940px;
}
}
@media (max-width: 959.98px) and (min-width: 1280px) {
.header__mobile-menu {
max-width: 1200px;
}
}
@media (max-width: 959.98px) and (min-width: 1600px) {
.header__mobile-menu {
max-width: 1400px;
}
}
.header__mobile-menu .mobile-menu__icon--is-closed {
display: block;
}
.header__mobile-menu .mobile-menu__icon--is-opened {
display: none;
}
.header__mobile-menu[data-is-opened=true] .mobile-menu__icon--is-closed {
display: none;
}
.header__mobile-menu[data-is-opened=true] .mobile-menu__icon--is-opened {
display: block;
}
@media (max-width: 959.98px) {
.header__logo {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
height: 70px;
max-width: 50% !important;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 959.98px) and (min-width: 720px) {
.header__logo {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 959.98px) and (min-width: 960px) {
.header__logo {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 959.98px) and (min-width: 720px) {
.header__logo {
max-width: 720px;
}
}
@media (max-width: 959.98px) and (min-width: 960px) {
.header__logo {
max-width: 940px;
}
}
@media (max-width: 959.98px) and (min-width: 1280px) {
.header__logo {
max-width: 1200px;
}
}
@media (max-width: 959.98px) and (min-width: 1600px) {
.header__logo {
max-width: 1400px;
}
}
@media (min-width: 960px) {
.header__logo {
margin-right: 30px;
width: 100px;
}
.header__logo a {
width: 100%;
}
.header__logo a img {
width: 100%;
}
}
@media (min-width: 960px) {
.header__menu__container {
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu__container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 960px) and (min-width: 960px) {
.header__menu__container {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu__container {
max-width: 720px;
}
}
@media (min-width: 960px) and (min-width: 960px) {
.header__menu__container {
max-width: 940px;
}
}
@media (min-width: 960px) and (min-width: 1280px) {
.header__menu__container {
max-width: 1200px;
}
}
@media (min-width: 960px) and (min-width: 1600px) {
.header__menu__container {
max-width: 1400px;
}
}
@media (max-width: 959.98px) {
.header .js-desk.menu-item a:not(.btn) {
line-height: 60px;
}
.header .js-desk.menu-item > ul .container, .header .js-desk.menu-item > ul .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .js-desk.menu-item > ul a:not(.btn) {
padding: 0;
}
.header .js-desk.menu-item-has-children > ul {
background-color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.header .js-desk.menu-item-has-children > ul a:not(.btn) {
color: #25292E !important;
}
}
@media (min-width: 960px) {
.header .js-desk.menu-item {
padding: 0 8px;
}
.header .js-desk.menu-item .menu__icon {
padding-left: 14px;
}
.header .js-desk.menu-item .menu-item .menu__icon {
display: none;
}
}
@media (min-width: 1280px) {
.header .js-desk.menu-item {
padding: 0 14px;
height: 100%;
}
.header .js-desk.menu-item > a {
height: 100%;
display: flex;
align-items: center;
}
}
.header .js-desk.menu-item.cta {
display: flex;
align-items: center;
}
@media (max-width: 959.98px) {
.header .js-desk.menu-item.cta {
margin: 0 auto;
max-width: 720px;
padding: 10px 12px 20px 12px;
}
}
.header .js-desk.menu-item.cta a {
height: auto;
position: relative;
z-index: 1;
display: inline-block;
text-decoration: none;
cursor: pointer;
font-size: 14px;
line-height: 22px;
padding: 9px 20px;
outline: none;
border: 0;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
transition: all 250ms ease-out;
background-color: #fff;
color: #CC141E;
}
.header .js-desk.menu-item.cta a:hover {
background-color: #25292E;
color: #fff;
}
.header .js-desk.menu-item:not(.cta) a:not(.btn) {
display: flex;
justify-content: space-between;
color: #fff;
font-weight: 500;
}
.header .js-desk.menu-item.menu-item--with-icon a {
align-items: center;
justify-content: flex-start;
}
.header .js-desk.menu-item.menu-item--with-icon a .icon {
color: #CC141E;
font-size: 24px;
margin-right: 7px;
}
.header__menu--main {
background-color: #CC141E;
}
@media (min-width: 960px) {
.header__menu--main {
height: 80px;
}
.header__menu--main.is-sticky {
height: 80px !important;
}
}
@media (min-width: 1280px) {
.header__menu--main {
height: 100px;
}
}
@media (min-width: 960px) {
.header__menu--main .menu__links-col {
display: flex;
flex-wrap: wrap;
margin-right: -6px;
margin-left: -6px;
width: 75%;
max-height: 425px;
overflow-y: scroll;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu--main .menu__links-col {
margin-right: -12px;
margin-left: -12px;
}
}
@media (min-width: 960px) and (min-width: 960px) {
.header__menu--main .menu__links-col::-webkit-scrollbar {
width: 14px;
height: 18px;
}
.header__menu--main .menu__links-col::-webkit-scrollbar-thumb {
height: 6px;
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 7px;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.header__menu--main .menu__links-col::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.header__menu--main .menu__links-col::-webkit-scrollbar-corner {
background-color: transparent;
}
}
@media (min-width: 960px) {
.header__menu--main .menu__links-col > .menu-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu--main .menu__links-col > .menu-item {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu--main .menu__links-col > .menu-item {
padding-right: 12px;
}
}
.header__menu--main .menu__featured-news {
display: none;
}
@media (min-width: 960px) {
.header__menu--main .menu__featured-news {
display: block;
width: 25%;
margin-left: auto;
background-color: #F4F4F4;
padding: 25px 20px 40px;
}
.header__menu--main .menu__featured-news::after {
content: "";
position: absolute;
top: 0;
background-color: #F4F4F4;
right: -99.8%;
width: 100%;
height: 100%;
display: block;
}
.header__menu--main .menu__featured-news .headline {
margin-bottom: 12px;
}
.header__menu--main .menu__featured-news__title {
color: #25292E;
}
.header__menu--main .menu__featured-news .btn {
margin-top: 20px;
margin-bottom: 22px;
}
}
@media (min-width: 1280px) {
.header__menu--main .menu__featured-news {
padding-top: 60px;
}
}
.header__menu--main .menu__featured-news img {
width: 100%;
}
@media (min-width: 960px) {
.header__menu--main .menu-container > .menu-item:first-child {
display: none;
}
}
.header__menu--main .js-desk.menu-item.mm-active {
background-color: #fff;
}
.header__menu--main .js-desk.menu-item.mm-active a:not(.btn) {
color: #CC141E;
}
@media (min-width: 960px) {
.header__menu--main {
display: flex;
}
.header__menu--main .menu-container {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
}
.header__menu--main .js-desk.menu-item-has-children > ul {
background-color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.header__menu--main .js-desk.menu-item:not(.cta) a:not(.btn) {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
line-height: 60px;
}
.header__menu--main .js-desk.menu-item .level-2 .menu__links-col > .menu-item > a {
line-height: 50px;
padding-top: 15px;
}
@media (min-width: 720px) and (max-width: 959.98px) {
.header__menu--main .js-desk.menu-item .level-2 .menu__links-col > .menu-item > a {
padding-left: 12px;
padding-right: 12px;
}
}
.header__menu--main .js-desk.menu-item .menu-item a:not(.btn) {
color: #25292E;
}
.header__menu--main .js-desk.menu-item .menu-item-has-children ul .menu-item a:not(.btn) {
line-height: 38px;
font-weight: normal;
font-size: 14px;
}
@media (min-width: 960px) {
.header__menu--main .js-desk.menu-item > ul {
position: absolute;
left: 50%;
width: 100%;
z-index: 99;
overflow: hidden;
transform: translateX(-50%);
display: flex;
flex-wrap: wrap;
}
.header__menu--main .js-desk.menu-item > ul .container, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) {
display: flex;
}
.header__menu--main .js-desk.menu-item > ul .container > .menu__links-col > .menu-item, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) > .menu__links-col > .menu-item, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) > .menu__links-col > .menu-item {
width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu--main .js-desk.menu-item > ul .container > .menu__links-col > .menu-item, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) > .menu__links-col > .menu-item, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) > .menu__links-col > .menu-item {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.header__menu--main .js-desk.menu-item > ul .container > .menu__links-col > .menu-item, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) > .menu__links-col > .menu-item, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) > .menu__links-col > .menu-item {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.header__menu--main .js-desk.menu-item > ul .container > .menu__links-col > .menu-item ul, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) > .menu__links-col > .menu-item ul, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) > .menu__links-col > .menu-item ul {
display: block !important;
height: auto !important;
}
.header__menu--main .js-desk.menu-item > ul .container .level-3 .menu-item:last-child, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) .level-3 .menu-item:last-child, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) .level-3 .menu-item:last-child {
padding-bottom: 16px;
}
.header__menu--main .js-desk.menu-item > ul .container .level-3 .menu-item a:hover, .header__menu--main .js-desk.menu-item > ul .header .js-desk.menu-item:not(.cta) a:not(.btn) .level-3 .menu-item a:hover, .header .js-desk.menu-item:not(.cta) .header__menu--main .js-desk.menu-item > ul a:not(.btn) .level-3 .menu-item a:hover {
color: #CC141E;
}
}
.header__menu--secondary {
background-color: #25292E;
}
@media (max-width: 959.98px) {
.header__menu--secondary {
padding-top: 16px;
}
}
.header__menu--secondary .js-desk.menu-item a:not(.btn) {
font-size: 14px;
line-height: 22px;
font-weight: normal;
line-height: 50px;
justify-content: flex-start !important;
}
@media (min-width: 960px) {
.header__menu--secondary {
display: flex;
position: relative;
z-index: 9999;
}
.header__menu--secondary .menu-container {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}
.header__menu--secondary .js-desk.menu-item.mm-active, .header__menu--secondary .js-desk.menu-item:hover {
background-color: #343940;
}
.header__menu--secondary .js-desk.menu-item a {
font-size: 12px !important;
line-height: 40px;
font-weight: normal;
}
.header__menu--secondary .js-desk.menu-item > ul {
position: relative;
z-index: -1 !important;
display: block !important;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s;
}
.header__menu--secondary .js-desk.menu-item > ul a {
line-height: 37px !important;
}
.header__menu--secondary .js-desk.menu-item:hover > ul {
z-index: 9 !important;
opacity: 1;
visibility: visible;
}
.header__menu--secondary .menu-item.menu-item-has-children > ul {
position: absolute;
z-index: 999;
background-color: #343940;
margin-left: -8px;
}
.header__menu--secondary .menu-item.menu-item-has-children > ul .menu-item a:not(.btn) {
color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.header__menu--secondary .menu-item.menu-item-has-children > ul .menu-item a:not(.btn):hover {
background-color: #25292E;
}
}
@media (min-width: 1280px) {
.header__menu--secondary .menu-item.menu-item-has-children > ul {
margin-left: -15px;
}
.header__menu--secondary .menu-item.menu-item-has-children a:not(.btn) {
line-height: 50px;
}
}
@media (min-width: 960px) {
.header__menu__external-links {
display: flex;
}
}
.header .menu-item ul {
transition: height 0.2s ease-in;
}
@media (max-width: 959.98px) {
.header .menu-item ul {
overflow: hidden;
}
.header .menu-item ul li {
padding: 0 12px;
}
}
.header .menu-item ul.mm-collapse:not(.mm-show) {
display: none;
}
.header .menu-item ul.mm-collapsing {
height: 0;
overflow: hidden;
transition-timing-function: ease;
transition-duration: 0.35s;
transition-property: height, visibility;
}
.header .menu-item > a .menu__icon {
font-size: 24px;
}
.header .menu-item > a .menu__icon .menu__icon--is-closed {
display: inline-block;
}
.header .menu-item > a .menu__icon .menu__icon--is-opened {
display: none;
}
.header .menu-item.mm-active > a .menu__icon .menu__icon--is-opened {
display: inline-block;
}
.header .menu-item.mm-active > a .menu__icon .menu__icon--is-closed {
display: none;
}
@media (min-width: 960px) {
body.menu--is-opened {
overflow: hidden;
}
body.menu--is-opened::after {
content: "";
opacity: 0.7;
z-index: 9;
}
body::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: black;
width: 100%;
height: 100%;
opacity: 0;
z-index: -1;
transition: all 0.2s ease-in;
}
}
.header__menu--main .js-desk.menu-item .menu-item a:not(.btn)[href="#"] {
cursor: default;
}
.tabs {
display: flex;
width: 100%;
border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 959.98px) {
.tabs {
overflow-x: auto;
}
}
.tabs__link {
position: relative;
display: flex;
align-items: center;
padding: 20px 20px 20px 0;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #25292E;
opacity: 0.6;
transition: all 250ms ease-out;
white-space: nowrap;
}
@media (min-width: 960px) {
.tabs__link {
padding-left: 20px;
font-size: 16px;
line-height: 19px;
}
.tabs__link:hover {
opacity: 1;
}
}
.tabs__link .icon {
display: none;
font-size: 18px;
margin-right: 16px;
}
@media (min-width: 960px) {
.tabs__link .icon {
display: inline-block;
}
}
.tabs__link::before {
content: "";
background-color: #CC141E;
position: absolute;
width: 0;
height: 3px;
bottom: 0;
left: 0;
transition: width 0.2s;
}
.tabs__link.tabs__link--selected {
opacity: 1;
}
.tabs__link.tabs__link--selected::before {
width: 100%;
}
.tabs__content [js-tabs-displayed=false] {
display: none;
}
.tabs__content [js-tabs-displayed=true] {
display: block;
}
.popin-cta {
position: fixed;
right: 16px;
bottom: 16px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
background-color: #fff;
z-index: 10;
width: 233px;
}
.popin-cta .title {
position: relative;
background-color: #25292E;
height: 38px;
padding: 8px 8px 8px 64px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
}
.popin-cta .title:not(.is-open) .w-icons .toggle-btn:before {
content: "\e949";
}
.popin-cta .title .icon-msg {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #949494;
position: absolute;
left: 0;
bottom: 0;
}
.popin-cta .title .w-icons {
color: #fff;
display: flex;
gap: 8px;
font-size: 18px;
}
.popin-cta .title .w-icons .icon {
transition: all 250ms ease-out;
cursor: pointer;
}
@media (min-width: 960px) {
.popin-cta .title .w-icons .icon:hover {
color: #CC141E;
}
}
.popin-cta .wrap {
max-height: 300px;
transition: max-height 0.2s ease-in-out;
}
.popin-cta .wrap .inner {
padding: 24px;
text-align: center;
}
.popin-cta .wrap .cta {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}
.no-result {
display: flex;
flex-direction: column;
max-width: 600px;
margin: 0 auto;
align-items: center;
text-align: center;
}
.no-result__icon {
width: 64px;
}
.no-result__title {
color: #CC141E;
margin: 16px 0;
} #breadcrumb {
display: none;
padding-left: 15px;
position: relative;
}
@media (min-width: 720px) {
#breadcrumb {
display: block;
}
}
#breadcrumb:before {
content: "";
display: block;
width: 5px;
height: 5px;
background-color: #CC141E;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#breadcrumb a {
font-size: 14px;
line-height: 22px;
color: #949494;
opacity: 0.6;
padding-right: 20px;
transition: all 250ms ease-out;
position: relative;
}
@media (min-width: 960px) {
#breadcrumb a:hover {
opacity: 1;
}
}
#breadcrumb a:after {
content: "\e94b";
font-family: "icomoon";
font-size: 20px;
color: inherit;
font-weight: 400;
position: absolute;
right: -2px;
top: -3px;
}
#breadcrumb .breadcrumb_last {
opacity: 1;
color: #949494;
font-size: 14px;
line-height: 22px;
}
.page-header {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
padding: 40px 0; }
@media (min-width: 720px) {
.page-header {
padding: 60px 0;
}
}
@media (min-width: 1280px) {
.page-header {
padding: 40px 0;
}
}
@media (min-width: 960px) {
.page-header {
flex-direction: row;
flex-wrap: wrap;
}
}
.page-header .row {
position: relative;
}
.page-header__bg {
display: block;
height: 100%;
position: absolute;
top: 0;
background: #F4F4F4;
height: 200px;
}
@media (min-width: 720px) {
.page-header__bg {
width: calc(8 * (720px - 24px) / 12 + 0px + 300px);
left: calc((100% - (720px - 24px / 2)) / 2 + (12 - 8) * 720px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 960px) {
.page-header__bg {
width: calc(8 * (940px - 0px) / 12 + 0px + 300px);
left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 8) * 940px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1280px) {
.page-header__bg {
width: calc(8 * (1200px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 8) * 1200px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1600px) {
.page-header__bg {
width: calc(8 * (1400px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 8) * 1400px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 720px) {
.page-header__bg {
width: calc(4 * (720px - 24px) / 12 + 0px + 300px);
left: calc((100% - (720px - 24px / 2)) / 2 + (12 - 4) * 720px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 960px) {
.page-header__bg {
width: calc(4 * (940px - 0px) / 12 + 0px + 300px);
left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 4) * 940px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1280px) {
.page-header__bg {
width: calc(4 * (1200px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 4) * 1200px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1600px) {
.page-header__bg {
width: calc(4 * (1400px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 4) * 1400px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 960px) {
.page-header__bg {
height: 400px;
}
}
@media (min-width: 1280px) {
.page-header__bg {
height: 380px;
}
}
@media (min-width: 1600px) {
.page-header__bg {
height: 450px;
}
}
.page-header .wrap {
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 960px) {
.page-header .wrap {
flex-direction: row;
}
}
.page-header__image {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.page-header__image {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.page-header__image {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.page-header__image {
width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-header__image {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-header__image {
padding-right: 12px;
}
}
.page-header__image--inner {
position: relative;
width: 100%;
}
@media (max-width: 959.98px) {
.page-header__image--inner {
max-width: 80%;
margin-left: auto;
}
}
.page-header__image--inner img {
max-width: 100%;
}
.page-header__image--inner:before {
content: "";
background: linear-gradient(360deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50.28%);
z-index: 1;
}
@media (min-width: 960px) {
.page-header__image--inner:before {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 51.85%);
}
}
.page-header__text {
width: 100%;
padding-left: 6px;
padding-right: 6px;
z-index: 9; }
@media (min-width: 720px) {
.page-header__text {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.page-header__text {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.page-header__text {
margin-top: -40px;
}
}
@media (min-width: 960px) and (max-width: 1279.98px) {
.page-header__text {
padding-bottom: 0;
}
}
@media (min-width: 720px) {
.page-header__text {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-right: 8.3333333333%;
font-size: 60px;
line-height: 65px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.page-header__text {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.page-header__text {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.page-header__text {
width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
padding: 80px 12px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-header__text {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-header__text {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.page-header__text {
margin-left: 8.3333333333%;
width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.page-header__text {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.page-header__text {
padding-right: 12px;
}
}
.page-header__description p {
font-size: 20px;
line-height: 32px;
}
.page-header__btn-container {
margin-top: 32px;
}
.page-header__breadcrumb {
display: none;
}
@media (min-width: 720px) {
.page-header__breadcrumb {
display: block;
}
}
@media (min-width: 720px) and (max-width: 959.98px) {
.page-header__breadcrumb + * {
margin-top: 40px;
}
}
@media (min-width: 960px) {
.page-header__breadcrumb {
position: absolute;
left: 12px;
width: 100%;
top: 15px;
z-index: 10;
}
}
.subpage {
position: relative;
}
.subpage:before {
content: "";
display: block;
position: absolute;
right: 0;
top: 160px;
bottom: 0;
width: 100%;
background-color: #F4F4F4;
}
@media (min-width: 720px) {
.subpage:before {
width: 80%;
}
}
@media (min-width: 1280px) {
.subpage .row {
margin-left: -20px;
margin-right: -20px;
}
}
.subpage .w-subpage {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
width: 100%;
}
@media (min-width: 720px) {
.subpage .w-subpage {
margin-bottom: -40px;
}
}
@media (min-width: 1280px) {
.subpage .w-subpage {
margin-bottom: -60px;
}
}
.subpage .w-subpage .card {
width: 100%;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 20px;
}
@media (min-width: 720px) {
.subpage .w-subpage .card {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.subpage .w-subpage .card {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.subpage .w-subpage .card {
width: 50%;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 40px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.subpage .w-subpage .card {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.subpage .w-subpage .card {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.subpage .w-subpage .card {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.subpage .w-subpage .card {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.subpage .w-subpage .card {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.subpage .w-subpage .card {
margin-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
}
.home-products .w-products {
background-color: #CC141E;
position: relative;
padding: 40px 30px;
}
@media (min-width: 720px) {
.home-products .w-products {
padding: 60px;
}
}
@media (min-width: 960px) {
.home-products .w-products {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 0;
padding-right: 0;
padding: 85px 100px;
}
}
@media (min-width: 1280px) {
.home-products .w-products {
padding: 85px 300px 85px 100px;
}
}
.home-products .w-products .wrap {
position: relative;
z-index: 1;
}
.home-products .w-products .wrap h2 {
color: #fff;
}
.home-products .w-products .wrap .headline:before {
background-color: #fff;
}
@media (min-width: 960px) {
.home-products .w-products .wrap .btn:hover {
background-color: #fff;
color: #CC141E;
border-color: #fff;
}
}
.home-products .w-products__bg {
mix-blend-mode: darken;
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 0;
background-image: url(//socinformatique.fr/app/themes/SocInformatique/build/images/bg_product.png);
}
@media (max-width: 479.98px) {
.home-products .w-products .btn {
font-size: 15px;
padding: 8px 10px;
}
}
.home-products .help-block {
padding: 40px 0;
}
@media (min-width: 720px) {
.home-products .help-block {
padding: 60px 0;
}
}
@media (min-width: 1280px) {
.home-products .help-block {
padding: px 0;
}
}
@media (min-width: 1280px) {
.home-products .help-block .w-products {
padding: 80px 100px 60px 100px;
}
}
.home-products .help-block .w-products .wrap {
display: flex;
gap: 40px;
flex-direction: column;
}
@media (min-width: 720px) {
.home-products .help-block .w-products .wrap {
justify-content: space-between;
flex-direction: row;
}
}
.home-products .help-block .w-products .wrap .btn {
margin-top: 20px;
}
.summary .wrap {
padding: 24px;
}
@media (min-width: 1280px) {
.summary .wrap {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.summary .wrap {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.summary .wrap {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.summary .wrap {
padding: 48px;
}
}
.summary .wrap .title {
margin-bottom: 16px;
}
@media (min-width: 960px) {
.summary .wrap .title {
margin-bottom: 24px;
}
}
.summary .wrap #toc {
display: flex;
flex-direction: column;
}
.summary .wrap #toc li::before {
color: #fff;
}
.summary .wrap #toc a:hover {
color: #949494;
}
.card__support--inner {
position: relative;
padding: 40px;
background-color: #fff;
height: 100%;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
.card__support--inner:hover {
transform: translateY(-20px);
box-shadow: 2px 20px 14px -17px rgba(37, 41, 46, 0.2);
}
}
.card__support--inner .square {
position: absolute;
left: 0;
top: 125px;
}
.card__support--inner .icon {
width: 52px;
height: 52px;
}
.card__support--inner .title {
margin-top: 20px;
margin-bottom: 15px;
}
.card__support--inner .desc {
color: #343940;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
.card {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 960px) {
.card:hover .btn {
color: #CC141E;
}
.card:hover .btn--primary {
color: #fff;
background-color: #343940;
}
}
.card__img {
position: relative;
overflow: hidden;
}
.card__img:before {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 56.25%;
}
.card__img > img {
position: absolute;
text-align: center;
max-width: 100%;
width: 100%;
height: auto;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.card__inner {
height: 100%;
background-color: #fff;
position: relative;
display: flex;
flex-direction: column;
}
.card__content {
padding: 30px 40px;
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: flex-start;
}
.card__content p {
margin-bottom: 25px;
width: 100%;
}
.card__title {
color: #25292E;
margin-bottom: 25px;
margin-top: 5px;
}
.card__title::before {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
left: 0;
background-color: #CC141E;
margin-top: 4px;
}
.card__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 3px;
}
.card__tags .card-tag {
text-transform: uppercase;
border: 1px solid #CC141E;
height: 24px;
padding: 0 6px;
color: #CC141E;
font-size: 12px;
}
.card__info-title {
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #949494;
}
.card__button {
margin-top: auto;
}
.card .btn {
margin-top: auto;
}
.card-search {
background-color: #fff;
padding: 24px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.card-search .square {
width: 15px;
height: 15px;
background-color: #CC141E;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.card-search .w-titles {
padding: 0 15px;
}
.card-search .title {
margin-bottom: 4px;
}
.waiting-results {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-right: -6px;
margin-left: -6px;
}
@media (min-width: 720px) {
.waiting-results {
margin-right: -12px;
margin-left: -12px;
}
}
.waiting-results .card-container {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.waiting-results .card-container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.waiting-results .card-container {
padding-right: 12px;
}
}
.waiting-results .card-container:not(:last-child) {
margin-bottom: 30px;
}
@media (min-width: 720px) and (max-width: 959.98px) {
.waiting-results .card-container:nth-child(n+3) {
display: none;
}
}
@media (min-width: 720px) {
.waiting-results .card-container {
width: 50%;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 30px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.waiting-results .card-container {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.waiting-results .card-container {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.waiting-results .card-container {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.waiting-results .card-container {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.waiting-results .card-container {
padding-right: 12px;
}
}
.waiting-results .card-container .w-card {
background-color: #fff;
height: 270px;
padding: 30px 40px;
display: flex;
flex-direction: column;
}
.waiting-results .card-container .wait__img {
padding-top: 55%;
}
.waiting-results .card-container .wait__headline {
height: 18px;
width: 35%;
}
.waiting-results .card-container .wait__headline + .wait__title {
margin-top: 15px;
}
.waiting-results .card-container .wait__title {
height: 24px;
width: 90%;
}
.waiting-results .card-container .wait__desc {
height: 55px;
margin-top: 20px;
width: 100%;
}
.waiting-results .card-container .wait__btn {
margin-top: auto;
height: 25px;
width: 40%;
}
.waiting-results .waiting-comment {
width: 100%;
padding: 20px;
background: #fff;
box-shadow: 0 5px 2px -5px rgba(0, 0, 0, 0.35);
display: flex;
flex-direction: column;
}
.waiting-results .waiting-comment:not(:last-child) {
margin-bottom: 30px;
}
@media (min-width: 960px) {
.waiting-results .waiting-comment {
flex-direction: row;
align-items: center;
padding: 30px;
}
}
.waiting-results .waiting-comment__media {
width: 60px;
height: 60px;
}
@media (min-width: 960px) {
.waiting-results .waiting-comment__media {
margin-right: 30px;
width: 105px;
height: 105px;
}
.rtl .waiting-results .waiting-comment__media {
margin-right: 0;
margin-left: 30px;
}
}
.waiting-results .waiting-comment__content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
margin-top: 7px;
width: 100%;
}
.waiting-results .waiting-comment__date {
height: 16px;
width: 85px;
padding-bottom: 0;
}
@media (min-width: 960px) {
.waiting-results .waiting-comment__date {
padding-top: 10spx;
}
}
.waiting-results .waiting-comment__title {
width: 370px;
max-width: 80%;
height: 22px;
margin-top: 4px;
margin-bottom: 15px;
}
.waiting-results .waiting-comment__btn--inline {
height: 30px;
width: 120px;
}
.waiting-results .waiting-comment__btn {
height: 40px;
width: 95px;
}
@media (max-width: 959.98px) {
.waiting-results .waiting-comment__btn {
margin-top: 20px;
}
}
.animated-background {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: #eeeeee;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
-webkit-background-size: 800px 104px;
background-size: 800px 104px;
height: auto;
position: relative;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.card-faq.is-first .card__content {
height: auto;
}
.card-faq.is-open .card__arrow {
transform: rotate(-90deg);
}
.card-faq .card__header {
background-color: #F4F4F4;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 16px 16px 16px 32px;
cursor: pointer;
}
.card-faq .card__arrow {
transition: all 250ms ease-out;
}
.card-faq .card__title {
margin: 0;
transition: color 250ms ease-out;
}
.card-faq .card__content {
height: 0;
padding: 0;
transition: height 0.25s cubic-bezier(0, 0, 0.58, 1), padding 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.card-faq .card__content__inner {
background-color: #D6D6D6;
padding: 16px;
}
@media (min-width: 960px) {
.card-faq:hover .card__title {
color: #CC141E;
}
}
.flex-cta__container {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-cta__container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-cta__container {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.flex-double-column::before {
content: attr(data-background-text);
position: absolute;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 80px;
color: #D6D6D6;
opacity: 0.4;
z-index: -1;
left: 0;
margin-top: -calc(40px-10px);
}
}
@media (max-width: 959.98px) and (min-width: 720px) and (max-width: 959.98px) {
.flex-double-column::before {
padding-left: 36px;
}
}
@media (min-width: 960px) {
.flex-double-column .container::before, .flex-double-column .header .js-desk.menu-item:not(.cta) a:not(.btn)::before, .header .js-desk.menu-item:not(.cta) .flex-double-column a:not(.btn)::before {
margin-top: -calc(60px-10px);
}
}
@media (min-width: 1280px) {
.flex-double-column .container::before, .flex-double-column .header .js-desk.menu-item:not(.cta) a:not(.btn)::before, .header .js-desk.menu-item:not(.cta) .flex-double-column a:not(.btn)::before {
margin-top: -calc(40px-10px);
}
}
@media (min-width: 960px) {
.flex-double-column .container::before, .flex-double-column .header .js-desk.menu-item:not(.cta) a:not(.btn)::before, .header .js-desk.menu-item:not(.cta) .flex-double-column a:not(.btn)::before {
content: attr(data-background-text);
position: absolute;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 156px;
line-height: 185px;
color: #D6D6D6;
opacity: 0.4;
z-index: -1;
left: 0;
margin-left: 8.3333333333%;
}
}
.flex-double-column .w-double-column {
width: 100%;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 720px) {
.flex-double-column .w-double-column {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 960px) {
.flex-double-column .w-double-column {
margin-left: 16.6666666667%;
width: 66.6666666667%;
padding-left: 0;
padding-right: 0;
}
}
.flex-double-column__desc {
margin-top: 15px;
margin-bottom: 30px;
}
@media (min-width: 960px) {
.flex-double-column__desc {
margin-bottom: 40px;
}
}
.flex-double-column__row {
display: flex;
flex-wrap: wrap;
margin-right: -6px;
margin-left: -6px;
}
@media (min-width: 720px) {
.flex-double-column__row {
margin-right: -12px;
margin-left: -12px;
}
}
.flex-double-column__left, .flex-double-column__right {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-double-column__left, .flex-double-column__right {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-double-column__left, .flex-double-column__right {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-double-column__left, .flex-double-column__right {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-double-column__left, .flex-double-column__right {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-double-column__left, .flex-double-column__right {
padding-right: 12px;
}
}
.flex-image-full__image {
position: relative;
overflow: hidden;
}
.flex-image-full__image:before {
content: "";
display: block;
position: relative;
width: 100%;
padding-top: 60%;
}
@media (min-width: 960px) {
.flex-image-full__image:before {
padding-top: 40%;
}
}
.flex-image-full__image img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
max-width: 100%;
height: auto;
}
.flex-latest {
position: relative;
}
.flex-latest:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 200px;
background-color: #F4F4F4;
z-index: -1;
}
@media (min-width: 720px) {
.flex-latest:after {
height: 310px;
}
}
@media (min-width: 960px) {
.flex-latest:after {
height: 230px;
}
}
.flex-latest .w-latest {
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
@media (min-width: 720px) {
.flex-latest .w-latest {
margin-bottom: 35px;
}
}
@media (min-width: 1280px) {
.flex-latest .w-latest {
margin-bottom: 50px;
}
}
@media (min-width: 960px) {
.flex-latest .w-latest {
flex-direction: row;
align-items: center;
}
}
.flex-latest .w-latest .btn {
padding: 0;
}
.flex-latest__title {
width: 100%;
padding-left: 0;
padding-right: 0;
color: #25292E;
margin-bottom: 20px;
}
@media (min-width: 960px) {
.flex-latest__title {
margin-left: 8.3333333333%;
width: 66.6666666667%;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
}
@media (min-width: 960px) {
.flex-latest__list {
margin-left: -25px;
margin-right: -25px;
}
}
.flex-latest__list .card {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (max-width: 719.98px) {
.flex-latest__list .card:nth-child(n+2) {
display: none;
}
}
@media (min-width: 720px) {
.flex-latest__list .card {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-latest__list .card {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-latest__list .card {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-latest__list .card {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-latest__list .card {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-latest__list .card {
padding-left: 25px;
padding-right: 25px;
}
}
.flex-list-files__container {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-list-files__container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-list-files__container {
padding-right: 12px;
}
}
.flex-media--video__container {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
display: flex;
}
@media (min-width: 720px) {
.flex-media--video__container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-media--video__container {
padding-right: 12px;
}
}
.flex-media--video__container > * {
margin: 0 auto;
}
.flex-media--img__container {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
display: flex;
}
@media (min-width: 720px) {
.flex-media--img__container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-media--img__container {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-media--img__container {
margin-left: 8.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-media--img__container {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-media--img__container {
padding-right: 12px;
}
}
.flex-media--img__container > img {
max-width: 100%;
width: auto;
margin: 0 auto;
height: auto;
}
.flex-media--cta {
text-align: center;
width: 100%;
margin-top: 16px;
}
.flex-pages {
position: relative;
overflow: hidden;
}
.flex-pages__bg {
display: block;
height: 100%;
position: absolute;
top: 0;
background: #F4F4F4;
height: 245px;
top: auto;
bottom: 0;
}
@media (min-width: 720px) {
.flex-pages__bg {
width: calc(12 / 12 * 100% + 0px);
right: 0;
}
}
@media (min-width: 960px) {
.flex-pages__bg {
width: calc(12 / 12 * 100% + 0px);
right: 0;
}
}
@media (min-width: 1280px) {
.flex-pages__bg {
width: calc(12 / 12 * 100% + 0px);
right: 0;
}
}
@media (min-width: 1600px) {
.flex-pages__bg {
width: calc(12 / 12 * 100% + 0px);
right: 0;
}
}
@media (min-width: 720px) {
.flex-pages__bg {
width: calc(12 / 12 * 100% + 0px);
right: 0;
}
}
@media (min-width: 960px) {
.flex-pages__bg {
width: calc(7 * (940px - 0px) / 12 + 0px + 300px);
left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 7) * 940px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1280px) {
.flex-pages__bg {
width: calc(7 * (1200px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 7) * 1200px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1600px) {
.flex-pages__bg {
width: calc(7 * (1400px - 0px) / 12 + 0px + 300px);
left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 7) * 1400px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 720px) {
.flex-pages__bg {
height: 500px;
}
}
@media (min-width: 960px) {
.flex-pages__bg {
height: 100%;
top: 0;
bottom: 80px;
}
}
.flex-pages .w-flex-pages {
display: flex;
width: 100%;
}
@media (max-width: 959.98px) {
.flex-pages .w-flex-pages {
flex-direction: column;
}
}
.flex-pages__content {
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
flex-direction: column;
}
@media (min-width: 720px) {
.flex-pages__content {
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-pages__content {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-pages__content {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-pages__content {
width: 25%;
padding-left: 0;
padding-right: 0;
}
}
.flex-pages__content h2 + p {
margin-top: 10px;
}
@media (min-width: 960px) {
.flex-pages__content h2 + p {
margin-top: 40px;
}
}
.flex-pages__navigation {
display: flex;
margin-top: 24px;
margin-bottom: 24px;
}
@media (min-width: 960px) {
.flex-pages__navigation {
margin-top: 60px;
margin-bottom: 0;
}
}
.flex-pages__navigation .slider-btn {
position: relative;
transform: none;
top: 0;
}
.flex-pages__slider {
width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-pages__slider {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-pages__slider {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-pages__slider {
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-pages__slider {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-pages__slider {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-pages__slider {
width: 66.6666666667%;
padding-left: 0;
padding-right: 0;
}
}
.flex-pages__slider .slider-pagination {
justify-content: center;
margin-top: 35px;
}
@media (min-width: 960px) {
.flex-pages__slider .slider-pagination {
margin-top: 60px;
}
}
.flex-pages__slider .swiper-slide {
height: auto;
}
.flex-pages__slider .swiper-slide .card {
height: 100%;
}
.flex-pages__title {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-pages__title {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-pages__title {
padding-right: 12px;
}
}
.flex-pages__card {
background-color: #fff;
}
.flex-pages__card .card__content {
align-items: flex-start;
padding-bottom: 40px;
}
.flex-pages .w-card img {
width: 100%;
}
.flex-partners__title {
margin-bottom: 20px;
}
@media (min-width: 960px) {
.flex-partners__title {
margin-left: 8.3333333333%;
margin-bottom: 45px;
}
}
.flex-partners .partners-swiper {
margin: 10px;
}
.flex-partners__slider {
width: 100%;
position: relative;
}
@media (min-width: 720px) {
.flex-partners__slider {
margin-left: 8.3333333333%;
margin-right: 8.3333333333%;
width: 83.3333333333%;
padding-left: 0;
padding-right: 0;
}
}
.flex-partners__slider .swiper-container {
width: 60%;
}
@media (min-width: 720px) {
.flex-partners__slider .swiper-container {
width: 100%;
}
}
.flex-partners__slider .swiper-container .swiper-wrapper {
display: flex;
align-items: center;
}
.flex-partners__slider .swiper-container .swiper-wrapper .w-img img {
max-width: 100%;
width: 100%;
height: auto;
filter: grayscale(0);
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
.flex-partners__slider .swiper-container .swiper-wrapper .w-img:hover img {
filter: grayscale(1);
}
}
.flex-partners__slider .slider-btn__prev {
left: 0;
}
@media (min-width: 720px) {
.flex-partners__slider .slider-btn__prev {
left: -48px;
}
}
@media (min-width: 960px) {
.flex-partners__slider .slider-btn__prev {
left: -60px;
}
}
@media (min-width: 1280px) {
.flex-partners__slider .slider-btn__prev {
left: -80px;
}
}
.flex-partners__slider .slider-btn__next {
right: 0;
}
@media (min-width: 720px) {
.flex-partners__slider .slider-btn__next {
right: -48px;
}
}
@media (min-width: 960px) {
.flex-partners__slider .slider-btn__next {
right: -60px;
}
}
@media (min-width: 1280px) {
.flex-partners__slider .slider-btn__next {
right: -80px;
}
}
.flex-partners .slider-pagination {
display: flex;
justify-content: center;
margin-top: 20px;
width: 100%;
}
.flex-partners__title {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-partners__title {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-partners__title {
padding-right: 12px;
}
}
.flex-quote__container {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-quote__container {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-quote__container {
padding-right: 12px;
}
}
.flex-text-image {
position: relative;   }
.flex-text-image__row {
align-items: center;
}
@media (min-width: 720px) {
.flex-text-image__row--left {
flex-direction: row-reverse;
}
}
.flex-text-image__text, .flex-text-image__image {
position: relative;
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-text-image__text, .flex-text-image__image {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-text-image__text, .flex-text-image__image {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-text-image__text, .flex-text-image__image {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-image__text, .flex-text-image__image {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-image__text, .flex-text-image__image {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-text-image__text {
margin-left: 8.3333333333%;
margin-right: 8.3333333333%;
}
}
.flex-text-image__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 75%;
filter: grayscale(100%);
opacity: 0.4;
background-repeat: no-repeat;
background-size: cover;
}
.flex-text-image__background::before {
content: "";
position: absolute;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #F4F4F4;
}
@media (min-width: 960px) {
.flex-text-image__background {
height: 100%;
width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-image__background {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-image__background {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.flex-text-image__image {
margin-top: 40px;
}
}
.flex-text-image__image--with-square .img-container::after {
content: "";
position: absolute;
width: 40px;
height: 40px;
right: 0;
bottom: 3px;
background: #CC141E;
}
@media (min-width: 720px) {
.flex-text-image__image .img-container {
position: relative;
overflow: hidden;
}
.flex-text-image__image .img-container > img {
width: 100%;
}
.flex-text-image__image .img-container.portrait:before {
content: "";
display: block;
position: relative;
width: 100%;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-text-image__image .img-container.portrait:before {
padding-top: 133.333%;
}
}
@media (min-width: 720px) {
.flex-text-image__image .img-container.portrait > img {
position: absolute;
text-align: center;
max-width: none;
max-height: 100%;
height: 100%;
width: auto;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.flex-text-image__image .img-container.landscape:before {
content: "";
display: block;
position: relative;
width: 100%;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-text-image__image .img-container.landscape:before {
padding-top: 75%;
}
}
@media (min-width: 720px) {
.flex-text-image__image .img-container.landscape > img {
position: absolute;
text-align: center;
max-width: 100%;
width: 100%;
height: auto;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
.flex-text-image__image iframe {
max-width: 100%;
}
.flex-text-image .headline {
margin-bottom: 6px;
}
.flex-text-image .btn {
margin-top: 16px;
margin-bottom: 48px;
}
.flex-text-image .video-gallery .iframe-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; overflow: hidden;
}
.flex-text-image .video-gallery .iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-text-image .video-gallery .legend {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
padding: 0 3px;
}
.flex-text-image .video-gallery .legend .wrap {
position: relative;
width: 89px;
height: 60px;
cursor: pointer;
}
@media (min-width: 960px) and (max-width: 1279.98px) {
.flex-text-image .video-gallery .legend .wrap {
width: 67px;
height: 45px;
}
}
.flex-text-image .video-gallery .legend .wrap.active {
outline: 3px solid #25292E;
}
.flex-text-image .video-gallery .legend .wrap img {
max-width: 100%;
height: 100%;
object-fit: cover;
}
.flex-text-image .video-gallery .legend .wrap .icon {
font-size: 30px;
color: #fff;
}
.flex-text-image .video-gallery .caption {
margin-top: 12px;
}
.flex-title-text__title, .flex-title-text__text {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-title-text__title, .flex-title-text__text {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-title-text__title, .flex-title-text__text {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-title-text__title, .flex-title-text__text {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-title-text__title, .flex-title-text__text {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-title-text__title, .flex-title-text__text {
padding-right: 12px;
}
}
.flex-title-text__title {
margin-bottom: 8px;
}
@media (min-width: 960px) {
.flex-title-text__title {
margin-left: 16.6666666667%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text__title {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text__title {
padding-right: 12px;
}
}
.flex-title-text__title::before {
content: attr(data-background-text);
position: absolute;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 80px;
color: #D6D6D6;
opacity: 0.4;
z-index: -1;
left: 0;
margin-top: calc(-40px);
}
@media (min-width: 1280px) {
.flex-title-text__title::before {
margin-top: calc(-40px);
}
}
@media (min-width: 960px) {
.flex-title-text__title::before {
margin-left: 8.3333333333%;
font-size: 136px;
line-height: 110px;
}
}
@media (min-width: 960px) {
.flex-title-text__text {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text__text {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text__text {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.flex-title-text .btn {
margin-top: 16px;
}
}
@media (min-width: 960px) {
.flex-title-text .btn {
margin-left: auto;
}
}
.flex-title-text.cta-block .row {
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 960px) {
.flex-title-text.cta-block .row {
margin-left: 8.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
flex-direction: row;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text.cta-block .row {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-title-text.cta-block .row {
padding-right: 12px;
}
}
.flex-title-text.cta-block .row .flex-title-text__title {
width: 100%;
text-align: center;
}
.flex-title-text.cta-block .row .flex-title-text__title:before {
margin-left: 0;
}
@media (min-width: 720px) {
.flex-title-text.cta-block .row .flex-title-text__title {
margin: 0;
padding: 0;
flex: 1;
max-width: 100%;
}
}
@media (min-width: 960px) {
.flex-title-text.cta-block .row .flex-title-text__title {
text-align: left;
}
}
@media (min-width: 960px) {
.flex-wysiwyg {
position: relative;
}
}
@media (max-width: 959.98px) {
.flex-wysiwyg::before {
content: attr(data-background-text);
position: absolute;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 80px;
color: #D6D6D6;
opacity: 0.4;
z-index: -1;
margin-top: -70px;
left: 0;
}
}
@media (max-width: 959.98px) and (min-width: 720px) and (max-width: 959.98px) {
.flex-wysiwyg::before {
padding-left: 36px;
}
}
@media (min-width: 960px) {
.flex-wysiwyg .container::before, .flex-wysiwyg .header .js-desk.menu-item:not(.cta) a:not(.btn)::before, .header .js-desk.menu-item:not(.cta) .flex-wysiwyg a:not(.btn)::before {
content: attr(data-background-text);
position: absolute;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 156px;
line-height: 185px;
color: #D6D6D6;
opacity: 0.4;
z-index: -1;
margin-top: -30px;
left: 0;
margin-left: 8.3333333333%;
}
}
.flex-wysiwyg .wysiwyg {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-right: 12px;
}
}
@media (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
margin-left: 8.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-wysiwyg .wysiwyg {
margin-left: 16.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-wysiwyg .wysiwyg {
padding-right: 12px;
}
}
.flex-wysiwyg .headline {
margin-bottom: 6px;
}
.flex-wysiwyg .btn {
margin-top: 35px;
}
@media (min-width: 1280px) {
.page-list .inner {
margin-left: 8.3333333333%;
width: 83.3333333333%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 720px) {
.page-list .row {
justify-content: center;
}
}
.page-list .card {
justify-content: start;
width: 100%;
padding-left: 6px;
padding-right: 6px; }
@media (min-width: 720px) {
.page-list .card {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.page-list .card {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.page-list .card-half {
width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-list .card-half {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-list .card-half {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.page-list .card-third {
width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-list .card-third {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.page-list .card-third {
padding-right: 12px;
}
}
.page-list .card + .card {
margin-top: 32px;
}
@media (min-width: 480px) {
.page-list .card + .card {
margin-top: 0;
}
}
.page-list .card .icon {
height: 40px;
width: 40px;
margin: 0 auto 15px;
display: inline-block;
}
.page-list .card .icon.large {
height: 80px;
width: 80px;
margin: 0 auto 30px;
}
@media (min-width: 960px) {
.page-list .card .icon.large {
margin: 0 auto 45px;
}
}
.page-list .card .icon use {
fill: #CC141E;
}
.page-list .card .card__img + .title {
margin-top: 16px;
}
.page-list .card .card__img.small {
width: 132px;
height: 132px;
margin: 0 auto;
}
.page-list .card .card__img.small:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 51.85%);
}
.page-list .card .text {
margin: 8px 0 16px;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
}
.modal-video .modal__content {
width: 80vw;
height: 70vh;
}
.modal-video .modal__content iframe {
width: 100%;
height: 100%;
}
@media (min-width: 720px) {
.single-news .page-list .inner {
margin-left: 8.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.single-news .page-list .inner {
padding-left: 12px;
}
}
@media (min-width: 720px) and (min-width: 720px) {
.single-news .page-list .inner {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.single-news .page-list .inner {
margin-left: 16.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.single-news .page-list .inner {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.single-news .page-list .inner {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.single-news .page-list .inner .amount-2 .card {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.single-news .page-list .inner .amount-2 .card {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.single-news .page-list .inner .amount-2 .card {
padding-right: 12px;
}
}
.flex-text-form {
position: relative;
}
.flex-text-form .container, .flex-text-form .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .flex-text-form a:not(.btn) {
background: white;
}
@media (min-width: 720px) {
.flex-text-form .container, .flex-text-form .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .flex-text-form a:not(.btn) {
padding-top: 40px;
}
}
@media (min-width: 1280px) {
.flex-text-form .container, .flex-text-form .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .flex-text-form a:not(.btn) {
padding-top: 56px;
}
}
.flex-text-form .wysiwyg,
.flex-text-form .form {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.flex-text-form .wysiwyg,
.flex-text-form .form {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.flex-text-form .wysiwyg,
.flex-text-form .form {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.flex-text-form .wysiwyg,
.flex-text-form .form {
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-form .wysiwyg,
.flex-text-form .form {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-text-form .wysiwyg,
.flex-text-form .form {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.flex-text-form .wysiwyg {
padding-bottom: 24px;
}
}
@media (min-width: 1280px) {
.flex-text-form .wysiwyg {
padding-right: 24px;
}
}
.flex-text-form .wysiwyg img {
width: 100%;
}
.flex-text-form .wysiwyg p:has(> img) {
position: relative;
display: flex;
}
.flex-text-form .wysiwyg p:has(> img):before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(238, 238, 238, 0.94) 0%, rgba(255, 255, 255, 0) 52.6%);
}
.flex-text-form .wysiwyg p {
font-size: 20px;
line-height: 32px;
}
@media (min-width: 960px) {
.flex-text-form .gform_wrapper {
padding: 0 24px;
}
}
@media (min-width: 1280px) {
.flex-text-form .gform_wrapper {
max-width: 490px;
margin: 0 auto;
}
}
.flex-faq-list .row {
row-gap: 24px;
}
@media (min-width: 960px) {
.flex-faq-list__content {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 12px;
padding-right: 60px;
}
}
@media (min-width: 960px) {
.flex-faq-list__list {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 6px;
padding-right: 6px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-faq-list__list {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.flex-faq-list__list {
padding-right: 12px;
}
}
.flex-faq-list__title {
margin-bottom: 16px;
}
.flex-faq-list__btn-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 16px;
}
@media (min-width: 960px) {
.flex-faq-list__btn-group {
margin-top: 36px;
}
}
.flex-faq-list__list {
display: flex;
flex-direction: column;
gap: 16px;
}
.flex-comparative-chart .titles {
text-align: center;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 960px) {
.flex-comparative-chart .titles {
max-width: 600px;
margin: 0 auto;
}
}
.flex-comparative-chart .titles .title {
color: #CC141E;
font-size: 46px;
line-height: 55px;
}
.flex-comparative-chart .table {
position: relative;
width: 100%;
margin-top: 32px;
}
@media (min-width: 960px) {
.flex-comparative-chart .table {
margin-top: 48px;
overflow-x: auto;
display: flex;
}
}
.flex-comparative-chart .table select {
height: 68px;
width: 100%;
padding: 10px 16px;
border: 1px solid rgb(214, 214, 214);
appearance: none;
background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M212.7 331.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4 75.3 148.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z'/%3E%3C/svg%3E");
background-position: right 1rem top 50%;
background-size: 1rem auto;
background-repeat: no-repeat;
}
@media (min-width: 960px) {
.flex-comparative-chart .table select {
display: none;
}
}
.flex-comparative-chart .table #btn-list {
background-color: #f4f4f4;
border: 1px solid rgb(214, 214, 214);
border-top: 0;
padding: 16px;
}
@media (min-width: 960px) {
.flex-comparative-chart .table #btn-list {
display: none;
}
}
.flex-comparative-chart .table #btn-list .btn {
width: 100%;
margin-top: 0 !important;
}
.flex-comparative-chart .table #btn-list .btn:not([data-index="0"]):not(.show) {
display: none;
}
.flex-comparative-chart .table table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
@media (min-width: 960px) {
.flex-comparative-chart .table table {
min-width: 1224px;
}
}
@media (max-width: 959.98px) {
.flex-comparative-chart .table table thead {
display: none;
}
}
.flex-comparative-chart .table table thead th {
padding: 24px;
text-align: center;
vertical-align: middle;
}
.flex-comparative-chart .table table thead th:not(:first-child) {
border-top: 1px solid rgb(214, 214, 214);
background-color: #f4f4f4;
}
.flex-comparative-chart .table table thead th:last-child {
border-right: 1px solid rgb(214, 214, 214);
}
@media (min-width: 960px) {
.flex-comparative-chart .table table thead th {
width: auto;
}
.flex-comparative-chart .table table thead th:first-child {
width: 30%;
}
}
.flex-comparative-chart .table table thead th.highlight {
background-color: #25292E;
}
.flex-comparative-chart .table table thead th .name {
margin-bottom: 8px;
}
.flex-comparative-chart .table table thead th .subtitle {
font-size: 14px;
margin-bottom: 4px;
font-weight: 600;
}
.flex-comparative-chart .table table thead th .price {
font-size: 20px;
font-weight: 500;
}
.flex-comparative-chart .table table thead th .btn {
margin-top: 16px;
max-width: 100%;
}
.flex-comparative-chart .table table th:first-child {
position: sticky;
left: 0;
z-index: 2;
background: #fff;
}
.flex-comparative-chart .table table tbody tr, .flex-comparative-chart .table table tbody th, .flex-comparative-chart .table table tbody td {
min-height: 45px;
text-align: center;
vertical-align: middle;
}
.flex-comparative-chart .table table tbody tr.highlight, .flex-comparative-chart .table table tbody th.highlight, .flex-comparative-chart .table table tbody td.highlight {
background-color: rgb(236, 236, 236);
}
.flex-comparative-chart .table table tbody tr:not(:last-child) {
border-bottom: 1px solid rgba(214, 214, 214, 0.5);
}
@media (min-width: 960px) {
.flex-comparative-chart .table table tbody tr:first-child {
border-top: 1px solid rgb(214, 214, 214);
}
.flex-comparative-chart .table table tbody tr:last-child {
border-bottom: 1px solid rgb(214, 214, 214);
}
}
.flex-comparative-chart .table table tbody tr th:first-child {
display: flex;
align-items: center;
gap: 8px;
text-align: left;
border-left: 1px solid rgb(214, 214, 214);
border-right: 1px solid rgb(214, 214, 214);
padding: 10px 16px 10px 16px;
}
.flex-comparative-chart .table table tbody tr th:first-child.highlight {
font-weight: 600;
}
.flex-comparative-chart .table table tbody tr th:first-child .tooltip .icon {
color: #949494;
font-size: 20px;
}
@media (max-width: 959.98px) {
.flex-comparative-chart .table table tbody tr.cta-line {
display: none;
}
}
.flex-comparative-chart .table table tbody tr.cta-line th {
height: 88px;
}
.flex-comparative-chart .table table tbody td {
width: 140px;
background-color: rgb(236, 236, 236);
}
@media (min-width: 480px) {
.flex-comparative-chart .table table tbody td {
width: 200px;
}
}
@media (max-width: 959.98px) {
.flex-comparative-chart .table table tbody td {
border-right: 1px solid rgb(214, 214, 214);
}
}
@media (min-width: 960px) {
.flex-comparative-chart .table table tbody td {
background-color: #f4f4f4;
}
.flex-comparative-chart .table table tbody td:last-child {
border-right: 1px solid rgb(214, 214, 214);
}
}
@media (max-width: 959.98px) {
.flex-comparative-chart .table table tbody td:not([data-index="0"]):not(.show-table-cell) {
display: none;
}
}
.flex-comparative-chart .table table tbody td .icon-check {
font-size: 20px;
color: #40CB67;
}
.flex-comparative-chart .table table tbody td .wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.flex-comparative-chart .table table tbody td .wrap .icon {
font-size: 20px;
}
[data-tippy-root] .tippy-content {
background-color: #25292E;
border-radius: 4px;
font-size: 12px;
max-width: 180px;
}
.flex-anchor {
border-bottom: 1px solid #D6D6D6;
position: sticky;
top: 70px;
background-color: white;
width: 100%;
z-index: 9999;
}
@media (min-width: 1280px) {
.flex-anchor {
top: 80px;
}
}
.flex-anchor .container, .flex-anchor .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .flex-anchor a:not(.btn) {
display: flex;
align-items: center;
}
@media (max-width: 1279.98px) {
.flex-anchor .container, .flex-anchor .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .flex-anchor a:not(.btn) {
overflow-x: scroll;
}
}
.flex-anchor .anchor-name {
padding: 16px 20px;
cursor: pointer;
transition: all 250ms ease-out;
flex-shrink: 0;
}
.flex-anchor .anchor-name.active {
border-bottom: 3px solid #CC141E;
}
.flex-anchor .anchor-name:hover {
background: #F4F4F4;
}
.home-slider {
margin-bottom: 40px;
}
@media (min-width: 720px) {
.home-slider {
margin-bottom: 60px;
}
}
@media (min-width: 960px) {
.home-slider {
margin-bottom: 80px;
}
}
.home-slider .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
}
.home-slider__pagination {
position: absolute;
width: 100%;
height: 100%;
margin-top: 40px;
}
@media (min-width: 720px) {
.home-slider__pagination {
margin-top: 60px;
}
}
@media (min-width: 960px) {
.home-slider__pagination {
margin-bottom: 40px;
}
}
.home-slider__pagination .container, .home-slider__pagination .header .js-desk.menu-item:not(.cta) a:not(.btn), .header .js-desk.menu-item:not(.cta) .home-slider__pagination a:not(.btn) {
height: 100%;
}
.home-slider__pagination .slider-pagination {
position: absolute;
top: 0;
transform: rotateZ(90deg);
width: auto;
}
@media (min-width: 960px) {
.home-slider__pagination .slider-pagination {
top: 50%;
transform: rotateZ(90deg) translateX(-50%);
}
}
.tranings__img .img-container:after {
bottom: 0;
}
@media (min-width: 1280px) {
.bim {
padding: 120px 0;
}
}
.bim:before {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
bottom: 0;
background: #F4F4F4;
}
@media (min-width: 960px) {
.bim:before {
display: block;
height: 100%;
position: absolute;
top: 0;
}
}
@media (min-width: 960px) {
.bim:before {
width: calc(9 * (940px - 0px) / 12 + 0px + (100% - (940px - 0px / 2)) / 2);
left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 9) * 940px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1280px) {
.bim:before {
width: calc(9 * (1200px - 0px) / 12 + 0px + (100% - (1200px - 0px / 2)) / 2);
left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 9) * 1200px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1600px) {
.bim:before {
width: calc(9 * (1400px - 0px) / 12 + 0px + (100% - (1400px - 0px / 2)) / 2);
left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 9) * 1400px / 12 - 0px);
right: inherit;
}
}
@media (min-width: 1280px) {
.digital {
padding: 120px 0;
}
}
.digital .flex-text-image__background {
background-color: #F4F4F4;
background-image: none !important;
opacity: 1;
}
@media (min-width: 960px) {
.digital .flex-text-image__background {
height: 127%;
}
}
.digital .flex-text-image__background:before {
display: none;
}
.digital .btn {
margin-bottom: 0;
}
.tranings__text {
position: relative;
z-index: 1;
}
@media (min-width: 720px) {
.tranings__text {
padding-top: 200px;
width: 66.6666666667%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1280px) {
.tranings__text {
margin-left: 35px;
width: 50%;
padding-left: 0;
padding-right: 0;
}
}
.tranings__text .w-text {
background-color: #fff;
}
@media (min-width: 720px) {
.tranings__text .w-text {
padding: 40px;
}
}
@media (min-width: 960px) {
.tranings__text .w-text {
padding: 80px;
}
}
.tranings__text .w-text h2 {
color: #25292E;
}
.tranings__img {
width: 100%;
max-width: 100%;
position: relative;
padding: 0;
}
@media (max-width: 719.98px) {
.tranings__img {
margin-top: 40px;
}
}
@media (min-width: 720px) {
.tranings__img {
position: absolute;
top: 0;
right: 0;
width: 70%;
}
}
@media (min-width: 1280px) {
.tranings__img {
width: 58.3333333333%;
padding-left: 0;
padding-right: 0;
right: 8.3333%;
}
}
.tranings__img .img-container {
position: relative;
padding-top: 67%;
}
.tranings__img .img-container img {
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.media-object__media.icon {
width: 64px;
height: 64px;
margin-bottom: 16px;
}
.media-object__title {
margin-bottom: 16px;
}
.media-object__text {
margin-bottom: 10px;
}
@media (min-width: 960px) {
.media-object {
display: flex;
align-items: center;
}
.media-object__media.icon {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 60px;
}
}
.search-popup {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999;
opacity: 0;
pointer-events: none;
transition: 250ms opacity cubic-bezier(0, 0, 0.58, 1);
background-color: #fff;
}
.search-popup.is-open, .search-popup.is-active {
pointer-events: all;
transform: translate3d(0, 0, 0);
opacity: 1;
}
.search-popup .inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
@media (min-width: 960px) {
.search-popup .inner {
justify-content: center;
}
}
@media (max-width: 1279.98px) {
.search-popup .inner {
overflow: scroll;
position: relative;
}
}
.search-popup__close {
position: absolute;
top: 24px;
right: 16px;
z-index: 5;
cursor: pointer;
width: 40px;
height: 40px;
}
@media (min-width: 960px) {
.search-popup__close {
top: 40px;
right: 40px;
}
}
.search-popup__close:before {
font-size: 20px;
line-height: 20px;
}
@media (max-width: 959.98px) {
.search-popup__top {
padding: 40px 0;
margin-top: 72px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media (min-width: 960px) {
.search-popup__top {
padding-bottom: 80px;
}
}
.search-popup__top .search {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.search-popup__top .search {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.search-popup__top .search {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.search-popup__top .search {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.search-popup__top .search {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.search-popup__top .search {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.search-popup__top .search {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 6px;
padding-right: 6px;
margin-left: 16.6666666667%;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__top .search {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__top .search {
padding-right: 12px;
}
}
.search-popup__top .search__title {
color: #CC141E;
}
.search-popup__bottom {
width: 100%;
}
@media (max-width: 1279.98px) {
.search-popup__bottom {
padding-bottom: 40px;
}
}
.search-popup__bottom .bloc {
flex: 0 0 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 720px) {
.search-popup__bottom .bloc {
padding-left: 12px;
}
}
@media (min-width: 720px) {
.search-popup__bottom .bloc {
padding-right: 12px;
}
}
.search-popup__bottom .bloc__title {
margin-bottom: 20px;
display: flex;
align-items: center;
}
@media (min-width: 960px) {
.search-popup__bottom .bloc--help {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.search-popup__bottom .bloc--help {
padding-left: 12px;
}
}
@media (min-width: 960px) and (min-width: 720px) {
.search-popup__bottom .bloc--help {
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.search-popup__bottom .bloc--help {
flex: 0 0 25%;
max-width: 25%;
padding-left: 6px;
padding-right: 6px;
margin-left: 16.6666666667%;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__bottom .bloc--help {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__bottom .bloc--help {
padding-right: 12px;
}
}
@media (max-width: 959.98px) {
.search-popup__bottom .bloc--contact {
margin-top: 32px;
}
}
@media (min-width: 1280px) {
.search-popup__bottom .bloc--contact {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__bottom .bloc--contact {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.search-popup__bottom .bloc--contact {
padding-right: 12px;
}
}
@media (min-width: 960px) {
.search-popup__bottom .bloc--contact {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 12px;
padding-right: 40px;
margin-left: 8.3333333333%;
}
}
@media (max-width: 959.98px) {
.search-popup__bottom .bloc__btn {
margin-top: 16px;
}
}
.search-popup .transition-appear {
transform: translate3d(0, 40px, 0);
opacity: 0;
transition: 250ms all cubic-bezier(0, 0, 0.58, 1);
}
.search-popup.is-open .transition-appear {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.search-popup.is-open .transition-appear:nth-child(1) {
transition-delay: 0.17s;
}
.search-popup.is-open .transition-appear:nth-child(2) {
transition-delay: 0.24s;
}
.search-popup.is-open .transition-appear:nth-child(3) {
transition-delay: 0.31s;
}
.search-popup.is-open .transition-appear:nth-child(4) {
transition-delay: 0.38s;
}
.search-popup.is-open .transition-appear:nth-child(5) {
transition-delay: 0.45s;
}
.search-popup.is-open .transition-appear:nth-child(6) {
transition-delay: 0.52s;
}
.search-popup.is-open .transition-appear:nth-child(7) {
transition-delay: 0.59s;
}
.search-popup.is-open .transition-appear:nth-child(8) {
transition-delay: 0.66s;
}
.search-popup.is-open .transition-appear:nth-child(9) {
transition-delay: 0.73s;
}
.search__form {
position: relative;
margin-top: 40px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
@media (max-width: 959.98px) {
.search__form {
width: 100%;
}
}
.search__form__input {
border: none;
border-bottom: 1px solid #D6D6D6;
padding: 8px 8px 8px 0;
height: auto;
color: #25292E;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
width: 100%;
outline: transparent none;
}
.search__form__input::placeholder {
color: #949494;
}
.search__form__input:focus {
border-bottom: 1px solid #25292E;
}
.search__form .loader {
position: absolute;
right: 64px;
top: 0;
bottom: 0;
width: 25px;
}
.search__form .loader img {
max-width: 100%;
}
.search__form__button {
border: none;
cursor: pointer;
z-index: 1;
padding: 0;
width: 40px;
height: 40px;
background-color: #CC141E;
border: 1px solid #CC141E;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.search__form__button .icon-search:before {
transition: color 250ms ease-out;
font-size: 18px;
}
@media (min-width: 960px) {
.search__form__button:hover {
background-color: #fff;
color: #CC141E;
}
}
.tabs__header__item {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
margin-right: 24px;
transition: all 250ms ease-out;
flex-shrink: 0;
}
@media (min-width: 1280px) {
.tabs__header__item {
margin-right: 40px;
}
}
.tabs__header__item:last-child {
margin-right: 0;
}
.tabs__header__item__title {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.02em;
transition: color 250ms ease-out;
color: #949494;
font-weight: 500;
}
@media (min-width: 1280px) {
.tabs__header__item__title {
font-size: 18px;
line-height: 32px;
}
}
.tabs__header__item__count {
font-size: 14px;
line-height: 22px;
transition: 250ms background-color ease;
font-weight: 500;
min-width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
background: #949494;
color: white;
margin-left: 8px;
border-radius: 50%;
}
.tabs__header__item.active .tabs__header__item__title {
color: #343940;
}
.tabs__header__item.active .tabs__header__item__count {
background: #CC141E;
}
.tabs__content__item:not(.active) {
display: none;
}
@media (min-width: 1280px) {
.tabs__content__item {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.tabs__content__item {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.tabs__content__item {
padding-right: 12px;
}
}
.tabs__content__item__section:not(:last-child) {
margin-bottom: 40px;
}
@media (min-width: 960px) {
.tabs__content__item__section:not(:last-child) {
margin-bottom: 80px;
}
}
.tabs__content__item__section__more {
margin-top: 30px;
}
@media (min-width: 720px) {
.tabs__content__item__section__more {
display: none;
}
}
.tabs__content__item__section .card-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.tabs__content__item__list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
}
.tabs__content__item__text .wysiwyg {
line-height: 25px;
}
.tabs__content__item__headings {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
border-bottom: 1px solid #D6D6D6;
padding-bottom: 8px;
}
@media (min-width: 1280px) {
.tabs__content__item__headings {
margin-bottom: 25px;
}
}
.tabs__content__item__headings__content {
display: flex;
align-items: center;
}
.tabs__content__item__headings__content .nb {
color: #CC141E;
font-weight: 500;
margin-left: 5px;
margin-top: 6px;
}
@media (max-width: 719.98px) {
.tabs__content__item__headings__more {
display: none;
}
}
.tabs {
overflow: hidden;
}
.tabs__header {
margin-top: 40px;
}
@media (min-width: 720px) {
.tabs__header {
margin-top: 20px;
}
}
@media (min-width: 1280px) {
.tabs__header {
margin-top: 0;
}
}
.tabs__header .inner {
position: relative;
display: flex;
align-items: center;
padding-bottom: 24px;
}
@media (max-width: 959.98px) {
.tabs__header .inner {
overflow-y: hidden;
overflow-x: scroll;
}
}
@media (min-width: 1280px) {
.tabs__header .inner {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.3333333333%;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.tabs__header .inner {
padding-left: 12px;
}
}
@media (min-width: 1280px) and (min-width: 720px) {
.tabs__header .inner {
padding-right: 12px;
}
}
.tabs__header .inner .indicator {
position: absolute;
height: 4px;
background: #CC141E;
bottom: 0;
left: 0;
width: 0;
transition: all 250ms ease-out;
display: none;
}
@media (min-width: 960px) {
.tabs__header .inner .indicator {
bottom: -1px;
display: block;
}
}
.tabs__content {
background-color: #F4F4F4;
}
@media (min-width: 1280px) {
.tabs__content {
padding: 80px 0;
}
}
.promo-banner {
position: relative;
min-height: 65px;
width: 100%;
display: none;
padding: 12px 14px;
padding-right: 45px;
gap: 16px;
}
@media (min-width: 960px) {
.promo-banner {
display: flex;
padding: 16px;
padding-right: 45px;
}
}
.promo-banner.out-menu {
display: flex;
position: fixed;
bottom: 0;
left: 0;
box-shadow: 0px -2px 17px rgba(42, 49, 69, 0.2);
z-index: 9999999;
}
@media (min-width: 720px) {
.promo-banner.out-menu {
display: none;
}
}
@media (min-width: 1280px) {
.promo-banner {
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
}
.promo-banner .icon {
font-size: 20px;
}
.promo-banner__texts {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
width: 100%;
}
.promo-banner__link {
text-decoration: underline !important;
font-weight: 900;
color: #25292E;
}
@media (min-width: 1280px) {
.promo-banner__link {
display: none;
}
}
.promo-banner__title {
margin-bottom: 5px;
text-align: center;
}
@media (max-width: 1279.98px) {
.promo-banner__title {
font-size: 14px;
}
}
@media (min-width: 1280px) {
.promo-banner__title {
margin: 0 8px;
}
}
.promo-banner__btn {
color: #25292E;
border-color: #25292E;
line-height: 25px;
height: 25px;
padding: 0 8px;
transition: all 250ms ease-out;
}
@media (min-width: 960px) {
.promo-banner__btn:hover {
background: #25292E;
color: #343940;
}
}
@media (max-width: 1279.98px) {
.promo-banner__btn {
display: none;
}
}
.promo-banner .btn {
margin-top: 0;
}
.promo-banner__close {
position: absolute;
top: 5px;
right: 12px;
cursor: pointer;
font-size: 20px;
color: #fff;
}
@keyframes slideDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
.promo-banner.slide-down {
animation: slideDown 300ms ease-in-out;
}
@keyframes slideUp {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.promo-banner.slide-up {
animation: slideUp 300ms ease-in-out;
}
@media (max-width: 719.98px) {
body > .promo-banner {
display: none;
}
body > .promo-banner.out-menu {
display: none;
}
} .modal {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.modal__overlay {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
background-color: #fff;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
position: absolute;
z-index: 10;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 12px;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}
.modal__close {
background: transparent;
border: 0;
margin-left: auto;
}
.modal__header .modal__close:before {
content: "✕";
color: #FFF;
}
.modal__content {
line-height: 0;
color: rgba(0, 0, 0, 0.8);
}
.modal__btn {
font-size: 0.875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
border-radius: 0.25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
} @keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}