[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]{-webkit-backface-visibility:hidden;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)} @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default margin */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; padding: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role=list], ol[role=list] { list-style: none; } /* Set core root defaults */ html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; height: auto; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } body { font-family: "graphie", sans-serif; font-size: 100%; font-weight: 400; color: #2E2A2A; } html { overflow-x: hidden; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "geom-graphic", sans-serif; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; } h1, .h1 { font-size: 2.375rem; line-height: 1.0789473684; } @media (min-width: 1024px) { h1, .h1 { font-size: 3.75vw; line-height: 1.0972222222; } } h2, .h2 { font-size: 1.75rem; line-height: 1.2; } @media (min-width: 992px) { h2, .h2 { font-size: 2.2916666667vw; line-height: 1.2; } } h3, .h3 { font-size: 1.75rem; line-height: 1.1785714286; } @media (min-width: 992px) { h3, .h3 { font-size: 1.6666666667vw; line-height: 1.3; } } cite { display: block; } p, ul, li, ol, span, cite { font-size: 1.125rem; margin-bottom: 1.25rem; letter-spacing: -0.02em; } @media (min-width: 992px) { p, ul, li, ol, span, cite { font-size: 1.25vw; margin-bottom: 2.0833333333vw; } } p:last-of-type, ul:last-of-type, li:last-of-type, ol:last-of-type, span:last-of-type, cite:last-of-type { margin-bottom: 0; } /* Remove user agent styles */ cite, var, address, dfn { font-style: normal; } /** Text Level Semantics **/ abbr { cursor: help; } pre, code { border-radius: 3px; color: white; } :not(pre) > code { border: 1px solid grey; padding: 2px 4px; /* do not break code element unless inside pre tag */ white-space: nowrap; } code { font-size: 65%; } pre { border: 1px solid grey; padding: 0; overflow: scroll; margin: 0; } pre > code { word-wrap: normal; } mark { background-color: #ffa; padding: 2px 4px; } ul, ol { padding-left: 1.6875rem; } a { text-decoration: none; transition: ease-in-out all 0.4s; } .handwriting-animation { width: 100%; } .u-spacer--40 { padding: 2rem; } .u-spacer--50 { padding: 4.875rem 0; } .u-spacer--no-bottom { padding-bottom: 0; } .u-spacer--no-top { padding-top: 0; } .u-no-style-button { background: none; border: 0; } .u-overlay { position: relative; } .u-overlay .container { position: relative; z-index: 9; } .u-overlay:after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background-color: hsla(0deg, 0%, 0%, 0.5); } .u-position-fixed { position: fixed; } .ff-size--300 { font-size: 5.625rem; line-height: 95px; } .ff-size--300 p { font-size: 5.625rem; line-height: 95px; } @media (max-width: 389px) { .ff-size--300 p { font-size: 2rem; line-height: 1.2; } } @media (max-width: 389px) { .ff-size--300 { font-size: 2rem; line-height: 1.2; } } .ff-size--400 { font-size: 2rem; line-height: 36px; } @media (max-width: 389px) { .ff-size--400 { font-size: 2rem; line-height: 1.4; } } .ff-size--400 p { font-size: 2rem; line-height: 36px; } @media (max-width: 389px) { .ff-size--400 p { font-size: 2rem; line-height: 1.4; } } .ff-size--500 { font-size: 1.625rem; line-height: 1.2; } .ff-size--500 p { font-size: 1.625rem; line-height: 1.2; } .ff-size--600 { font-size: 1.25rem; line-height: 22px; } .ff-size--600 p { font-size: 1.25rem; line-height: 22px; } .ff-line-height--300 { line-height: 95px; } .ff-line-height--400 { line-height: 45px; } .ff-line-height--500 { line-height: 32px; } @media (min-width: 992px) { .u-leading { font-size: calc(1.325rem + 0.9vw); line-height: 36px; margin-bottom: 2.5rem; display: block; } } @media (min-width: 992px) and (min-width: 1200px) { .u-leading { font-size: 2rem; } } .bg--primary { background: #FF2B3A; } .grid-no-gap { gap: 0 !important; } .img--full { width: 100%; } .d-inline-block { display: inline-block; } .d-inline { display: inline; } .d-block { display: block; } .d-flex { display: flex; } .d-flex-centered { display: flex; align-items: center; justify-content: center; } .d-grid { display: grid; } .g-300 { gap: 11px; } .align-items-center { align-items: center; } .u-card-padding-line { padding-left: 1.3125rem; } .grid { display: grid; } .g-0 { grid-gap: 0 !important; } .u-block-spacer--300 { padding: 2.5rem 4.375rem 2.5rem 3.125rem; } .text--center { text-align: center; } .u-overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } @media (min-width: 992px) { .u-mobile-only { display: none !important; } } @media (max-width: 991px) { .u-desktop-only { display: none !important; } } .u-block--border { padding-left: 13px; height: 100%; } .u-no-overflow { overflow: visible !important; } .u-align-items-end { align-items: end; } .text--primary { font-family: "geom-graphic", sans-serif; } .text--secondary { font-family: "graphie", sans-serif; } .text--uppercase { text-transform: uppercase; } .text--white { color: #FDFDFD; transition: color 1s; } .content { transition: color 1s; } :root { --grid-gutter:20px; --mobile-padding: 32px; } .container { --max-width: 1620px; --padding: 17px; --gutter: 20px; width: 100%; padding: 0 1.875rem; margin-inline: auto; } @media (max-width: 991px) { .container { --padding: 15px; } } @media (max-width: 575px) { .container { --padding: 15px; } } @media (min-width: 768px) { .container { width: min(var(--max-width), 100% - var(--padding) * 2); padding: 0; } } .container .flex { display: flex; gap: var(--gutter); flex-wrap: wrap; } .container .flex .flex-1-6 { flex-basis: calc(16.6666666667% - var(--gutter) * 2); } .container .flex .flex-2-6 { flex-basis: calc(33.3333333333% - var(--gutter) * 2); } .container .flex .flex-3-6 { flex-basis: calc(50% - var(--gutter) * 2); } .container .flex .flex-4-6 { flex-basis: calc(66.6666666667% - var(--gutter) * 2); } .container .flex .flex-5-6 { flex-basis: calc(83.3333333333% - var(--gutter) * 2); } .container .flex .flex-6-6 { flex-basis: calc(100% - var(--gutter) * 2); } /*GRID STYLES*/ .grid-row { display: -ms-grid; display: grid; grid-gap: var(--grid-gutter); grid-template-columns: repeat(12, 1fr); } .grid-1 { grid-column: span 1; } .grid-push-1.grid-1 { grid-column-end: 3; } .grid-push-1.grid-2 { grid-column-end: 4; } .grid-push-1.grid-3 { grid-column-end: 5; } .grid-push-1.grid-4 { grid-column-end: 6; } .grid-push-1.grid-5 { grid-column-end: 7; } .grid-push-1.grid-6 { grid-column-end: 8; } .grid-push-1.grid-7 { grid-column-end: 9; } .grid-push-1.grid-8 { grid-column-end: 10; } .grid-push-1.grid-9 { grid-column-end: 11; } .grid-push-1.grid-10 { grid-column-end: 12; } .grid-push-1.grid-11 { grid-column-end: 13; } .grid-push-1.grid-12 { grid-column-end: 14; } .grid-2 { grid-column: span 2; } .grid-push-2.grid-1 { grid-column-end: 4; } .grid-push-2.grid-2 { grid-column-end: 5; } .grid-push-2.grid-3 { grid-column-end: 6; } .grid-push-2.grid-4 { grid-column-end: 7; } .grid-push-2.grid-5 { grid-column-end: 8; } .grid-push-2.grid-6 { grid-column-end: 9; } .grid-push-2.grid-7 { grid-column-end: 10; } .grid-push-2.grid-8 { grid-column-end: 11; } .grid-push-2.grid-9 { grid-column-end: 12; } .grid-push-2.grid-10 { grid-column-end: 13; } .grid-push-2.grid-11 { grid-column-end: 14; } .grid-push-2.grid-12 { grid-column-end: 15; } .grid-3 { grid-column: span 3; } .grid-push-3.grid-1 { grid-column-end: 5; } .grid-push-3.grid-2 { grid-column-end: 6; } .grid-push-3.grid-3 { grid-column-end: 7; } .grid-push-3.grid-4 { grid-column-end: 8; } .grid-push-3.grid-5 { grid-column-end: 9; } .grid-push-3.grid-6 { grid-column-end: 10; } .grid-push-3.grid-7 { grid-column-end: 11; } .grid-push-3.grid-8 { grid-column-end: 12; } .grid-push-3.grid-9 { grid-column-end: 13; } .grid-push-3.grid-10 { grid-column-end: 14; } .grid-push-3.grid-11 { grid-column-end: 15; } .grid-push-3.grid-12 { grid-column-end: 16; } .grid-4 { grid-column: span 4; } .grid-push-4.grid-1 { grid-column-end: 6; } .grid-push-4.grid-2 { grid-column-end: 7; } .grid-push-4.grid-3 { grid-column-end: 8; } .grid-push-4.grid-4 { grid-column-end: 9; } .grid-push-4.grid-5 { grid-column-end: 10; } .grid-push-4.grid-6 { grid-column-end: 11; } .grid-push-4.grid-7 { grid-column-end: 12; } .grid-push-4.grid-8 { grid-column-end: 13; } .grid-push-4.grid-9 { grid-column-end: 14; } .grid-push-4.grid-10 { grid-column-end: 15; } .grid-push-4.grid-11 { grid-column-end: 16; } .grid-push-4.grid-12 { grid-column-end: 17; } .grid-5 { grid-column: span 5; } .grid-push-5.grid-1 { grid-column-end: 7; } .grid-push-5.grid-2 { grid-column-end: 8; } .grid-push-5.grid-3 { grid-column-end: 9; } .grid-push-5.grid-4 { grid-column-end: 10; } .grid-push-5.grid-5 { grid-column-end: 11; } .grid-push-5.grid-6 { grid-column-end: 12; } .grid-push-5.grid-7 { grid-column-end: 13; } .grid-push-5.grid-8 { grid-column-end: 14; } .grid-push-5.grid-9 { grid-column-end: 15; } .grid-push-5.grid-10 { grid-column-end: 16; } .grid-push-5.grid-11 { grid-column-end: 17; } .grid-push-5.grid-12 { grid-column-end: 18; } .grid-6 { grid-column: span 6; } .grid-push-6.grid-1 { grid-column-end: 8; } .grid-push-6.grid-2 { grid-column-end: 9; } .grid-push-6.grid-3 { grid-column-end: 10; } .grid-push-6.grid-4 { grid-column-end: 11; } .grid-push-6.grid-5 { grid-column-end: 12; } .grid-push-6.grid-6 { grid-column-end: 13; } .grid-push-6.grid-7 { grid-column-end: 14; } .grid-push-6.grid-8 { grid-column-end: 15; } .grid-push-6.grid-9 { grid-column-end: 16; } .grid-push-6.grid-10 { grid-column-end: 17; } .grid-push-6.grid-11 { grid-column-end: 18; } .grid-push-6.grid-12 { grid-column-end: 19; } .grid-7 { grid-column: span 7; } .grid-push-7.grid-1 { grid-column-end: 9; } .grid-push-7.grid-2 { grid-column-end: 10; } .grid-push-7.grid-3 { grid-column-end: 11; } .grid-push-7.grid-4 { grid-column-end: 12; } .grid-push-7.grid-5 { grid-column-end: 13; } .grid-push-7.grid-6 { grid-column-end: 14; } .grid-push-7.grid-7 { grid-column-end: 15; } .grid-push-7.grid-8 { grid-column-end: 16; } .grid-push-7.grid-9 { grid-column-end: 17; } .grid-push-7.grid-10 { grid-column-end: 18; } .grid-push-7.grid-11 { grid-column-end: 19; } .grid-push-7.grid-12 { grid-column-end: 20; } .grid-8 { grid-column: span 8; } .grid-push-8.grid-1 { grid-column-end: 10; } .grid-push-8.grid-2 { grid-column-end: 11; } .grid-push-8.grid-3 { grid-column-end: 12; } .grid-push-8.grid-4 { grid-column-end: 13; } .grid-push-8.grid-5 { grid-column-end: 14; } .grid-push-8.grid-6 { grid-column-end: 15; } .grid-push-8.grid-7 { grid-column-end: 16; } .grid-push-8.grid-8 { grid-column-end: 17; } .grid-push-8.grid-9 { grid-column-end: 18; } .grid-push-8.grid-10 { grid-column-end: 19; } .grid-push-8.grid-11 { grid-column-end: 20; } .grid-push-8.grid-12 { grid-column-end: 21; } .grid-9 { grid-column: span 9; } .grid-push-9.grid-1 { grid-column-end: 11; } .grid-push-9.grid-2 { grid-column-end: 12; } .grid-push-9.grid-3 { grid-column-end: 13; } .grid-push-9.grid-4 { grid-column-end: 14; } .grid-push-9.grid-5 { grid-column-end: 15; } .grid-push-9.grid-6 { grid-column-end: 16; } .grid-push-9.grid-7 { grid-column-end: 17; } .grid-push-9.grid-8 { grid-column-end: 18; } .grid-push-9.grid-9 { grid-column-end: 19; } .grid-push-9.grid-10 { grid-column-end: 20; } .grid-push-9.grid-11 { grid-column-end: 21; } .grid-push-9.grid-12 { grid-column-end: 22; } .grid-10 { grid-column: span 10; } .grid-push-10.grid-1 { grid-column-end: 12; } .grid-push-10.grid-2 { grid-column-end: 13; } .grid-push-10.grid-3 { grid-column-end: 14; } .grid-push-10.grid-4 { grid-column-end: 15; } .grid-push-10.grid-5 { grid-column-end: 16; } .grid-push-10.grid-6 { grid-column-end: 17; } .grid-push-10.grid-7 { grid-column-end: 18; } .grid-push-10.grid-8 { grid-column-end: 19; } .grid-push-10.grid-9 { grid-column-end: 20; } .grid-push-10.grid-10 { grid-column-end: 21; } .grid-push-10.grid-11 { grid-column-end: 22; } .grid-push-10.grid-12 { grid-column-end: 23; } .grid-11 { grid-column: span 11; } .grid-push-11.grid-1 { grid-column-end: 13; } .grid-push-11.grid-2 { grid-column-end: 14; } .grid-push-11.grid-3 { grid-column-end: 15; } .grid-push-11.grid-4 { grid-column-end: 16; } .grid-push-11.grid-5 { grid-column-end: 17; } .grid-push-11.grid-6 { grid-column-end: 18; } .grid-push-11.grid-7 { grid-column-end: 19; } .grid-push-11.grid-8 { grid-column-end: 20; } .grid-push-11.grid-9 { grid-column-end: 21; } .grid-push-11.grid-10 { grid-column-end: 22; } .grid-push-11.grid-11 { grid-column-end: 23; } .grid-push-11.grid-12 { grid-column-end: 24; } .grid-12 { grid-column: span 12; } .grid-push-12.grid-1 { grid-column-end: 14; } .grid-push-12.grid-2 { grid-column-end: 15; } .grid-push-12.grid-3 { grid-column-end: 16; } .grid-push-12.grid-4 { grid-column-end: 17; } .grid-push-12.grid-5 { grid-column-end: 18; } .grid-push-12.grid-6 { grid-column-end: 19; } .grid-push-12.grid-7 { grid-column-end: 20; } .grid-push-12.grid-8 { grid-column-end: 21; } .grid-push-12.grid-9 { grid-column-end: 22; } .grid-push-12.grid-10 { grid-column-end: 23; } .grid-push-12.grid-11 { grid-column-end: 24; } .grid-push-12.grid-12 { grid-column-end: 25; } @media (min-width: 768px) { .grid-sm-1 { grid-column: span 1; } .grid-sm-1.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-1.grid-sm-1 { grid-column-end: 3; } .grid-sm-push-1.grid-sm-2 { grid-column-end: 4; } .grid-sm-push-1.grid-sm-3 { grid-column-end: 5; } .grid-sm-push-1.grid-sm-4 { grid-column-end: 6; } .grid-sm-push-1.grid-sm-5 { grid-column-end: 7; } .grid-sm-push-1.grid-sm-6 { grid-column-end: 8; } .grid-sm-push-1.grid-sm-7 { grid-column-end: 9; } .grid-sm-push-1.grid-sm-8 { grid-column-end: 10; } .grid-sm-push-1.grid-sm-9 { grid-column-end: 11; } .grid-sm-push-1.grid-sm-10 { grid-column-end: 12; } .grid-sm-push-1.grid-sm-11 { grid-column-end: 13; } .grid-sm-push-1.grid-sm-12 { grid-column-end: 14; } .grid-sm-2 { grid-column: span 2; } .grid-sm-2.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-2.grid-sm-1 { grid-column-end: 4; } .grid-sm-push-2.grid-sm-2 { grid-column-end: 5; } .grid-sm-push-2.grid-sm-3 { grid-column-end: 6; } .grid-sm-push-2.grid-sm-4 { grid-column-end: 7; } .grid-sm-push-2.grid-sm-5 { grid-column-end: 8; } .grid-sm-push-2.grid-sm-6 { grid-column-end: 9; } .grid-sm-push-2.grid-sm-7 { grid-column-end: 10; } .grid-sm-push-2.grid-sm-8 { grid-column-end: 11; } .grid-sm-push-2.grid-sm-9 { grid-column-end: 12; } .grid-sm-push-2.grid-sm-10 { grid-column-end: 13; } .grid-sm-push-2.grid-sm-11 { grid-column-end: 14; } .grid-sm-push-2.grid-sm-12 { grid-column-end: 15; } .grid-sm-3 { grid-column: span 3; } .grid-sm-3.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-3.grid-sm-1 { grid-column-end: 5; } .grid-sm-push-3.grid-sm-2 { grid-column-end: 6; } .grid-sm-push-3.grid-sm-3 { grid-column-end: 7; } .grid-sm-push-3.grid-sm-4 { grid-column-end: 8; } .grid-sm-push-3.grid-sm-5 { grid-column-end: 9; } .grid-sm-push-3.grid-sm-6 { grid-column-end: 10; } .grid-sm-push-3.grid-sm-7 { grid-column-end: 11; } .grid-sm-push-3.grid-sm-8 { grid-column-end: 12; } .grid-sm-push-3.grid-sm-9 { grid-column-end: 13; } .grid-sm-push-3.grid-sm-10 { grid-column-end: 14; } .grid-sm-push-3.grid-sm-11 { grid-column-end: 15; } .grid-sm-push-3.grid-sm-12 { grid-column-end: 16; } .grid-sm-4 { grid-column: span 4; } .grid-sm-4.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-4.grid-sm-1 { grid-column-end: 6; } .grid-sm-push-4.grid-sm-2 { grid-column-end: 7; } .grid-sm-push-4.grid-sm-3 { grid-column-end: 8; } .grid-sm-push-4.grid-sm-4 { grid-column-end: 9; } .grid-sm-push-4.grid-sm-5 { grid-column-end: 10; } .grid-sm-push-4.grid-sm-6 { grid-column-end: 11; } .grid-sm-push-4.grid-sm-7 { grid-column-end: 12; } .grid-sm-push-4.grid-sm-8 { grid-column-end: 13; } .grid-sm-push-4.grid-sm-9 { grid-column-end: 14; } .grid-sm-push-4.grid-sm-10 { grid-column-end: 15; } .grid-sm-push-4.grid-sm-11 { grid-column-end: 16; } .grid-sm-push-4.grid-sm-12 { grid-column-end: 17; } .grid-sm-5 { grid-column: span 5; } .grid-sm-5.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-5.grid-sm-1 { grid-column-end: 7; } .grid-sm-push-5.grid-sm-2 { grid-column-end: 8; } .grid-sm-push-5.grid-sm-3 { grid-column-end: 9; } .grid-sm-push-5.grid-sm-4 { grid-column-end: 10; } .grid-sm-push-5.grid-sm-5 { grid-column-end: 11; } .grid-sm-push-5.grid-sm-6 { grid-column-end: 12; } .grid-sm-push-5.grid-sm-7 { grid-column-end: 13; } .grid-sm-push-5.grid-sm-8 { grid-column-end: 14; } .grid-sm-push-5.grid-sm-9 { grid-column-end: 15; } .grid-sm-push-5.grid-sm-10 { grid-column-end: 16; } .grid-sm-push-5.grid-sm-11 { grid-column-end: 17; } .grid-sm-push-5.grid-sm-12 { grid-column-end: 18; } .grid-sm-6 { grid-column: span 6; } .grid-sm-6.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-6.grid-sm-1 { grid-column-end: 8; } .grid-sm-push-6.grid-sm-2 { grid-column-end: 9; } .grid-sm-push-6.grid-sm-3 { grid-column-end: 10; } .grid-sm-push-6.grid-sm-4 { grid-column-end: 11; } .grid-sm-push-6.grid-sm-5 { grid-column-end: 12; } .grid-sm-push-6.grid-sm-6 { grid-column-end: 13; } .grid-sm-push-6.grid-sm-7 { grid-column-end: 14; } .grid-sm-push-6.grid-sm-8 { grid-column-end: 15; } .grid-sm-push-6.grid-sm-9 { grid-column-end: 16; } .grid-sm-push-6.grid-sm-10 { grid-column-end: 17; } .grid-sm-push-6.grid-sm-11 { grid-column-end: 18; } .grid-sm-push-6.grid-sm-12 { grid-column-end: 19; } .grid-sm-7 { grid-column: span 7; } .grid-sm-7.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-7.grid-sm-1 { grid-column-end: 9; } .grid-sm-push-7.grid-sm-2 { grid-column-end: 10; } .grid-sm-push-7.grid-sm-3 { grid-column-end: 11; } .grid-sm-push-7.grid-sm-4 { grid-column-end: 12; } .grid-sm-push-7.grid-sm-5 { grid-column-end: 13; } .grid-sm-push-7.grid-sm-6 { grid-column-end: 14; } .grid-sm-push-7.grid-sm-7 { grid-column-end: 15; } .grid-sm-push-7.grid-sm-8 { grid-column-end: 16; } .grid-sm-push-7.grid-sm-9 { grid-column-end: 17; } .grid-sm-push-7.grid-sm-10 { grid-column-end: 18; } .grid-sm-push-7.grid-sm-11 { grid-column-end: 19; } .grid-sm-push-7.grid-sm-12 { grid-column-end: 20; } .grid-sm-8 { grid-column: span 8; } .grid-sm-8.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-8.grid-sm-1 { grid-column-end: 10; } .grid-sm-push-8.grid-sm-2 { grid-column-end: 11; } .grid-sm-push-8.grid-sm-3 { grid-column-end: 12; } .grid-sm-push-8.grid-sm-4 { grid-column-end: 13; } .grid-sm-push-8.grid-sm-5 { grid-column-end: 14; } .grid-sm-push-8.grid-sm-6 { grid-column-end: 15; } .grid-sm-push-8.grid-sm-7 { grid-column-end: 16; } .grid-sm-push-8.grid-sm-8 { grid-column-end: 17; } .grid-sm-push-8.grid-sm-9 { grid-column-end: 18; } .grid-sm-push-8.grid-sm-10 { grid-column-end: 19; } .grid-sm-push-8.grid-sm-11 { grid-column-end: 20; } .grid-sm-push-8.grid-sm-12 { grid-column-end: 21; } .grid-sm-9 { grid-column: span 9; } .grid-sm-9.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-9.grid-sm-1 { grid-column-end: 11; } .grid-sm-push-9.grid-sm-2 { grid-column-end: 12; } .grid-sm-push-9.grid-sm-3 { grid-column-end: 13; } .grid-sm-push-9.grid-sm-4 { grid-column-end: 14; } .grid-sm-push-9.grid-sm-5 { grid-column-end: 15; } .grid-sm-push-9.grid-sm-6 { grid-column-end: 16; } .grid-sm-push-9.grid-sm-7 { grid-column-end: 17; } .grid-sm-push-9.grid-sm-8 { grid-column-end: 18; } .grid-sm-push-9.grid-sm-9 { grid-column-end: 19; } .grid-sm-push-9.grid-sm-10 { grid-column-end: 20; } .grid-sm-push-9.grid-sm-11 { grid-column-end: 21; } .grid-sm-push-9.grid-sm-12 { grid-column-end: 22; } .grid-sm-10 { grid-column: span 10; } .grid-sm-10.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-10.grid-sm-1 { grid-column-end: 12; } .grid-sm-push-10.grid-sm-2 { grid-column-end: 13; } .grid-sm-push-10.grid-sm-3 { grid-column-end: 14; } .grid-sm-push-10.grid-sm-4 { grid-column-end: 15; } .grid-sm-push-10.grid-sm-5 { grid-column-end: 16; } .grid-sm-push-10.grid-sm-6 { grid-column-end: 17; } .grid-sm-push-10.grid-sm-7 { grid-column-end: 18; } .grid-sm-push-10.grid-sm-8 { grid-column-end: 19; } .grid-sm-push-10.grid-sm-9 { grid-column-end: 20; } .grid-sm-push-10.grid-sm-10 { grid-column-end: 21; } .grid-sm-push-10.grid-sm-11 { grid-column-end: 22; } .grid-sm-push-10.grid-sm-12 { grid-column-end: 23; } .grid-sm-11 { grid-column: span 11; } .grid-sm-11.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-11.grid-sm-1 { grid-column-end: 13; } .grid-sm-push-11.grid-sm-2 { grid-column-end: 14; } .grid-sm-push-11.grid-sm-3 { grid-column-end: 15; } .grid-sm-push-11.grid-sm-4 { grid-column-end: 16; } .grid-sm-push-11.grid-sm-5 { grid-column-end: 17; } .grid-sm-push-11.grid-sm-6 { grid-column-end: 18; } .grid-sm-push-11.grid-sm-7 { grid-column-end: 19; } .grid-sm-push-11.grid-sm-8 { grid-column-end: 20; } .grid-sm-push-11.grid-sm-9 { grid-column-end: 21; } .grid-sm-push-11.grid-sm-10 { grid-column-end: 22; } .grid-sm-push-11.grid-sm-11 { grid-column-end: 23; } .grid-sm-push-11.grid-sm-12 { grid-column-end: 24; } .grid-sm-12 { grid-column: span 12; } .grid-sm-12.grid-sm-push-none { grid-column-end: auto; } .grid-sm-push-12.grid-sm-1 { grid-column-end: 14; } .grid-sm-push-12.grid-sm-2 { grid-column-end: 15; } .grid-sm-push-12.grid-sm-3 { grid-column-end: 16; } .grid-sm-push-12.grid-sm-4 { grid-column-end: 17; } .grid-sm-push-12.grid-sm-5 { grid-column-end: 18; } .grid-sm-push-12.grid-sm-6 { grid-column-end: 19; } .grid-sm-push-12.grid-sm-7 { grid-column-end: 20; } .grid-sm-push-12.grid-sm-8 { grid-column-end: 21; } .grid-sm-push-12.grid-sm-9 { grid-column-end: 22; } .grid-sm-push-12.grid-sm-10 { grid-column-end: 23; } .grid-sm-push-12.grid-sm-11 { grid-column-end: 24; } .grid-sm-push-12.grid-sm-12 { grid-column-end: 25; } } @media (min-width: 992px) { .grid-md-1 { grid-column: span 1; } .grid-md-1.grid-md-push-none { grid-column-end: auto; } .grid-md-push-1.grid-md-1 { grid-column-end: 3; } .grid-md-push-1.grid-md-2 { grid-column-end: 4; } .grid-md-push-1.grid-md-3 { grid-column-end: 5; } .grid-md-push-1.grid-md-4 { grid-column-end: 6; } .grid-md-push-1.grid-md-5 { grid-column-end: 7; } .grid-md-push-1.grid-md-6 { grid-column-end: 8; } .grid-md-push-1.grid-md-7 { grid-column-end: 9; } .grid-md-push-1.grid-md-8 { grid-column-end: 10; } .grid-md-push-1.grid-md-9 { grid-column-end: 11; } .grid-md-push-1.grid-md-10 { grid-column-end: 12; } .grid-md-push-1.grid-md-11 { grid-column-end: 13; } .grid-md-push-1.grid-md-12 { grid-column-end: 14; } .grid-md-2 { grid-column: span 2; } .grid-md-2.grid-md-push-none { grid-column-end: auto; } .grid-md-push-2.grid-md-1 { grid-column-end: 4; } .grid-md-push-2.grid-md-2 { grid-column-end: 5; } .grid-md-push-2.grid-md-3 { grid-column-end: 6; } .grid-md-push-2.grid-md-4 { grid-column-end: 7; } .grid-md-push-2.grid-md-5 { grid-column-end: 8; } .grid-md-push-2.grid-md-6 { grid-column-end: 9; } .grid-md-push-2.grid-md-7 { grid-column-end: 10; } .grid-md-push-2.grid-md-8 { grid-column-end: 11; } .grid-md-push-2.grid-md-9 { grid-column-end: 12; } .grid-md-push-2.grid-md-10 { grid-column-end: 13; } .grid-md-push-2.grid-md-11 { grid-column-end: 14; } .grid-md-push-2.grid-md-12 { grid-column-end: 15; } .grid-md-3 { grid-column: span 3; } .grid-md-3.grid-md-push-none { grid-column-end: auto; } .grid-md-push-3.grid-md-1 { grid-column-end: 5; } .grid-md-push-3.grid-md-2 { grid-column-end: 6; } .grid-md-push-3.grid-md-3 { grid-column-end: 7; } .grid-md-push-3.grid-md-4 { grid-column-end: 8; } .grid-md-push-3.grid-md-5 { grid-column-end: 9; } .grid-md-push-3.grid-md-6 { grid-column-end: 10; } .grid-md-push-3.grid-md-7 { grid-column-end: 11; } .grid-md-push-3.grid-md-8 { grid-column-end: 12; } .grid-md-push-3.grid-md-9 { grid-column-end: 13; } .grid-md-push-3.grid-md-10 { grid-column-end: 14; } .grid-md-push-3.grid-md-11 { grid-column-end: 15; } .grid-md-push-3.grid-md-12 { grid-column-end: 16; } .grid-md-4 { grid-column: span 4; } .grid-md-4.grid-md-push-none { grid-column-end: auto; } .grid-md-push-4.grid-md-1 { grid-column-end: 6; } .grid-md-push-4.grid-md-2 { grid-column-end: 7; } .grid-md-push-4.grid-md-3 { grid-column-end: 8; } .grid-md-push-4.grid-md-4 { grid-column-end: 9; } .grid-md-push-4.grid-md-5 { grid-column-end: 10; } .grid-md-push-4.grid-md-6 { grid-column-end: 11; } .grid-md-push-4.grid-md-7 { grid-column-end: 12; } .grid-md-push-4.grid-md-8 { grid-column-end: 13; } .grid-md-push-4.grid-md-9 { grid-column-end: 14; } .grid-md-push-4.grid-md-10 { grid-column-end: 15; } .grid-md-push-4.grid-md-11 { grid-column-end: 16; } .grid-md-push-4.grid-md-12 { grid-column-end: 17; } .grid-md-5 { grid-column: span 5; } .grid-md-5.grid-md-push-none { grid-column-end: auto; } .grid-md-push-5.grid-md-1 { grid-column-end: 7; } .grid-md-push-5.grid-md-2 { grid-column-end: 8; } .grid-md-push-5.grid-md-3 { grid-column-end: 9; } .grid-md-push-5.grid-md-4 { grid-column-end: 10; } .grid-md-push-5.grid-md-5 { grid-column-end: 11; } .grid-md-push-5.grid-md-6 { grid-column-end: 12; } .grid-md-push-5.grid-md-7 { grid-column-end: 13; } .grid-md-push-5.grid-md-8 { grid-column-end: 14; } .grid-md-push-5.grid-md-9 { grid-column-end: 15; } .grid-md-push-5.grid-md-10 { grid-column-end: 16; } .grid-md-push-5.grid-md-11 { grid-column-end: 17; } .grid-md-push-5.grid-md-12 { grid-column-end: 18; } .grid-md-6 { grid-column: span 6; } .grid-md-6.grid-md-push-none { grid-column-end: auto; } .grid-md-push-6.grid-md-1 { grid-column-end: 8; } .grid-md-push-6.grid-md-2 { grid-column-end: 9; } .grid-md-push-6.grid-md-3 { grid-column-end: 10; } .grid-md-push-6.grid-md-4 { grid-column-end: 11; } .grid-md-push-6.grid-md-5 { grid-column-end: 12; } .grid-md-push-6.grid-md-6 { grid-column-end: 13; } .grid-md-push-6.grid-md-7 { grid-column-end: 14; } .grid-md-push-6.grid-md-8 { grid-column-end: 15; } .grid-md-push-6.grid-md-9 { grid-column-end: 16; } .grid-md-push-6.grid-md-10 { grid-column-end: 17; } .grid-md-push-6.grid-md-11 { grid-column-end: 18; } .grid-md-push-6.grid-md-12 { grid-column-end: 19; } .grid-md-7 { grid-column: span 7; } .grid-md-7.grid-md-push-none { grid-column-end: auto; } .grid-md-push-7.grid-md-1 { grid-column-end: 9; } .grid-md-push-7.grid-md-2 { grid-column-end: 10; } .grid-md-push-7.grid-md-3 { grid-column-end: 11; } .grid-md-push-7.grid-md-4 { grid-column-end: 12; } .grid-md-push-7.grid-md-5 { grid-column-end: 13; } .grid-md-push-7.grid-md-6 { grid-column-end: 14; } .grid-md-push-7.grid-md-7 { grid-column-end: 15; } .grid-md-push-7.grid-md-8 { grid-column-end: 16; } .grid-md-push-7.grid-md-9 { grid-column-end: 17; } .grid-md-push-7.grid-md-10 { grid-column-end: 18; } .grid-md-push-7.grid-md-11 { grid-column-end: 19; } .grid-md-push-7.grid-md-12 { grid-column-end: 20; } .grid-md-8 { grid-column: span 8; } .grid-md-8.grid-md-push-none { grid-column-end: auto; } .grid-md-push-8.grid-md-1 { grid-column-end: 10; } .grid-md-push-8.grid-md-2 { grid-column-end: 11; } .grid-md-push-8.grid-md-3 { grid-column-end: 12; } .grid-md-push-8.grid-md-4 { grid-column-end: 13; } .grid-md-push-8.grid-md-5 { grid-column-end: 14; } .grid-md-push-8.grid-md-6 { grid-column-end: 15; } .grid-md-push-8.grid-md-7 { grid-column-end: 16; } .grid-md-push-8.grid-md-8 { grid-column-end: 17; } .grid-md-push-8.grid-md-9 { grid-column-end: 18; } .grid-md-push-8.grid-md-10 { grid-column-end: 19; } .grid-md-push-8.grid-md-11 { grid-column-end: 20; } .grid-md-push-8.grid-md-12 { grid-column-end: 21; } .grid-md-9 { grid-column: span 9; } .grid-md-9.grid-md-push-none { grid-column-end: auto; } .grid-md-push-9.grid-md-1 { grid-column-end: 11; } .grid-md-push-9.grid-md-2 { grid-column-end: 12; } .grid-md-push-9.grid-md-3 { grid-column-end: 13; } .grid-md-push-9.grid-md-4 { grid-column-end: 14; } .grid-md-push-9.grid-md-5 { grid-column-end: 15; } .grid-md-push-9.grid-md-6 { grid-column-end: 16; } .grid-md-push-9.grid-md-7 { grid-column-end: 17; } .grid-md-push-9.grid-md-8 { grid-column-end: 18; } .grid-md-push-9.grid-md-9 { grid-column-end: 19; } .grid-md-push-9.grid-md-10 { grid-column-end: 20; } .grid-md-push-9.grid-md-11 { grid-column-end: 21; } .grid-md-push-9.grid-md-12 { grid-column-end: 22; } .grid-md-10 { grid-column: span 10; } .grid-md-10.grid-md-push-none { grid-column-end: auto; } .grid-md-push-10.grid-md-1 { grid-column-end: 12; } .grid-md-push-10.grid-md-2 { grid-column-end: 13; } .grid-md-push-10.grid-md-3 { grid-column-end: 14; } .grid-md-push-10.grid-md-4 { grid-column-end: 15; } .grid-md-push-10.grid-md-5 { grid-column-end: 16; } .grid-md-push-10.grid-md-6 { grid-column-end: 17; } .grid-md-push-10.grid-md-7 { grid-column-end: 18; } .grid-md-push-10.grid-md-8 { grid-column-end: 19; } .grid-md-push-10.grid-md-9 { grid-column-end: 20; } .grid-md-push-10.grid-md-10 { grid-column-end: 21; } .grid-md-push-10.grid-md-11 { grid-column-end: 22; } .grid-md-push-10.grid-md-12 { grid-column-end: 23; } .grid-md-11 { grid-column: span 11; } .grid-md-11.grid-md-push-none { grid-column-end: auto; } .grid-md-push-11.grid-md-1 { grid-column-end: 13; } .grid-md-push-11.grid-md-2 { grid-column-end: 14; } .grid-md-push-11.grid-md-3 { grid-column-end: 15; } .grid-md-push-11.grid-md-4 { grid-column-end: 16; } .grid-md-push-11.grid-md-5 { grid-column-end: 17; } .grid-md-push-11.grid-md-6 { grid-column-end: 18; } .grid-md-push-11.grid-md-7 { grid-column-end: 19; } .grid-md-push-11.grid-md-8 { grid-column-end: 20; } .grid-md-push-11.grid-md-9 { grid-column-end: 21; } .grid-md-push-11.grid-md-10 { grid-column-end: 22; } .grid-md-push-11.grid-md-11 { grid-column-end: 23; } .grid-md-push-11.grid-md-12 { grid-column-end: 24; } .grid-md-12 { grid-column: span 12; } .grid-md-12.grid-md-push-none { grid-column-end: auto; } .grid-md-push-12.grid-md-1 { grid-column-end: 14; } .grid-md-push-12.grid-md-2 { grid-column-end: 15; } .grid-md-push-12.grid-md-3 { grid-column-end: 16; } .grid-md-push-12.grid-md-4 { grid-column-end: 17; } .grid-md-push-12.grid-md-5 { grid-column-end: 18; } .grid-md-push-12.grid-md-6 { grid-column-end: 19; } .grid-md-push-12.grid-md-7 { grid-column-end: 20; } .grid-md-push-12.grid-md-8 { grid-column-end: 21; } .grid-md-push-12.grid-md-9 { grid-column-end: 22; } .grid-md-push-12.grid-md-10 { grid-column-end: 23; } .grid-md-push-12.grid-md-11 { grid-column-end: 24; } .grid-md-push-12.grid-md-12 { grid-column-end: 25; } } @media (min-width: 1024px) { .grid-tb-1 { grid-column: span 1; } .grid-tb-1.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-1.grid-tb-1 { grid-column-end: 3; } .grid-tb-push-1.grid-tb-2 { grid-column-end: 4; } .grid-tb-push-1.grid-tb-3 { grid-column-end: 5; } .grid-tb-push-1.grid-tb-4 { grid-column-end: 6; } .grid-tb-push-1.grid-tb-5 { grid-column-end: 7; } .grid-tb-push-1.grid-tb-6 { grid-column-end: 8; } .grid-tb-push-1.grid-tb-7 { grid-column-end: 9; } .grid-tb-push-1.grid-tb-8 { grid-column-end: 10; } .grid-tb-push-1.grid-tb-9 { grid-column-end: 11; } .grid-tb-push-1.grid-tb-10 { grid-column-end: 12; } .grid-tb-push-1.grid-tb-11 { grid-column-end: 13; } .grid-tb-push-1.grid-tb-12 { grid-column-end: 14; } .grid-tb-2 { grid-column: span 2; } .grid-tb-2.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-2.grid-tb-1 { grid-column-end: 4; } .grid-tb-push-2.grid-tb-2 { grid-column-end: 5; } .grid-tb-push-2.grid-tb-3 { grid-column-end: 6; } .grid-tb-push-2.grid-tb-4 { grid-column-end: 7; } .grid-tb-push-2.grid-tb-5 { grid-column-end: 8; } .grid-tb-push-2.grid-tb-6 { grid-column-end: 9; } .grid-tb-push-2.grid-tb-7 { grid-column-end: 10; } .grid-tb-push-2.grid-tb-8 { grid-column-end: 11; } .grid-tb-push-2.grid-tb-9 { grid-column-end: 12; } .grid-tb-push-2.grid-tb-10 { grid-column-end: 13; } .grid-tb-push-2.grid-tb-11 { grid-column-end: 14; } .grid-tb-push-2.grid-tb-12 { grid-column-end: 15; } .grid-tb-3 { grid-column: span 3; } .grid-tb-3.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-3.grid-tb-1 { grid-column-end: 5; } .grid-tb-push-3.grid-tb-2 { grid-column-end: 6; } .grid-tb-push-3.grid-tb-3 { grid-column-end: 7; } .grid-tb-push-3.grid-tb-4 { grid-column-end: 8; } .grid-tb-push-3.grid-tb-5 { grid-column-end: 9; } .grid-tb-push-3.grid-tb-6 { grid-column-end: 10; } .grid-tb-push-3.grid-tb-7 { grid-column-end: 11; } .grid-tb-push-3.grid-tb-8 { grid-column-end: 12; } .grid-tb-push-3.grid-tb-9 { grid-column-end: 13; } .grid-tb-push-3.grid-tb-10 { grid-column-end: 14; } .grid-tb-push-3.grid-tb-11 { grid-column-end: 15; } .grid-tb-push-3.grid-tb-12 { grid-column-end: 16; } .grid-tb-4 { grid-column: span 4; } .grid-tb-4.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-4.grid-tb-1 { grid-column-end: 6; } .grid-tb-push-4.grid-tb-2 { grid-column-end: 7; } .grid-tb-push-4.grid-tb-3 { grid-column-end: 8; } .grid-tb-push-4.grid-tb-4 { grid-column-end: 9; } .grid-tb-push-4.grid-tb-5 { grid-column-end: 10; } .grid-tb-push-4.grid-tb-6 { grid-column-end: 11; } .grid-tb-push-4.grid-tb-7 { grid-column-end: 12; } .grid-tb-push-4.grid-tb-8 { grid-column-end: 13; } .grid-tb-push-4.grid-tb-9 { grid-column-end: 14; } .grid-tb-push-4.grid-tb-10 { grid-column-end: 15; } .grid-tb-push-4.grid-tb-11 { grid-column-end: 16; } .grid-tb-push-4.grid-tb-12 { grid-column-end: 17; } .grid-tb-5 { grid-column: span 5; } .grid-tb-5.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-5.grid-tb-1 { grid-column-end: 7; } .grid-tb-push-5.grid-tb-2 { grid-column-end: 8; } .grid-tb-push-5.grid-tb-3 { grid-column-end: 9; } .grid-tb-push-5.grid-tb-4 { grid-column-end: 10; } .grid-tb-push-5.grid-tb-5 { grid-column-end: 11; } .grid-tb-push-5.grid-tb-6 { grid-column-end: 12; } .grid-tb-push-5.grid-tb-7 { grid-column-end: 13; } .grid-tb-push-5.grid-tb-8 { grid-column-end: 14; } .grid-tb-push-5.grid-tb-9 { grid-column-end: 15; } .grid-tb-push-5.grid-tb-10 { grid-column-end: 16; } .grid-tb-push-5.grid-tb-11 { grid-column-end: 17; } .grid-tb-push-5.grid-tb-12 { grid-column-end: 18; } .grid-tb-6 { grid-column: span 6; } .grid-tb-6.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-6.grid-tb-1 { grid-column-end: 8; } .grid-tb-push-6.grid-tb-2 { grid-column-end: 9; } .grid-tb-push-6.grid-tb-3 { grid-column-end: 10; } .grid-tb-push-6.grid-tb-4 { grid-column-end: 11; } .grid-tb-push-6.grid-tb-5 { grid-column-end: 12; } .grid-tb-push-6.grid-tb-6 { grid-column-end: 13; } .grid-tb-push-6.grid-tb-7 { grid-column-end: 14; } .grid-tb-push-6.grid-tb-8 { grid-column-end: 15; } .grid-tb-push-6.grid-tb-9 { grid-column-end: 16; } .grid-tb-push-6.grid-tb-10 { grid-column-end: 17; } .grid-tb-push-6.grid-tb-11 { grid-column-end: 18; } .grid-tb-push-6.grid-tb-12 { grid-column-end: 19; } .grid-tb-7 { grid-column: span 7; } .grid-tb-7.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-7.grid-tb-1 { grid-column-end: 9; } .grid-tb-push-7.grid-tb-2 { grid-column-end: 10; } .grid-tb-push-7.grid-tb-3 { grid-column-end: 11; } .grid-tb-push-7.grid-tb-4 { grid-column-end: 12; } .grid-tb-push-7.grid-tb-5 { grid-column-end: 13; } .grid-tb-push-7.grid-tb-6 { grid-column-end: 14; } .grid-tb-push-7.grid-tb-7 { grid-column-end: 15; } .grid-tb-push-7.grid-tb-8 { grid-column-end: 16; } .grid-tb-push-7.grid-tb-9 { grid-column-end: 17; } .grid-tb-push-7.grid-tb-10 { grid-column-end: 18; } .grid-tb-push-7.grid-tb-11 { grid-column-end: 19; } .grid-tb-push-7.grid-tb-12 { grid-column-end: 20; } .grid-tb-8 { grid-column: span 8; } .grid-tb-8.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-8.grid-tb-1 { grid-column-end: 10; } .grid-tb-push-8.grid-tb-2 { grid-column-end: 11; } .grid-tb-push-8.grid-tb-3 { grid-column-end: 12; } .grid-tb-push-8.grid-tb-4 { grid-column-end: 13; } .grid-tb-push-8.grid-tb-5 { grid-column-end: 14; } .grid-tb-push-8.grid-tb-6 { grid-column-end: 15; } .grid-tb-push-8.grid-tb-7 { grid-column-end: 16; } .grid-tb-push-8.grid-tb-8 { grid-column-end: 17; } .grid-tb-push-8.grid-tb-9 { grid-column-end: 18; } .grid-tb-push-8.grid-tb-10 { grid-column-end: 19; } .grid-tb-push-8.grid-tb-11 { grid-column-end: 20; } .grid-tb-push-8.grid-tb-12 { grid-column-end: 21; } .grid-tb-9 { grid-column: span 9; } .grid-tb-9.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-9.grid-tb-1 { grid-column-end: 11; } .grid-tb-push-9.grid-tb-2 { grid-column-end: 12; } .grid-tb-push-9.grid-tb-3 { grid-column-end: 13; } .grid-tb-push-9.grid-tb-4 { grid-column-end: 14; } .grid-tb-push-9.grid-tb-5 { grid-column-end: 15; } .grid-tb-push-9.grid-tb-6 { grid-column-end: 16; } .grid-tb-push-9.grid-tb-7 { grid-column-end: 17; } .grid-tb-push-9.grid-tb-8 { grid-column-end: 18; } .grid-tb-push-9.grid-tb-9 { grid-column-end: 19; } .grid-tb-push-9.grid-tb-10 { grid-column-end: 20; } .grid-tb-push-9.grid-tb-11 { grid-column-end: 21; } .grid-tb-push-9.grid-tb-12 { grid-column-end: 22; } .grid-tb-10 { grid-column: span 10; } .grid-tb-10.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-10.grid-tb-1 { grid-column-end: 12; } .grid-tb-push-10.grid-tb-2 { grid-column-end: 13; } .grid-tb-push-10.grid-tb-3 { grid-column-end: 14; } .grid-tb-push-10.grid-tb-4 { grid-column-end: 15; } .grid-tb-push-10.grid-tb-5 { grid-column-end: 16; } .grid-tb-push-10.grid-tb-6 { grid-column-end: 17; } .grid-tb-push-10.grid-tb-7 { grid-column-end: 18; } .grid-tb-push-10.grid-tb-8 { grid-column-end: 19; } .grid-tb-push-10.grid-tb-9 { grid-column-end: 20; } .grid-tb-push-10.grid-tb-10 { grid-column-end: 21; } .grid-tb-push-10.grid-tb-11 { grid-column-end: 22; } .grid-tb-push-10.grid-tb-12 { grid-column-end: 23; } .grid-tb-11 { grid-column: span 11; } .grid-tb-11.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-11.grid-tb-1 { grid-column-end: 13; } .grid-tb-push-11.grid-tb-2 { grid-column-end: 14; } .grid-tb-push-11.grid-tb-3 { grid-column-end: 15; } .grid-tb-push-11.grid-tb-4 { grid-column-end: 16; } .grid-tb-push-11.grid-tb-5 { grid-column-end: 17; } .grid-tb-push-11.grid-tb-6 { grid-column-end: 18; } .grid-tb-push-11.grid-tb-7 { grid-column-end: 19; } .grid-tb-push-11.grid-tb-8 { grid-column-end: 20; } .grid-tb-push-11.grid-tb-9 { grid-column-end: 21; } .grid-tb-push-11.grid-tb-10 { grid-column-end: 22; } .grid-tb-push-11.grid-tb-11 { grid-column-end: 23; } .grid-tb-push-11.grid-tb-12 { grid-column-end: 24; } .grid-tb-12 { grid-column: span 12; } .grid-tb-12.grid-tb-push-none { grid-column-end: auto; } .grid-tb-push-12.grid-tb-1 { grid-column-end: 14; } .grid-tb-push-12.grid-tb-2 { grid-column-end: 15; } .grid-tb-push-12.grid-tb-3 { grid-column-end: 16; } .grid-tb-push-12.grid-tb-4 { grid-column-end: 17; } .grid-tb-push-12.grid-tb-5 { grid-column-end: 18; } .grid-tb-push-12.grid-tb-6 { grid-column-end: 19; } .grid-tb-push-12.grid-tb-7 { grid-column-end: 20; } .grid-tb-push-12.grid-tb-8 { grid-column-end: 21; } .grid-tb-push-12.grid-tb-9 { grid-column-end: 22; } .grid-tb-push-12.grid-tb-10 { grid-column-end: 23; } .grid-tb-push-12.grid-tb-11 { grid-column-end: 24; } .grid-tb-push-12.grid-tb-12 { grid-column-end: 25; } } @media (min-width: 1200px) { .grid-lg-1 { grid-column: span 1; } .grid-lg-1.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-1.grid-lg-1 { grid-column-end: 3; } .grid-lg-push-1.grid-lg-2 { grid-column-end: 4; } .grid-lg-push-1.grid-lg-3 { grid-column-end: 5; } .grid-lg-push-1.grid-lg-4 { grid-column-end: 6; } .grid-lg-push-1.grid-lg-5 { grid-column-end: 7; } .grid-lg-push-1.grid-lg-6 { grid-column-end: 8; } .grid-lg-push-1.grid-lg-7 { grid-column-end: 9; } .grid-lg-push-1.grid-lg-8 { grid-column-end: 10; } .grid-lg-push-1.grid-lg-9 { grid-column-end: 11; } .grid-lg-push-1.grid-lg-10 { grid-column-end: 12; } .grid-lg-push-1.grid-lg-11 { grid-column-end: 13; } .grid-lg-push-1.grid-lg-12 { grid-column-end: 14; } .grid-lg-2 { grid-column: span 2; } .grid-lg-2.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-2.grid-lg-1 { grid-column-end: 4; } .grid-lg-push-2.grid-lg-2 { grid-column-end: 5; } .grid-lg-push-2.grid-lg-3 { grid-column-end: 6; } .grid-lg-push-2.grid-lg-4 { grid-column-end: 7; } .grid-lg-push-2.grid-lg-5 { grid-column-end: 8; } .grid-lg-push-2.grid-lg-6 { grid-column-end: 9; } .grid-lg-push-2.grid-lg-7 { grid-column-end: 10; } .grid-lg-push-2.grid-lg-8 { grid-column-end: 11; } .grid-lg-push-2.grid-lg-9 { grid-column-end: 12; } .grid-lg-push-2.grid-lg-10 { grid-column-end: 13; } .grid-lg-push-2.grid-lg-11 { grid-column-end: 14; } .grid-lg-push-2.grid-lg-12 { grid-column-end: 15; } .grid-lg-3 { grid-column: span 3; } .grid-lg-3.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-3.grid-lg-1 { grid-column-end: 5; } .grid-lg-push-3.grid-lg-2 { grid-column-end: 6; } .grid-lg-push-3.grid-lg-3 { grid-column-end: 7; } .grid-lg-push-3.grid-lg-4 { grid-column-end: 8; } .grid-lg-push-3.grid-lg-5 { grid-column-end: 9; } .grid-lg-push-3.grid-lg-6 { grid-column-end: 10; } .grid-lg-push-3.grid-lg-7 { grid-column-end: 11; } .grid-lg-push-3.grid-lg-8 { grid-column-end: 12; } .grid-lg-push-3.grid-lg-9 { grid-column-end: 13; } .grid-lg-push-3.grid-lg-10 { grid-column-end: 14; } .grid-lg-push-3.grid-lg-11 { grid-column-end: 15; } .grid-lg-push-3.grid-lg-12 { grid-column-end: 16; } .grid-lg-4 { grid-column: span 4; } .grid-lg-4.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-4.grid-lg-1 { grid-column-end: 6; } .grid-lg-push-4.grid-lg-2 { grid-column-end: 7; } .grid-lg-push-4.grid-lg-3 { grid-column-end: 8; } .grid-lg-push-4.grid-lg-4 { grid-column-end: 9; } .grid-lg-push-4.grid-lg-5 { grid-column-end: 10; } .grid-lg-push-4.grid-lg-6 { grid-column-end: 11; } .grid-lg-push-4.grid-lg-7 { grid-column-end: 12; } .grid-lg-push-4.grid-lg-8 { grid-column-end: 13; } .grid-lg-push-4.grid-lg-9 { grid-column-end: 14; } .grid-lg-push-4.grid-lg-10 { grid-column-end: 15; } .grid-lg-push-4.grid-lg-11 { grid-column-end: 16; } .grid-lg-push-4.grid-lg-12 { grid-column-end: 17; } .grid-lg-5 { grid-column: span 5; } .grid-lg-5.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-5.grid-lg-1 { grid-column-end: 7; } .grid-lg-push-5.grid-lg-2 { grid-column-end: 8; } .grid-lg-push-5.grid-lg-3 { grid-column-end: 9; } .grid-lg-push-5.grid-lg-4 { grid-column-end: 10; } .grid-lg-push-5.grid-lg-5 { grid-column-end: 11; } .grid-lg-push-5.grid-lg-6 { grid-column-end: 12; } .grid-lg-push-5.grid-lg-7 { grid-column-end: 13; } .grid-lg-push-5.grid-lg-8 { grid-column-end: 14; } .grid-lg-push-5.grid-lg-9 { grid-column-end: 15; } .grid-lg-push-5.grid-lg-10 { grid-column-end: 16; } .grid-lg-push-5.grid-lg-11 { grid-column-end: 17; } .grid-lg-push-5.grid-lg-12 { grid-column-end: 18; } .grid-lg-6 { grid-column: span 6; } .grid-lg-6.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-6.grid-lg-1 { grid-column-end: 8; } .grid-lg-push-6.grid-lg-2 { grid-column-end: 9; } .grid-lg-push-6.grid-lg-3 { grid-column-end: 10; } .grid-lg-push-6.grid-lg-4 { grid-column-end: 11; } .grid-lg-push-6.grid-lg-5 { grid-column-end: 12; } .grid-lg-push-6.grid-lg-6 { grid-column-end: 13; } .grid-lg-push-6.grid-lg-7 { grid-column-end: 14; } .grid-lg-push-6.grid-lg-8 { grid-column-end: 15; } .grid-lg-push-6.grid-lg-9 { grid-column-end: 16; } .grid-lg-push-6.grid-lg-10 { grid-column-end: 17; } .grid-lg-push-6.grid-lg-11 { grid-column-end: 18; } .grid-lg-push-6.grid-lg-12 { grid-column-end: 19; } .grid-lg-7 { grid-column: span 7; } .grid-lg-7.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-7.grid-lg-1 { grid-column-end: 9; } .grid-lg-push-7.grid-lg-2 { grid-column-end: 10; } .grid-lg-push-7.grid-lg-3 { grid-column-end: 11; } .grid-lg-push-7.grid-lg-4 { grid-column-end: 12; } .grid-lg-push-7.grid-lg-5 { grid-column-end: 13; } .grid-lg-push-7.grid-lg-6 { grid-column-end: 14; } .grid-lg-push-7.grid-lg-7 { grid-column-end: 15; } .grid-lg-push-7.grid-lg-8 { grid-column-end: 16; } .grid-lg-push-7.grid-lg-9 { grid-column-end: 17; } .grid-lg-push-7.grid-lg-10 { grid-column-end: 18; } .grid-lg-push-7.grid-lg-11 { grid-column-end: 19; } .grid-lg-push-7.grid-lg-12 { grid-column-end: 20; } .grid-lg-8 { grid-column: span 8; } .grid-lg-8.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-8.grid-lg-1 { grid-column-end: 10; } .grid-lg-push-8.grid-lg-2 { grid-column-end: 11; } .grid-lg-push-8.grid-lg-3 { grid-column-end: 12; } .grid-lg-push-8.grid-lg-4 { grid-column-end: 13; } .grid-lg-push-8.grid-lg-5 { grid-column-end: 14; } .grid-lg-push-8.grid-lg-6 { grid-column-end: 15; } .grid-lg-push-8.grid-lg-7 { grid-column-end: 16; } .grid-lg-push-8.grid-lg-8 { grid-column-end: 17; } .grid-lg-push-8.grid-lg-9 { grid-column-end: 18; } .grid-lg-push-8.grid-lg-10 { grid-column-end: 19; } .grid-lg-push-8.grid-lg-11 { grid-column-end: 20; } .grid-lg-push-8.grid-lg-12 { grid-column-end: 21; } .grid-lg-9 { grid-column: span 9; } .grid-lg-9.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-9.grid-lg-1 { grid-column-end: 11; } .grid-lg-push-9.grid-lg-2 { grid-column-end: 12; } .grid-lg-push-9.grid-lg-3 { grid-column-end: 13; } .grid-lg-push-9.grid-lg-4 { grid-column-end: 14; } .grid-lg-push-9.grid-lg-5 { grid-column-end: 15; } .grid-lg-push-9.grid-lg-6 { grid-column-end: 16; } .grid-lg-push-9.grid-lg-7 { grid-column-end: 17; } .grid-lg-push-9.grid-lg-8 { grid-column-end: 18; } .grid-lg-push-9.grid-lg-9 { grid-column-end: 19; } .grid-lg-push-9.grid-lg-10 { grid-column-end: 20; } .grid-lg-push-9.grid-lg-11 { grid-column-end: 21; } .grid-lg-push-9.grid-lg-12 { grid-column-end: 22; } .grid-lg-10 { grid-column: span 10; } .grid-lg-10.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-10.grid-lg-1 { grid-column-end: 12; } .grid-lg-push-10.grid-lg-2 { grid-column-end: 13; } .grid-lg-push-10.grid-lg-3 { grid-column-end: 14; } .grid-lg-push-10.grid-lg-4 { grid-column-end: 15; } .grid-lg-push-10.grid-lg-5 { grid-column-end: 16; } .grid-lg-push-10.grid-lg-6 { grid-column-end: 17; } .grid-lg-push-10.grid-lg-7 { grid-column-end: 18; } .grid-lg-push-10.grid-lg-8 { grid-column-end: 19; } .grid-lg-push-10.grid-lg-9 { grid-column-end: 20; } .grid-lg-push-10.grid-lg-10 { grid-column-end: 21; } .grid-lg-push-10.grid-lg-11 { grid-column-end: 22; } .grid-lg-push-10.grid-lg-12 { grid-column-end: 23; } .grid-lg-11 { grid-column: span 11; } .grid-lg-11.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-11.grid-lg-1 { grid-column-end: 13; } .grid-lg-push-11.grid-lg-2 { grid-column-end: 14; } .grid-lg-push-11.grid-lg-3 { grid-column-end: 15; } .grid-lg-push-11.grid-lg-4 { grid-column-end: 16; } .grid-lg-push-11.grid-lg-5 { grid-column-end: 17; } .grid-lg-push-11.grid-lg-6 { grid-column-end: 18; } .grid-lg-push-11.grid-lg-7 { grid-column-end: 19; } .grid-lg-push-11.grid-lg-8 { grid-column-end: 20; } .grid-lg-push-11.grid-lg-9 { grid-column-end: 21; } .grid-lg-push-11.grid-lg-10 { grid-column-end: 22; } .grid-lg-push-11.grid-lg-11 { grid-column-end: 23; } .grid-lg-push-11.grid-lg-12 { grid-column-end: 24; } .grid-lg-12 { grid-column: span 12; } .grid-lg-12.grid-lg-push-none { grid-column-end: auto; } .grid-lg-push-12.grid-lg-1 { grid-column-end: 14; } .grid-lg-push-12.grid-lg-2 { grid-column-end: 15; } .grid-lg-push-12.grid-lg-3 { grid-column-end: 16; } .grid-lg-push-12.grid-lg-4 { grid-column-end: 17; } .grid-lg-push-12.grid-lg-5 { grid-column-end: 18; } .grid-lg-push-12.grid-lg-6 { grid-column-end: 19; } .grid-lg-push-12.grid-lg-7 { grid-column-end: 20; } .grid-lg-push-12.grid-lg-8 { grid-column-end: 21; } .grid-lg-push-12.grid-lg-9 { grid-column-end: 22; } .grid-lg-push-12.grid-lg-10 { grid-column-end: 23; } .grid-lg-push-12.grid-lg-11 { grid-column-end: 24; } .grid-lg-push-12.grid-lg-12 { grid-column-end: 25; } } @media (min-width: 1600px) { .grid-xl-1 { grid-column: span 1; } .grid-xl-1.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-1.grid-xl-1 { grid-column-end: 3; } .grid-xl-push-1.grid-xl-2 { grid-column-end: 4; } .grid-xl-push-1.grid-xl-3 { grid-column-end: 5; } .grid-xl-push-1.grid-xl-4 { grid-column-end: 6; } .grid-xl-push-1.grid-xl-5 { grid-column-end: 7; } .grid-xl-push-1.grid-xl-6 { grid-column-end: 8; } .grid-xl-push-1.grid-xl-7 { grid-column-end: 9; } .grid-xl-push-1.grid-xl-8 { grid-column-end: 10; } .grid-xl-push-1.grid-xl-9 { grid-column-end: 11; } .grid-xl-push-1.grid-xl-10 { grid-column-end: 12; } .grid-xl-push-1.grid-xl-11 { grid-column-end: 13; } .grid-xl-push-1.grid-xl-12 { grid-column-end: 14; } .grid-xl-2 { grid-column: span 2; } .grid-xl-2.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-2.grid-xl-1 { grid-column-end: 4; } .grid-xl-push-2.grid-xl-2 { grid-column-end: 5; } .grid-xl-push-2.grid-xl-3 { grid-column-end: 6; } .grid-xl-push-2.grid-xl-4 { grid-column-end: 7; } .grid-xl-push-2.grid-xl-5 { grid-column-end: 8; } .grid-xl-push-2.grid-xl-6 { grid-column-end: 9; } .grid-xl-push-2.grid-xl-7 { grid-column-end: 10; } .grid-xl-push-2.grid-xl-8 { grid-column-end: 11; } .grid-xl-push-2.grid-xl-9 { grid-column-end: 12; } .grid-xl-push-2.grid-xl-10 { grid-column-end: 13; } .grid-xl-push-2.grid-xl-11 { grid-column-end: 14; } .grid-xl-push-2.grid-xl-12 { grid-column-end: 15; } .grid-xl-3 { grid-column: span 3; } .grid-xl-3.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-3.grid-xl-1 { grid-column-end: 5; } .grid-xl-push-3.grid-xl-2 { grid-column-end: 6; } .grid-xl-push-3.grid-xl-3 { grid-column-end: 7; } .grid-xl-push-3.grid-xl-4 { grid-column-end: 8; } .grid-xl-push-3.grid-xl-5 { grid-column-end: 9; } .grid-xl-push-3.grid-xl-6 { grid-column-end: 10; } .grid-xl-push-3.grid-xl-7 { grid-column-end: 11; } .grid-xl-push-3.grid-xl-8 { grid-column-end: 12; } .grid-xl-push-3.grid-xl-9 { grid-column-end: 13; } .grid-xl-push-3.grid-xl-10 { grid-column-end: 14; } .grid-xl-push-3.grid-xl-11 { grid-column-end: 15; } .grid-xl-push-3.grid-xl-12 { grid-column-end: 16; } .grid-xl-4 { grid-column: span 4; } .grid-xl-4.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-4.grid-xl-1 { grid-column-end: 6; } .grid-xl-push-4.grid-xl-2 { grid-column-end: 7; } .grid-xl-push-4.grid-xl-3 { grid-column-end: 8; } .grid-xl-push-4.grid-xl-4 { grid-column-end: 9; } .grid-xl-push-4.grid-xl-5 { grid-column-end: 10; } .grid-xl-push-4.grid-xl-6 { grid-column-end: 11; } .grid-xl-push-4.grid-xl-7 { grid-column-end: 12; } .grid-xl-push-4.grid-xl-8 { grid-column-end: 13; } .grid-xl-push-4.grid-xl-9 { grid-column-end: 14; } .grid-xl-push-4.grid-xl-10 { grid-column-end: 15; } .grid-xl-push-4.grid-xl-11 { grid-column-end: 16; } .grid-xl-push-4.grid-xl-12 { grid-column-end: 17; } .grid-xl-5 { grid-column: span 5; } .grid-xl-5.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-5.grid-xl-1 { grid-column-end: 7; } .grid-xl-push-5.grid-xl-2 { grid-column-end: 8; } .grid-xl-push-5.grid-xl-3 { grid-column-end: 9; } .grid-xl-push-5.grid-xl-4 { grid-column-end: 10; } .grid-xl-push-5.grid-xl-5 { grid-column-end: 11; } .grid-xl-push-5.grid-xl-6 { grid-column-end: 12; } .grid-xl-push-5.grid-xl-7 { grid-column-end: 13; } .grid-xl-push-5.grid-xl-8 { grid-column-end: 14; } .grid-xl-push-5.grid-xl-9 { grid-column-end: 15; } .grid-xl-push-5.grid-xl-10 { grid-column-end: 16; } .grid-xl-push-5.grid-xl-11 { grid-column-end: 17; } .grid-xl-push-5.grid-xl-12 { grid-column-end: 18; } .grid-xl-6 { grid-column: span 6; } .grid-xl-6.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-6.grid-xl-1 { grid-column-end: 8; } .grid-xl-push-6.grid-xl-2 { grid-column-end: 9; } .grid-xl-push-6.grid-xl-3 { grid-column-end: 10; } .grid-xl-push-6.grid-xl-4 { grid-column-end: 11; } .grid-xl-push-6.grid-xl-5 { grid-column-end: 12; } .grid-xl-push-6.grid-xl-6 { grid-column-end: 13; } .grid-xl-push-6.grid-xl-7 { grid-column-end: 14; } .grid-xl-push-6.grid-xl-8 { grid-column-end: 15; } .grid-xl-push-6.grid-xl-9 { grid-column-end: 16; } .grid-xl-push-6.grid-xl-10 { grid-column-end: 17; } .grid-xl-push-6.grid-xl-11 { grid-column-end: 18; } .grid-xl-push-6.grid-xl-12 { grid-column-end: 19; } .grid-xl-7 { grid-column: span 7; } .grid-xl-7.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-7.grid-xl-1 { grid-column-end: 9; } .grid-xl-push-7.grid-xl-2 { grid-column-end: 10; } .grid-xl-push-7.grid-xl-3 { grid-column-end: 11; } .grid-xl-push-7.grid-xl-4 { grid-column-end: 12; } .grid-xl-push-7.grid-xl-5 { grid-column-end: 13; } .grid-xl-push-7.grid-xl-6 { grid-column-end: 14; } .grid-xl-push-7.grid-xl-7 { grid-column-end: 15; } .grid-xl-push-7.grid-xl-8 { grid-column-end: 16; } .grid-xl-push-7.grid-xl-9 { grid-column-end: 17; } .grid-xl-push-7.grid-xl-10 { grid-column-end: 18; } .grid-xl-push-7.grid-xl-11 { grid-column-end: 19; } .grid-xl-push-7.grid-xl-12 { grid-column-end: 20; } .grid-xl-8 { grid-column: span 8; } .grid-xl-8.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-8.grid-xl-1 { grid-column-end: 10; } .grid-xl-push-8.grid-xl-2 { grid-column-end: 11; } .grid-xl-push-8.grid-xl-3 { grid-column-end: 12; } .grid-xl-push-8.grid-xl-4 { grid-column-end: 13; } .grid-xl-push-8.grid-xl-5 { grid-column-end: 14; } .grid-xl-push-8.grid-xl-6 { grid-column-end: 15; } .grid-xl-push-8.grid-xl-7 { grid-column-end: 16; } .grid-xl-push-8.grid-xl-8 { grid-column-end: 17; } .grid-xl-push-8.grid-xl-9 { grid-column-end: 18; } .grid-xl-push-8.grid-xl-10 { grid-column-end: 19; } .grid-xl-push-8.grid-xl-11 { grid-column-end: 20; } .grid-xl-push-8.grid-xl-12 { grid-column-end: 21; } .grid-xl-9 { grid-column: span 9; } .grid-xl-9.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-9.grid-xl-1 { grid-column-end: 11; } .grid-xl-push-9.grid-xl-2 { grid-column-end: 12; } .grid-xl-push-9.grid-xl-3 { grid-column-end: 13; } .grid-xl-push-9.grid-xl-4 { grid-column-end: 14; } .grid-xl-push-9.grid-xl-5 { grid-column-end: 15; } .grid-xl-push-9.grid-xl-6 { grid-column-end: 16; } .grid-xl-push-9.grid-xl-7 { grid-column-end: 17; } .grid-xl-push-9.grid-xl-8 { grid-column-end: 18; } .grid-xl-push-9.grid-xl-9 { grid-column-end: 19; } .grid-xl-push-9.grid-xl-10 { grid-column-end: 20; } .grid-xl-push-9.grid-xl-11 { grid-column-end: 21; } .grid-xl-push-9.grid-xl-12 { grid-column-end: 22; } .grid-xl-10 { grid-column: span 10; } .grid-xl-10.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-10.grid-xl-1 { grid-column-end: 12; } .grid-xl-push-10.grid-xl-2 { grid-column-end: 13; } .grid-xl-push-10.grid-xl-3 { grid-column-end: 14; } .grid-xl-push-10.grid-xl-4 { grid-column-end: 15; } .grid-xl-push-10.grid-xl-5 { grid-column-end: 16; } .grid-xl-push-10.grid-xl-6 { grid-column-end: 17; } .grid-xl-push-10.grid-xl-7 { grid-column-end: 18; } .grid-xl-push-10.grid-xl-8 { grid-column-end: 19; } .grid-xl-push-10.grid-xl-9 { grid-column-end: 20; } .grid-xl-push-10.grid-xl-10 { grid-column-end: 21; } .grid-xl-push-10.grid-xl-11 { grid-column-end: 22; } .grid-xl-push-10.grid-xl-12 { grid-column-end: 23; } .grid-xl-11 { grid-column: span 11; } .grid-xl-11.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-11.grid-xl-1 { grid-column-end: 13; } .grid-xl-push-11.grid-xl-2 { grid-column-end: 14; } .grid-xl-push-11.grid-xl-3 { grid-column-end: 15; } .grid-xl-push-11.grid-xl-4 { grid-column-end: 16; } .grid-xl-push-11.grid-xl-5 { grid-column-end: 17; } .grid-xl-push-11.grid-xl-6 { grid-column-end: 18; } .grid-xl-push-11.grid-xl-7 { grid-column-end: 19; } .grid-xl-push-11.grid-xl-8 { grid-column-end: 20; } .grid-xl-push-11.grid-xl-9 { grid-column-end: 21; } .grid-xl-push-11.grid-xl-10 { grid-column-end: 22; } .grid-xl-push-11.grid-xl-11 { grid-column-end: 23; } .grid-xl-push-11.grid-xl-12 { grid-column-end: 24; } .grid-xl-12 { grid-column: span 12; } .grid-xl-12.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-12.grid-xl-1 { grid-column-end: 14; } .grid-xl-push-12.grid-xl-2 { grid-column-end: 15; } .grid-xl-push-12.grid-xl-3 { grid-column-end: 16; } .grid-xl-push-12.grid-xl-4 { grid-column-end: 17; } .grid-xl-push-12.grid-xl-5 { grid-column-end: 18; } .grid-xl-push-12.grid-xl-6 { grid-column-end: 19; } .grid-xl-push-12.grid-xl-7 { grid-column-end: 20; } .grid-xl-push-12.grid-xl-8 { grid-column-end: 21; } .grid-xl-push-12.grid-xl-9 { grid-column-end: 22; } .grid-xl-push-12.grid-xl-10 { grid-column-end: 23; } .grid-xl-push-12.grid-xl-11 { grid-column-end: 24; } .grid-xl-push-12.grid-xl-12 { grid-column-end: 25; } } @media (min-width: 1920px) { .grid-xl-1 { grid-column: span 1; } .grid-xl-1.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-1.grid-xl-1 { grid-column-end: 3; } .grid-xl-push-1.grid-xl-2 { grid-column-end: 4; } .grid-xl-push-1.grid-xl-3 { grid-column-end: 5; } .grid-xl-push-1.grid-xl-4 { grid-column-end: 6; } .grid-xl-push-1.grid-xl-5 { grid-column-end: 7; } .grid-xl-push-1.grid-xl-6 { grid-column-end: 8; } .grid-xl-push-1.grid-xl-7 { grid-column-end: 9; } .grid-xl-push-1.grid-xl-8 { grid-column-end: 10; } .grid-xl-push-1.grid-xl-9 { grid-column-end: 11; } .grid-xl-push-1.grid-xl-10 { grid-column-end: 12; } .grid-xl-push-1.grid-xl-11 { grid-column-end: 13; } .grid-xl-push-1.grid-xl-12 { grid-column-end: 14; } .grid-xl-2 { grid-column: span 2; } .grid-xl-2.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-2.grid-xl-1 { grid-column-end: 4; } .grid-xl-push-2.grid-xl-2 { grid-column-end: 5; } .grid-xl-push-2.grid-xl-3 { grid-column-end: 6; } .grid-xl-push-2.grid-xl-4 { grid-column-end: 7; } .grid-xl-push-2.grid-xl-5 { grid-column-end: 8; } .grid-xl-push-2.grid-xl-6 { grid-column-end: 9; } .grid-xl-push-2.grid-xl-7 { grid-column-end: 10; } .grid-xl-push-2.grid-xl-8 { grid-column-end: 11; } .grid-xl-push-2.grid-xl-9 { grid-column-end: 12; } .grid-xl-push-2.grid-xl-10 { grid-column-end: 13; } .grid-xl-push-2.grid-xl-11 { grid-column-end: 14; } .grid-xl-push-2.grid-xl-12 { grid-column-end: 15; } .grid-xl-3 { grid-column: span 3; } .grid-xl-3.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-3.grid-xl-1 { grid-column-end: 5; } .grid-xl-push-3.grid-xl-2 { grid-column-end: 6; } .grid-xl-push-3.grid-xl-3 { grid-column-end: 7; } .grid-xl-push-3.grid-xl-4 { grid-column-end: 8; } .grid-xl-push-3.grid-xl-5 { grid-column-end: 9; } .grid-xl-push-3.grid-xl-6 { grid-column-end: 10; } .grid-xl-push-3.grid-xl-7 { grid-column-end: 11; } .grid-xl-push-3.grid-xl-8 { grid-column-end: 12; } .grid-xl-push-3.grid-xl-9 { grid-column-end: 13; } .grid-xl-push-3.grid-xl-10 { grid-column-end: 14; } .grid-xl-push-3.grid-xl-11 { grid-column-end: 15; } .grid-xl-push-3.grid-xl-12 { grid-column-end: 16; } .grid-xl-4 { grid-column: span 4; } .grid-xl-4.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-4.grid-xl-1 { grid-column-end: 6; } .grid-xl-push-4.grid-xl-2 { grid-column-end: 7; } .grid-xl-push-4.grid-xl-3 { grid-column-end: 8; } .grid-xl-push-4.grid-xl-4 { grid-column-end: 9; } .grid-xl-push-4.grid-xl-5 { grid-column-end: 10; } .grid-xl-push-4.grid-xl-6 { grid-column-end: 11; } .grid-xl-push-4.grid-xl-7 { grid-column-end: 12; } .grid-xl-push-4.grid-xl-8 { grid-column-end: 13; } .grid-xl-push-4.grid-xl-9 { grid-column-end: 14; } .grid-xl-push-4.grid-xl-10 { grid-column-end: 15; } .grid-xl-push-4.grid-xl-11 { grid-column-end: 16; } .grid-xl-push-4.grid-xl-12 { grid-column-end: 17; } .grid-xl-5 { grid-column: span 5; } .grid-xl-5.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-5.grid-xl-1 { grid-column-end: 7; } .grid-xl-push-5.grid-xl-2 { grid-column-end: 8; } .grid-xl-push-5.grid-xl-3 { grid-column-end: 9; } .grid-xl-push-5.grid-xl-4 { grid-column-end: 10; } .grid-xl-push-5.grid-xl-5 { grid-column-end: 11; } .grid-xl-push-5.grid-xl-6 { grid-column-end: 12; } .grid-xl-push-5.grid-xl-7 { grid-column-end: 13; } .grid-xl-push-5.grid-xl-8 { grid-column-end: 14; } .grid-xl-push-5.grid-xl-9 { grid-column-end: 15; } .grid-xl-push-5.grid-xl-10 { grid-column-end: 16; } .grid-xl-push-5.grid-xl-11 { grid-column-end: 17; } .grid-xl-push-5.grid-xl-12 { grid-column-end: 18; } .grid-xl-6 { grid-column: span 6; } .grid-xl-6.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-6.grid-xl-1 { grid-column-end: 8; } .grid-xl-push-6.grid-xl-2 { grid-column-end: 9; } .grid-xl-push-6.grid-xl-3 { grid-column-end: 10; } .grid-xl-push-6.grid-xl-4 { grid-column-end: 11; } .grid-xl-push-6.grid-xl-5 { grid-column-end: 12; } .grid-xl-push-6.grid-xl-6 { grid-column-end: 13; } .grid-xl-push-6.grid-xl-7 { grid-column-end: 14; } .grid-xl-push-6.grid-xl-8 { grid-column-end: 15; } .grid-xl-push-6.grid-xl-9 { grid-column-end: 16; } .grid-xl-push-6.grid-xl-10 { grid-column-end: 17; } .grid-xl-push-6.grid-xl-11 { grid-column-end: 18; } .grid-xl-push-6.grid-xl-12 { grid-column-end: 19; } .grid-xl-7 { grid-column: span 7; } .grid-xl-7.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-7.grid-xl-1 { grid-column-end: 9; } .grid-xl-push-7.grid-xl-2 { grid-column-end: 10; } .grid-xl-push-7.grid-xl-3 { grid-column-end: 11; } .grid-xl-push-7.grid-xl-4 { grid-column-end: 12; } .grid-xl-push-7.grid-xl-5 { grid-column-end: 13; } .grid-xl-push-7.grid-xl-6 { grid-column-end: 14; } .grid-xl-push-7.grid-xl-7 { grid-column-end: 15; } .grid-xl-push-7.grid-xl-8 { grid-column-end: 16; } .grid-xl-push-7.grid-xl-9 { grid-column-end: 17; } .grid-xl-push-7.grid-xl-10 { grid-column-end: 18; } .grid-xl-push-7.grid-xl-11 { grid-column-end: 19; } .grid-xl-push-7.grid-xl-12 { grid-column-end: 20; } .grid-xl-8 { grid-column: span 8; } .grid-xl-8.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-8.grid-xl-1 { grid-column-end: 10; } .grid-xl-push-8.grid-xl-2 { grid-column-end: 11; } .grid-xl-push-8.grid-xl-3 { grid-column-end: 12; } .grid-xl-push-8.grid-xl-4 { grid-column-end: 13; } .grid-xl-push-8.grid-xl-5 { grid-column-end: 14; } .grid-xl-push-8.grid-xl-6 { grid-column-end: 15; } .grid-xl-push-8.grid-xl-7 { grid-column-end: 16; } .grid-xl-push-8.grid-xl-8 { grid-column-end: 17; } .grid-xl-push-8.grid-xl-9 { grid-column-end: 18; } .grid-xl-push-8.grid-xl-10 { grid-column-end: 19; } .grid-xl-push-8.grid-xl-11 { grid-column-end: 20; } .grid-xl-push-8.grid-xl-12 { grid-column-end: 21; } .grid-xl-9 { grid-column: span 9; } .grid-xl-9.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-9.grid-xl-1 { grid-column-end: 11; } .grid-xl-push-9.grid-xl-2 { grid-column-end: 12; } .grid-xl-push-9.grid-xl-3 { grid-column-end: 13; } .grid-xl-push-9.grid-xl-4 { grid-column-end: 14; } .grid-xl-push-9.grid-xl-5 { grid-column-end: 15; } .grid-xl-push-9.grid-xl-6 { grid-column-end: 16; } .grid-xl-push-9.grid-xl-7 { grid-column-end: 17; } .grid-xl-push-9.grid-xl-8 { grid-column-end: 18; } .grid-xl-push-9.grid-xl-9 { grid-column-end: 19; } .grid-xl-push-9.grid-xl-10 { grid-column-end: 20; } .grid-xl-push-9.grid-xl-11 { grid-column-end: 21; } .grid-xl-push-9.grid-xl-12 { grid-column-end: 22; } .grid-xl-10 { grid-column: span 10; } .grid-xl-10.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-10.grid-xl-1 { grid-column-end: 12; } .grid-xl-push-10.grid-xl-2 { grid-column-end: 13; } .grid-xl-push-10.grid-xl-3 { grid-column-end: 14; } .grid-xl-push-10.grid-xl-4 { grid-column-end: 15; } .grid-xl-push-10.grid-xl-5 { grid-column-end: 16; } .grid-xl-push-10.grid-xl-6 { grid-column-end: 17; } .grid-xl-push-10.grid-xl-7 { grid-column-end: 18; } .grid-xl-push-10.grid-xl-8 { grid-column-end: 19; } .grid-xl-push-10.grid-xl-9 { grid-column-end: 20; } .grid-xl-push-10.grid-xl-10 { grid-column-end: 21; } .grid-xl-push-10.grid-xl-11 { grid-column-end: 22; } .grid-xl-push-10.grid-xl-12 { grid-column-end: 23; } .grid-xl-11 { grid-column: span 11; } .grid-xl-11.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-11.grid-xl-1 { grid-column-end: 13; } .grid-xl-push-11.grid-xl-2 { grid-column-end: 14; } .grid-xl-push-11.grid-xl-3 { grid-column-end: 15; } .grid-xl-push-11.grid-xl-4 { grid-column-end: 16; } .grid-xl-push-11.grid-xl-5 { grid-column-end: 17; } .grid-xl-push-11.grid-xl-6 { grid-column-end: 18; } .grid-xl-push-11.grid-xl-7 { grid-column-end: 19; } .grid-xl-push-11.grid-xl-8 { grid-column-end: 20; } .grid-xl-push-11.grid-xl-9 { grid-column-end: 21; } .grid-xl-push-11.grid-xl-10 { grid-column-end: 22; } .grid-xl-push-11.grid-xl-11 { grid-column-end: 23; } .grid-xl-push-11.grid-xl-12 { grid-column-end: 24; } .grid-xl-12 { grid-column: span 12; } .grid-xl-12.grid-xl-push-none { grid-column-end: auto; } .grid-xl-push-12.grid-xl-1 { grid-column-end: 14; } .grid-xl-push-12.grid-xl-2 { grid-column-end: 15; } .grid-xl-push-12.grid-xl-3 { grid-column-end: 16; } .grid-xl-push-12.grid-xl-4 { grid-column-end: 17; } .grid-xl-push-12.grid-xl-5 { grid-column-end: 18; } .grid-xl-push-12.grid-xl-6 { grid-column-end: 19; } .grid-xl-push-12.grid-xl-7 { grid-column-end: 20; } .grid-xl-push-12.grid-xl-8 { grid-column-end: 21; } .grid-xl-push-12.grid-xl-9 { grid-column-end: 22; } .grid-xl-push-12.grid-xl-10 { grid-column-end: 23; } .grid-xl-push-12.grid-xl-11 { grid-column-end: 24; } .grid-xl-push-12.grid-xl-12 { grid-column-end: 25; } } body, html { font-size: 100%; overflow-x: hidden; height: auto; min-height: 100%; height: auto; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } pre { background: #000; color: #fff; padding: 4rem; } ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.5 !important; } :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.5 !important; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.5 !important; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.5 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ opacity: 0.5 !important; } mark { background: transparent; padding: 0; } .pointer-none { pointer-events: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } .button { font-size: 1rem; font-weight: 700; letter-spacing: -0.02em; text-align: center; border-radius: 1.875rem; border: solid 2px #FF2B3A; padding: 0.84375rem 0.9375rem; display: inline-flex; min-width: 197px; justify-content: center; transition: ease-in-out all 0.7s; } @media (min-width: 992px) { .button { padding: 0.703125vw 1.8489583333vw; font-size: 1.0416666667vw; } } .button--primary { background: #FF2B3A; color: #FDFDFD; } .button--primary:hover { background: #D1353E; border: solid 2px #D1353E; } .button--secondary { border: solid 2px #FF2B3A; color: #2E2A2A; } .button--secondary:hover { background: #FF2B3A; color: #FDFDFD; } .button--white { border: solid 2px #FDFDFD; background: #FDFDFD; color: #FF2B3A; align-items: center; justify-content: center; } .button--white svg { margin-left: 0.625rem; } .button--white svg path { transition: ease-in-out all 0.7s; } .button--white:hover { color: #FDFDFD; background: #D1353E; border: solid 2px #D1353E; } .button--white:hover svg path { fill: #FDFDFD; } .single article { padding: 3.75rem 0; } @media (min-width: 992px) { .single article { padding-top: 9.375vw; padding-bottom: 8.0729166667vw; } } .single article h2 { margin-bottom: 1.5625rem; } .wp-element-button { font-size: 1rem; font-weight: 700; letter-spacing: -0.02em; text-align: center; border-radius: 1.875rem; border: solid 2px #FF2B3A; padding: 0.84375rem 0.9375rem; display: inline-flex; min-width: 197px; justify-content: center; transition: ease-in-out all 0.7s; background: #FF2B3A; color: #FDFDFD !important; } @media (min-width: 992px) { .wp-element-button { padding: 0.703125vw 1.8489583333vw; font-size: 1.0416666667vw; } } .wp-element-button:hover { background: #D1353E; border: solid 2px #D1353E; } body { background: #FDFDFD; } .border-20 { border-radius: 1.25rem; } .custom-cursor { position: fixed; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); background-color: #FF2B3A; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; color: #FDFDFD; font-size: 12px; font-weight: 400; letter-spacing: -0.02em; text-align: center; opacity: 1; /* Ensure the cursor is always visible */ transition: ease-in-out font-size 0.2s; } .custom-cursor.hovered { font-size: 24px; line-height: 26px; padding: 2rem; } .custom-cursor .arrow-left { left: 20px; } .custom-cursor .arrow-right { right: 20px; } .custom-cursor .arrow-left, .custom-cursor .arrow-right { position: absolute; opacity: 0; transition: ease-in-out all 0.2s; } .custom-cursor.arrows .arrow-left, .custom-cursor.arrows .arrow-right { opacity: 1; } @media (max-width: 991px) { .custom-cursor { display: none; } } .custom-cursor.hover { width: 40px; height: 40px; } .subpage-intro { padding-top: 6.3125rem; text-align: center; margin-bottom: 3.75rem; } @media (min-width: 992px) { .subpage-intro { text-align: left; margin-bottom: 0; padding-top: 5.8333333333vw; } } .subpage-intro .image { width: 100%; height: 100%; width: 22.125rem; height: 22.125rem; margin: 0 auto; margin-bottom: -3.75rem; position: relative; } @media (max-width: 991px) { .subpage-intro .image { width: 100%; height: 100%; aspect-ratio: 1; } } @media (min-width: 992px) { .subpage-intro .image { max-width: unset; max-height: unset; width: 34.53125vw; height: 34.53125vw; margin-bottom: -3.90625vw; } } .subpage-intro .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; } .subpage-intro .image svg { position: absolute; top: 50%; margin: 0 auto; left: 0; right: 0; transform: translateY(-50%); max-width: 9.125rem; } @media (min-width: 992px) { .subpage-intro .image svg { max-width: 16.1979166667vw; } } .subpage-intro a { max-width: 9.7395833333vw; padding-inline: 0; width: 100%; min-width: unset; } @media (max-width: 991px) { .subpage-intro a { max-width: 9.125rem; min-width: unset; } .subpage-intro a svg { width: 10px; } } .subpage-intro h1 { margin-bottom: 1rem; } @media (min-width: 992px) { .subpage-intro h1 { margin-bottom: 0.78125vw; } } .subpage-intro p { margin-bottom: 1.5rem; } @media (min-width: 992px) { .subpage-intro p { margin-bottom: 1.6145833333vw; } } @media (min-width: 1024px) { ul { padding-left: 0; } } ul li { margin: 0; } ul li::marker { color: #FF2B3A; } div#gform_fields_1 { display: grid; gap: 16px; } div#gform_fields_1 label { margin-bottom: 0.75rem; font-size: 12px; font-weight: 400; line-height: 32px; letter-spacing: 0.2em; text-align: left; text-transform: uppercase; } div#gform_fields_1 label .gfield_required_text { display: none; } .video-container { position: relative; width: 100%; /* Adjust the width as needed */ min-height: 13.6875rem; background: #000000; } @media (min-width: 992px) { .video-container { min-height: 41.5625vw; } } .video-container img { margin: 0 auto; margin-bottom: 2.0833333333vw; } .video-container h2 { text-transform: uppercase; } @media (max-width: 991px) { .video-container h2 { font-size: 0.75rem; } } .video-container .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 3; opacity: 0; transition: ease-in-out 0.8s; cursor: pointer; } .video-container .video.active { opacity: 1; z-index: 99; } .video-container .poster { z-index: 4; border: none; outline: none; } .video-container .content-logo { position: absolute; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); top: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 999; pointer-events: none; transition: ease-in-out 1s; } .video-container .content-logo img { width: 8.5rem; } @media (min-width: 992px) { .video-container .content-logo img { width: 32.4479166667vw; } } .video-container .poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; cursor: pointer; transition: ease-in-out all 1s; } .video-container.active .poster, .video-container.active .content-logo { opacity: 0; } .gallerySlider { margin: 3.75rem 0 3.75rem; } @media (min-width: 1024px) { .gallerySlider { margin: 10rem 0 10rem; } } .gallerySlider .swiper-slide { height: 23.1875rem; } @media (max-width: 991px) { .gallerySlider .swiper-slide { height: 9.0625rem; } } .gallerySlider .swiper-slide > a, .gallerySlider .swiper-slide div { height: 23.1875rem; } @media (max-width: 991px) { .gallerySlider .swiper-slide > a, .gallerySlider .swiper-slide div { height: 9.0625rem; } } .gallerySlider .swiper-slide img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 991px) { .gallerySlider .swiper-slide img { width: calc(100% - 30px); margin: 0 auto; } } .single header a svg path, .pagename-lets-talk header a svg path, .pagename-lets-talk-careers header a svg path, .alt-logo header a svg path { fill: #FDFDFD; } .single header a svg path:nth-child(9), .pagename-lets-talk header a svg path:nth-child(9), .pagename-lets-talk-careers header a svg path:nth-child(9), .alt-logo header a svg path:nth-child(9) { fill: #FF2B3A; } @media (max-width: 991px) { .form-block { margin-bottom: 25rem; } } @media (min-width: 992px) { .form-block { padding-top: 8.75vw; } } @media (min-width: 992px) { .form-block .h2 { margin-top: 2.5vw; } } @media (max-width: 991px) { .form-block a { max-width: 10.625rem; width: 100%; } } @media (max-width: 991px) { .form-block .grid-row { gap: 2.1875rem; } } @media (min-width: 992px) { .form-block .form-wrapper { margin-bottom: -7.2916666667vw; } } .form-block .form-wrapper .form-inner { background: #FFFFFF; border-radius: 12px; box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.08); padding: 2.5rem 1.875rem 0.8125rem; min-height: 26.7708333333vw; } @media (min-width: 992px) { .form-block .form-wrapper .form-inner { box-shadow: 0px 0px 4.1666666667vw rgba(0, 0, 0, 0.08); padding: 2.0833333333vw 1.5625vw 0.6770833333vw; } } .form-block .form-wrapper .form-inner > p { font-weight: 600; text-transform: none; font-size: 1.5rem; } @media (min-width: 992px) { .form-block .form-wrapper .form-inner > p { margin-bottom: 1.40625vw; } } .form-block .form-wrapper .form-inner input, .form-block .form-wrapper .form-inner textarea { background: #F7F7F7; border: 1px solid #AAAAAA; border-radius: 6px; padding: 12px !important; padding-left: 0.9375rem !important; } .form-block .form-wrapper .form-inner textarea { height: 7rem !important; } .form-block .form-wrapper .form-inner .button--fill { width: 100%; border-radius: 6px; text-transform: uppercase; text-align: center; justify-content: center; } .form-block .form-wrapper ::-moz-placeholder { color: #2E2A2A; opacity: 1; } .form-block .form-wrapper :-ms-input-placeholder { color: #2E2A2A; opacity: 1; } .form-block .form-wrapper ::placeholder { color: #2E2A2A; opacity: 1; } .form-block .form-wrapper .gform_wrapper.gravity-theme .gform_footer, .form-block .form-wrapper .gform_wrapper.gravity-theme .gform_page_footer { margin: 14px 0 0; padding: 0 0; } .form-block .form-wrapper .footer-terms { margin-top: 1.375rem; } @media (max-width: 991px) { .form-block .form-wrapper .footer-terms { margin-bottom: -425px; } } @media (min-width: 992px) { .form-block .form-wrapper .footer-terms { margin-top: 1.4583333333vw; } } .form-block .form-wrapper .footer-terms p { font-size: 14px; text-align: center; } @media (min-width: 992px) { .form-block .form-wrapper .footer-terms p { font-size: 0.7291666667vw; } } .form-block .form-wrapper .footer-terms p a { text-decoration: underline; color: #2E2A2A; } div#gform_1_validation_container, .gfield_validation_message { display: none; } .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border: 1px solid #c02b0a; background: #ffeaea; } .basic-template { padding-top: 5.2604166667vw; padding-bottom: 3.125vw; } .basic-template h1 { margin-bottom: 0.8333333333vw; } @media (min-width: 992px) { .basic-template { padding-top: 11.5625vw; padding-bottom: 5.4166666667vw; } .basic-template h1 { margin-bottom: 1.0416666667vw; } } .wp-block-embed__wrapper iframe { width: 100%; height: auto; aspect-ratio: 16/9; background: black; border-radius: 10px; } #content img { border-radius: 10px; margin: 0 auto; margin-bottom: 1rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #content > h1, #content > h2, #content > h3, #content > h4, #content > h5, #content > figure, #content > p, #content > .wp-block-buttons, #content blockquote { max-width: 100%; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { #content > h1, #content > h2, #content > h3, #content > h4, #content > h5, #content > figure, #content > p, #content > .wp-block-buttons, #content blockquote { margin-left: auto; margin-right: auto; max-width: 41.6666666667vw; } } #content blockquote { margin-top: 2rem; margin-bottom: 2rem; background-image: url("../images/quote-marks.svg"); background-repeat: no-repeat; background-position: 0% -1%; padding-top: 1rem; } #content blockquote p { color: #FF2B3A; font-style: italic; font-weight: 600; } @media (min-width: 1024px) { #content blockquote p { font-size: 1.6666666667vw; line-height: 140%; letter-spacing: -0.64px; margin-bottom: 1.0416666667vw !important; } } #content blockquote cite { font-size: 24px; font-style: normal; font-weight: 400; line-height: 140%; /* 33.6px */ letter-spacing: -0.48px; } @media (min-width: 1024px) { #content blockquote cite { font-size: 1.25vw; } } .intro-block { position: relative; } .intro-block .content { padding-top: 6.3125rem; text-align: center; } @media (min-width: 992px) { .intro-block .content { padding-top: 12.34375vw; text-align: left; } } .intro-block .content h1 { margin-bottom: 1.5625rem; } @media (min-width: 992px) { .intro-block .content h1 { margin-bottom: 2.0833333333vw; } } .intro-block .content h1 strong { font-weight: 400; color: #FF2B3A; } .intro-block .content .button-wrapper { display: flex; flex-wrap: wrap; gap: 1.25rem; flex-direction: column; } @media (min-width: 992px) { .intro-block .content .button-wrapper { flex-direction: row; gap: 1.0416666667vw; } } @media (max-width: 991px) { .intro-block .content .button-wrapper a { text-align: center; min-width: 12.3125rem; justify-content: center; margin: 0 auto; } } .intro-block .image { position: absolute; border-radius: 100%; overflow: hidden; } @media (max-width: 991px) { .intro-block .image.media--video { height: 100vw; } } .intro-block .image.media--video video { height: 100vw; position: relative; width: 47.3958333333vw; height: 47.3958333333vw; scale: 2; } @media (max-width: 991px) { .intro-block .image { min-height: 100vw; transform: translateX(-15px); width: calc(100% + 30px); } } @media (min-width: 992px) { .intro-block .image { right: -5.2083333333vw; width: 47.3958333333vw; height: 47.3958333333vw; top: -3.0208333333vw; } } .intro-block .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .intro-block .image img { position: absolute; left: 0; right: 0; margin: 0 auto; } } .intro-block .image svg { position: absolute; top: 50%; width: 50%; margin: 0 auto; left: 0; right: 0; transform: translateY(-50%); } @media (min-width: 992px) { .intro-block .image svg { width: 23.59375vw; } } @media (max-width: 991px) { .intro-block .image { position: relative; margin-top: 2.375rem; } } .card-slider { position: relative; overflow: hidden; padding-bottom: 5.625rem; } @media (min-width: 992px) { .card-slider { margin-top: 20.8333333333vw; padding-bottom: 10.4166666667vw; } } .card-slider .giant-circle { background: #FF2B3A; border-radius: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 1; transform: scale(0.1); } @media (min-width: 992px) { .card-slider .giant-circle { width: 89.21875vw; height: 89.21875vw; } } .card-slider .content { margin: 3.75rem 0; margin-bottom: 1.875rem; position: relative; z-index: 2; } .card-slider .content h2, .card-slider .content p { color: #2E2A2A; } @media (min-width: 992px) { .card-slider .content { margin-top: 12.5vw; margin-bottom: 3.4895833333vw; } } .card-slider .content h2 { margin-bottom: 1.3125rem; } @media (min-width: 992px) { .card-slider .content h2 { margin-bottom: 1.09375vw; color: #FDFDFD; } } @media (min-width: 992px) { .card-slider .content p { color: #FDFDFD; } } .card-slider .swiper-slide .card { position: relative; } .card-slider .swiper-slide .card img { border-radius: 20px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; min-height: 27rem; } .card-slider .swiper-slide .card .swiper-slider-content { position: absolute; bottom: 30px; text-align: center; left: 0; right: 0; margin: 0 auto; padding: 0 2rem; z-index: 999; } .card-slider .swiper-container { width: 100%; overflow: visible; } @media (min-width: 992px) { .card-slider .swiper-container { height: 26.0416666667vw; } } @media (max-width: 991px) { .card-slider .swiper-container { padding: 0 1.875rem; } } .card-slider .swiper-slide { width: 385px; height: 490px; display: flex; justify-content: center; align-items: center; } @media (min-width: 992px) { .card-slider .swiper-slide { width: 20.0520833333vw; height: 25.5208333333vw; } } @media (max-width: 575px) { .card-slider .swiper-slide { width: 100%; } } .card-slider .card { position: relative; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; } .card-slider .card:hover .card-image { transform: scale(1.1); } .card-slider .card-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: ease-in-out all 0.8s; } .card-slider .card-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 99; } .card-slider .swiper-button-next, .card-slider .swiper-button-prev { /* Styles for the navigation buttons */ } /* Add your custom cursor styles here */ .custom-cursor { position: fixed; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #FF2B3A; pointer-events: none; /* Ensure the cursor doesn't interfere with click events */ z-index: 9999; /* Make sure it's above other elements */ } .custom-cursor.active { width: 11.25rem; height: 11.25rem; } .swiper { overflow: visible !important; } .swiper .swiper-slide { max-width: 24.375rem; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; margin-top: 2rem; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal span { width: 16px; height: 16px; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { background: rgba(255, 43, 58, 0.8); } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active { background: #FF2B3A; } @media (min-width: 992px) { .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { display: none; } } .card-cta { padding: 3.75rem 0; position: relative; } @media (min-width: 992px) { .card-cta { padding: 10.4166666667vw 0; } } @media (max-width: 991px) { .card-cta .grid-row { gap: 2.1875rem 0; } } .card-cta .content { text-align: center; } @media (min-width: 992px) { .card-cta .content { text-align: left; margin-top: 3.8020833333vw; } } .card-cta .content h2 { margin-bottom: 1rem; } @media (min-width: 992px) { .card-cta .content h2 { font-size: 2.1875vw; margin-bottom: 1.40625vw; } } .card-cta .content a { display: inline-flex; margin-top: 1rem; } @media (min-width: 992px) { .card-cta .content a { margin-top: 2.03125vw; } } .card-cta .small-circle { width: 100%; height: 100%; max-width: 27.0833333333vw; max-height: 27.0833333333vw; background: #FF2B3A; border-radius: 100%; position: absolute; bottom: -10%; left: 100px; transform: scale(0.1); } @media (max-width: 991px) { .card-cta .small-circle { display: none; } } .card-cta .medium-circle { width: 100%; height: 100%; max-width: 52.03125vw; max-height: 52.03125vw; background: #FF2B3A; border-radius: 100%; position: absolute; top: 50%; transform: scale(0.1) translateY(-50%); right: -5.2083333333vw; } @media (max-width: 991px) { .card-cta .medium-circle { max-width: 640px; max-height: 640px; width: 640px; height: 640px; right: 0; left: 0; margin: 0 auto; top: 80%; } } @media (max-width: 575px) { .card-cta .medium-circle { left: -5%; width: 110%; } } .card-cta .swiper { margin: 0 0 !important; } .card-cta .card { border-radius: 20px; } @media (max-width: 991px) { .card-cta .card { height: 490px; overflow: hidden; } } .card-cta .card .card-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 99; border-radius: 20px; } .card-cta .card__inner { position: relative; } .card-cta .card .logo { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; z-index: 99; } .card-cta .cards { width: 100%; height: auto; } @media (min-width: 992px) { .card-cta .cards { display: grid; grid-template-columns: repeat(6, 1fr); gap: 5.6770833333vw 1.0416666667vw; } .card-cta .cards .swiper-slide { width: 20.0520833333vw; height: 25.5208333333vw; } .card-cta .cards .card { position: relative; } .card-cta .cards .card .logo { width: 100%; max-width: 9.21875vw; } .card-cta .cards .card:first-of-type { grid-column: 3/span 3; grid-row: 1; } .card-cta .cards .card:nth-child(2) { grid-column: 1/span 3; grid-row: 2; } .card-cta .cards .card:nth-child(2) .card__inner { transform: translateX(-7.8125vw); } .card-cta .cards .card:last-of-type { grid-column: 4/span 3; grid-row: 2; padding-top: 5.2083333333vw; } } @media (max-width: 991px) { .card-cta .card__inner { height: 100%; overflow: hidden; } .card-cta .card__inner img { height: 100%; -o-object-position: 50%; object-position: 50%; -o-object-fit: cover; object-fit: cover; } } .swiper-pagination-mobile.swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; margin-top: 2rem; text-align: center; } .swiper-pagination-mobile.swiper-pagination-bullets.swiper-pagination-horizontal span { width: 16px; height: 16px; } .swiper-pagination-mobile.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { background: rgba(253, 253, 253, 0.8); margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 15px); } .swiper-pagination-mobile.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active { background: #FDFDFD; } @media (min-width: 992px) { .swiper-pagination-mobile { display: none !important; } } .cta-block { background-repeat: no-repeat; background-size: cover; padding: 3.75rem 0; } @media (min-width: 992px) { .cta-block { padding: 6.9791666667vw 0 5.8333333333vw; } } .cta-block .content h2 { margin-bottom: 1.3125rem; } @media (min-width: 992px) { .cta-block .content h2 { margin-bottom: 0.8333333333vw; } } .cta-block .content a { margin-top: 2rem; } @media (min-width: 992px) { .cta-block .content a { margin-bottom: 0.8333333333vw; } } .masthead { padding: 1.8125rem 2.1875rem; text-align: center; z-index: 9999; position: absolute; margin: 0 auto; left: 0; right: 0; } .masthead svg { width: 13.25rem; } @media (min-width: 992px) { .masthead { text-align: left; padding-top: 1.5625vw; } .masthead svg { width: 15.8854166667vw; } } .mastfoot { padding: 2.3125rem 0 1.5625rem; overflow: hidden; } @media (min-width: 992px) { .mastfoot { margin-top: -2.5vw; padding: 3.8541666667vw 0 0; } .mastfoot .container { padding-bottom: 1.5625vw; } } @media (min-width: 992px) { .mastfoot .grid-12 hr:first-of-type { margin-top: 1.3541666667vw; margin-bottom: 0; } } @media (min-width: 992px) { .mastfoot .grid-12 hr:last-of-type { margin: 0; } } .mastfoot a { display: block; } .mastfoot a svg { width: 14.1875rem; height: auto; } @media (min-width: 992px) { .mastfoot a svg { width: 11.8229166667vw; } } .mastfoot hr { height: 1px; background-color: #EAEAEA; border: none; width: 100%; } @media (max-width: 991px) { .mastfoot hr { margin-top: 1.875rem; margin-bottom: 1.875rem; } } .mastfoot .container { position: relative; } .mastfoot .footer-r { position: absolute; right: 10.4166666667vw; bottom: -3.125vw; bottom: -1.0416666667vw; bottom: 0; max-width: 25.6770833333vw; height: auto; } @media (max-width: 991px) { .mastfoot .footer-r { display: none; } } .mastfoot .footer-links-group { display: grid; grid-template-columns: 1fr 1fr; } @media (min-width: 992px) { .mastfoot .footer-links-group { padding-top: 2.8125vw; width: 27.6041666667vw; gap: 1.0416666667vw; } } .mastfoot .footer-links-group h3 { font-family: "graphie", sans-serif; font-weight: 700; line-height: 1.375rem; font-size: 1.125rem; margin-bottom: 0.875rem; letter-spacing: -0.02em; text-align: left; text-transform: capitalize; } @media (min-width: 992px) { .mastfoot .footer-links-group h3 { line-height: 1.1458333333vw; font-size: 0.9375vw; margin-bottom: 0.7291666667vw; } } .mastfoot .footer-links-group ul { list-style: none; padding: 0; } @media (min-width: 992px) { .mastfoot .footer-links-group ul { margin-bottom: 2.6041666667vw; } } .mastfoot .footer-links-group ul li, .mastfoot .footer-links-group ul a { font-size: 1rem; letter-spacing: -0.02em; text-align: left; color: #2E2A2A; } @media (min-width: 992px) { .mastfoot .footer-links-group ul li, .mastfoot .footer-links-group ul a { font-size: 0.8333333333vw; font-weight: 400; line-height: 0.9895833333vw; } } .mastfoot .footer-links-group ul li { margin-bottom: 1.125rem; } @media (min-width: 992px) { .mastfoot .footer-links-group ul li { margin-bottom: 0.7291666667vw; } } .mastfoot .footer-links-group ul li:last-of-type { margin-bottom: 0; } .mastfoot .footer-credits { display: flex; align-items: center; flex-wrap: wrap; font-weight: 400; font-size: 1rem; gap: 15px; letter-spacing: -0.02em; } @media (min-width: 992px) { .mastfoot .footer-credits { padding-top: 1.4583333333vw; font-size: 0.8333333333vw; line-height: 0.9895833333vw; } } .mastfoot .footer-credits ul { list-style: none; padding: 0; display: flex; align-items: center; flex-wrap: wrap; margin: 0; gap: 8px; } @media (min-width: 992px) { .mastfoot .footer-credits ul { width: 100%; } } @media (min-width: 992px) { .mastfoot .footer-credits ul { margin-left: 0.78125vw; gap: 0.78125vw; } } .mastfoot .footer-credits ul li, .mastfoot .footer-credits ul a { font-size: 1rem; font-weight: 400; letter-spacing: -0.02em; text-align: left; color: #2E2A2A; } @media (min-width: 992px) { .mastfoot .footer-credits ul li, .mastfoot .footer-credits ul a { line-height: 0.9895833333vw; font-size: 0.8333333333vw; } } /*# sourceMappingURL=theme.css.map*/