[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[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)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}.timeline { position:relative; list-style-type:none; padding:30px 0 50px 0; font-family:'Gorditas',Arial,sans-serif;} .timeline:before { content:''; position:absolute; width:5px; height:100%; top:0; left:165px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);} .event { position:relative; margin-bottom:80px; padding-right:40px;} .thumb { position:absolute; width:100px; height:100px; box-shadow: 0 0 0 8px rgba(65,131,142,1),0 1px 1px rgba(255,255,255,0.5); background-repeat:no-repeat; border-radius:50%; -webkit-transform:scale(0.8) translateX(24px); -moz-transform:scale(0.8) translateX(24px); -o-transform:scale(0.8) translateX(24px); -ms-transform:scale(0.8) translateX(24px); transform:scale(0.8) translateX(24px);} .thumb:before { content:''; position:absolute; height:8px; z-index:-1; background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC); width:51px; top:42px; left:100%; margin-left:8px;} .thumb span { color:#000; width:100%; text-align:center; font-weight:700; font-size:15px; text-transform:uppercase; position:absolute; bottom:-30px;} .user-1 { background-image:url(../images/chewbacca.jpg);} .user-2 { background-image:url(../images/barf.jpg);} .user-3 { background-image:url(../images/darkhelmet.jpg);} .user-4 { background-image:url(../images/darthvader.jpg);} .user-5 { background-image:url(../images/leia.jpg);} .user-6 { background-image:url(../images/vespa.jpg);} .user-7 { background-image:url(../images/c3po.jpg);} .user-8 { background-image:url(../images/dotmatrix.jpg);} .event label,.event input[type="radio"] { width:24px; height:24px; left:158px; top:36px; position:absolute; display:block;} .event input[type="radio"] { opacity:0; z-index:10; cursor:pointer;} .event label:after { font-family:'fontawesome-selected'; content:'\e702'; background:#fff; border-radius:50%; color:#000; font-size:26px; height:100%; width:100%; left:-2px; top:-3px; line-height:24px; position:absolute; text-align:center;} .content-perspective { margin-left:230px; position:relative; -webkit-perspective:600px; -moz-perspective:600px; -o-perspective:600px; -ms-perspective:600px; perspective:600px;} .content-perspective:before { content:''; width:37px; left:-51px; top:45px; position:absolute; height:1px; z-index:-1; background:#fff;} .content { -webkit-transform:rotateY(10deg); -moz-transform:rotateY(10deg); -o-transform:rotateY(10deg); -ms-transform:rotateY(10deg); transform:rotateY(10deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d;} .content-inner { position:relative; padding:20px; color:#333; border:none; border-left:5px solid #000; box-shadow:0 4px 6px rgba(0,0,0,0.1); background:#fff;} .content-inner h3 { font-size:26px; padding:5px 0 5px 0; color:#000;} .content-inner p { font-size:18px; max-height:0px; overflow:hidden; color:transparent; color:rgba(0,0,0,0); text-align:left;} .content-inner:before { font-family:'fontawesome-selected'; content:'\25c2'; font-weight:normal; font-size:54px; line-height:54px; position:absolute; width:30px; height:30px; color:#000; left:-22px; top:19px; z-index:-1;} .thumb,.thumb span,.content-inner h3 { -webkit-transition:all 0.6s ease-in-out 0.2s; -moz-transition:all 0.6s ease-in-out 0.2s; -o-transition:all 0.6s ease-in-out 0.2s; -ms-transition:all 0.6s ease-in-out 0.2s; transition:all 0.6s ease-in-out 0.2s;} .content-inner { -webkit-transition:box-shadow 0.8s linear 0.2s; -moz-transition:box-shadow 0.8s linear 0.2s; -o-transition:box-shadow 0.8s linear 0.2s; -ms-transition:box-shadow 0.8s linear 0.2s; transition:box-shadow 0.8s linear 0.2s;} .content { -webkit-transition:-webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s; -moz-transition:-moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s; -o-transition:-o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s; -ms-transition:-ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s; transition:transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;} .content-inner p { -webkit-transition:max-height 0.5s linear,color 0.3s linear; -moz-transition:max-height 0.5s linear,color 0.3s linear; -o-transition:max-height 0.5s linear,color 0.3s linear; -ms-transition:max-height 0.5s linear,color 0.3s linear; transition:max-height 0.5s linear,color 0.3s linear;} .event input[type="radio"]:checked + label:after { content:'\2714'; color:#F26328; box-shadow:0 0 0 5px rgba(255,255,255,0.8);} .event input[type="radio"]:checked ~ .content-perspective:before { background:#F26328;} .event input[type="radio"]:checked ~ .content-perspective .content-inner h3 { color:#F26328;} .event input[type="radio"]:checked ~ .content-perspective .content { -webkit-transform:rotateY(-5deg); -moz-transform:rotateY(-5deg); -o-transform:rotateY(-5deg); -ms-transform:rotateY(-5deg); transform:rotateY(-5deg);} .event input[type="radio"]:checked ~ .content-perspective .content-inner { border-color:#F26328; box-shadow:10px 0px 10px -6px rgba(0,0,0,0.1);} .event input[type="radio"]:checked ~ .content-perspective .content-inner p { max-height:260px; color:rgba(0,0,0,0.6); -webkit-transition-delay:0s,0.6s; -moz-transition-delay:0s,0.6s; -o-transition-delay:0s,0.6s; -ms-transition-delay:0s,0.6s; transition-delay:0s,0.6s;} .event input[type="radio"]:checked ~ .content-perspective .content-inner:before { color:#F26328;} .event input[type="radio"]:checked ~ .thumb { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); box-shadow: 0 0 0 8px rgba(242,99,40,1),0 1px 1px rgba(255,255,255,0.5);} .event input[type="radio"]:checked ~ .thumb span { color:#F26328;} .event input[type="radio"]:checked ~ .thumb:before { background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);} .content-inner p,.thumb span,.event label { -webkit-backface-visibility:hidden;}.thumb{width:200px; height:200px;box-shadow:0 0 0 8px rgb(40,40,40),0 1px 1px rgba(255,255,255,0.5);}.event input[type="radio"]:checked ~ .thumb{box-shadow:0 0 0 8px rgb(173,41,41),0 1px 1px rgba(255,255,255,0.5);}.event label,.event input[type="radio"]{left:282px;}.timeline:before{left:290px;}.content-perspective{margin-left:375px;}.thumb:before{top:30px;}.event input[type="radio"]:checked ~ .thumb:before{ top:42px;}.event input[type="radio"]:checked ~ .content-perspective .content-inner{border-color:#ad2929;}.event input[type="radio"]:checked + label:after{ color:#ad2929;}.content-inner{border-left:5px solid #333;}.content-inner h3{color:#333232;}.content-perspective:before{left:-40px;}@media screen and (max-width:850px) { .content-inner h3 { font-size:20px; } .content-inner p { font-size:14px; text-align:justify; } .event input[type="radio"]:checked ~ .content-perspective .content-inner p { max-height:500px; }} @media screen and (max-width:540px) { .timeline::before { left:50px;display:none; } .event { padding-right:0px; margin-bottom:220px;padding:0px 35px; } .thumb { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } .event input[type="radio"] { width:300px; height:300px; left:0px; top:0px; } .thumb:before,.event input[type="radio"]:checked ~ .thumb:before { background:none; width:0; } .event label { display:none; } .content-perspective { margin-left:0px; top:190px; } .content-perspective:before { height:0px; } .content { -webkit-transform:rotateX(-10deg); -moz-transform:rotateX(-10deg); -o-transform:rotateX(-10deg); -ms-transform:rotateX(-10deg); transform:rotateX(-10deg); } .event input[type="radio"]:checked ~ .content-perspective .content { -webkit-transform:rotateX(10deg); -moz-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); transform:rotateX(10deg); } .content-inner { border-left:none; border-top:5px solid #000; } .event input[type="radio"]:checked ~ .content-perspective .content-inner { border-color:#F26328; box-shadow:0 10px 10px -6px rgba(0,0,0,0.1); } .content-inner:before { content:'\25b4'; left:33px; top:-32px; } .event input[type="radio"]:checked ~ .content-perspective .content-inner p { max-height:300px; }} .mndeptdata{background:#dadada;padding:30px 0px;padding-bottom:100px; } .imgmbnm{display:inline-block; margin:0px auto; background:#fff; width:100%; height:100%; border-radius:100%; padding:14px; vertical-align:middle; position:relative; } .imgmbnm img{width:100%; display:block; vertical-align:middle; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0; padding:20px;} .event label:after{content:'\2714'; } .mndeptdata .main{display:block;margin:0px auto;width:100%;} .bodymain_regulatory_page .maincontentimr{border-right:2px dashed #888; padding-right:40px; height:98%;display:block;padding-top:40px; } .bodymain_regulatory_page .itemmainmnopmn{border:0px; padding-left:40px; padding-right:0px;} .thmbbgtmn{width:100%; display:block; margin:0px auto; background:#fff; border-radius:100%; max-width:85px;} .headmnttlmnop{ padding:20px; border:2px dashed #7b7878; position:relative; bottom:-30px; font-size:20px; background:#fff; line-height:normal; color:#000; text-transform:uppercase; text-align:center; border-right:0px;} .headmnttlmnop.rghtmnop{border:2px dashed #7b7878;border-left:0px; } .leftrmoplm{padding-right:0px;} .rleftrmoplm{padding-left:0px;} .mainhtml { --i:var(--wide,1); --j:calc(1 - var(--i)); --k:var(--narr,0); min-width:100%; } @media (max-width:36.5em) { .mainhtml { --wide:0 ; } } @media (max-width:250px) { .mainhtml { --narr:1 ; } } .maincontentimr { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:auto; transform-style:preserve-3d;margin:30px auto; } .maincontentimr article.articlmntp { --p:var(--parity,1); --q:calc(1 - var(--p)); --s:calc(1 - 2*var(--p)); display:var(--narr,grid); grid-template-columns:calc(var(--i)*calc(var(--q)*7em + var(--p)*21em) + var(--j)*calc(var(--q)*2em + var(--p)*calc(100% - 0.5em - 2em))) calc(var(--i)*calc(var(--p)*7em + var(--q)*21em) + var(--j)*calc(var(--p)*2em + var(--q)*calc(100% - 0.5em - 2em))); grid-gap:calc(var(--j)*0.5em) calc(var(--i)*1.25em + var(--j)*0.5em); grid-auto-flow:var(--wide,dense column); place-content:var(--parity,center end); position:relative; padding:calc(var(--i)*0.75em + var(--j)*5vw); max-width:100%; border-radius:var(--wide,calc(var(--q)*4.25em) calc(var(--p)*4.25em) calc(var(--p)*4.25em) calc(var(--q)*4.25em)); transform-style:preserve-3d; transform-origin:calc(var(--q)*100%) 100%; transform:rotatex(1deg); background:linear-gradient(calc(var(--s)*90deg),#fff,#dadada); counter-increment:idx; width:100%; } .maincontentimr article.articlmntp .imgiconmn { display:grid; place-content:center; grid-row:1/span calc(1 + var(--i)); grid-column:calc(1 + var(--p))/span 1; margin:0 auto; border:solid 0.125em var(--c1); width:2em; height:2em; border-radius:50%; *background:linear-gradient(90deg,var(--c1),var(--c2)); font-size:calc((var(--i)*3.5 + var(--j)*1)*1em); font-weight:300; color:#fff; content:counter(idx,decimal-leading-zero); } .maincontentimr article.articlmntp:after { position:absolute; width:100%; height:8.5em; max-height:100%; border-radius:inherit; transform-origin:inherit; transform:translate3d(calc(var(--s)*-20%),0,-1px) rotate(calc(var(--s)*-1.5deg)) scale(0.8,0.2); background:rgba(0,0,0,0.35); filter:blur(9px); content:var(--wide,""); } .maincontentimr article.articlmntp:nth-child(odd) { --parity:0 ; } .maincontentimr .articlmntp h3 { align-self:center; justify-self:var(--parity,self-end); padding:calc(var(--k)*0.25em) 0; font-size:1.5em; text-transform:capitalize; margin-bottom:0px; } .maincontentimr .articlmntp p { grid-column-end:span calc(1 + var(--j)); text-align:var(--wide,var(--parity,right)); margin:0px auto; margin-left:0px; } .maincontentimr .articlmntp:nth-child(2n) p{margin-right:0px;} .maincontentimrm { --i:var(--wide,1); --j:calc(1 - var(--i)); --k:var(--narr,1); display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0; min-height:100%; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.65)); } @media (max-width:30.75em) { .maincontentimrm { --wide:0 ; } } @media (min-width:400px) { .maincontentimrm { --narr:0 ; } } .maincontentimrm .articlmn { --p:var(--parity,0); --q:calc(1 - var(--p)); --s:calc(1 - 2*var(--p)); box-sizing:border-box; display:flex; flex-direction:var(--narr,column); align-items:center; justify-content:space-around; position:relative; margin:0.5em calc(var(--i)*var(--p)*3.75em) 0 calc(var(--i)*var(--q)*3.75em); border:solid 0 transparent; border-width:0 calc(var(--q)*5vmin) 0 calc(var(--p)*5vmin); padding:0.5em calc((var(--j) + var(--i)*var(--q))*0.5em) 0.5em calc((var(--j) + var(--i)*var(--p))*0.5em); max-width:27em; min-height:7.5em; background:linear-gradient(#fcfcfc,gainsboro) padding-box,linear-gradient(calc(var(--s)*90deg),var(--c0),var(--c1)) calc(var(--q)*100%)/ 5vmin 100%; color:var(--c1); font:900 calc((1.25 - .375*var(--k))*1em)/1.5 trebuchet ms,verdana,sans-serif; text-align:var(--parity,right); text-transform:uppercase;border-radius:0px 16px 0px 0px; margin-top:30px; width:100%; } .maincontentimrm .articlmn:before,.maincontentimrm .articlmn:after { box-sizing:border-box; min-width:var(--d); height:var(--d); border-radius:50%; } .maincontentimrm .articlmn .imgconmn { --d:2em; display:flex; align-items:center; justify-content:center; order:calc((1 - var(--k))*var(--p)); margin:0 calc(var(--i)*var(--p)*-1em + var(--q)*0.5em) 0 calc(var(--i)*var(--q)*-1em + var(--p)*0.5em); padding:0.09375em; background:linear-gradient(var(--c1),var(--c0)) content-box,linear-gradient(var(--c0),var(--c1)); font-size:calc(2.375em/(1 + var(--k))); border-radius:100%;width:85px; height:85px; } .maincontentimrm .articlmn:after { --d:7.5em; position:absolute; z-index:-1; left:calc(var(--p)*(100% - var(--d)) - var(--s)*.5*var(--d)); padding:1em; background:linear-gradient(90deg,var(--c0),var(--c1),var(--c0)); -webkit-mask:linear-gradient(red,red) content-box,linear-gradient(red,red); -webkit-mask-composite:xor; mask:linear-gradient(red,red) content-box exclude,linear-gradient(red,red); content:var(--wide,""); } .maincontentimrm .articlmn:nth-child(2n) { --parity:1 ;border-radius:16px 0px 0px 0px; } .maincontentimrm .contm{font-size:20px; display:block; text-transform:none;} .maincontentimrnm { --i:var(--wide,1); --j:calc(1 - var(--i)); --k:calc(1 - var(--narr,0)); display:grid; place-content:center; grid-gap:calc(var(--i)*2.25em + var(--j)*0.75em); min-height:100vh; *background:linear-gradient(to right bottom,#e5e5e5,#b3b3b3) fixed; *background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2017/kreator_rockharz_july_2018.jpg) 50%/cover; transition:.3s; max-width:800px; margin:0px auto; } @media (max-width:64em) { .maincontentimrnm { --wide:0 ; } } @media (max-width:33.5em) { .maincontentimrnm { --narr:1 ; } } @media (max-width:200px) { .maincontentimrnm { font-size:0.75em; } } .maincontentimrnm article.articlmntp { --p:var(--parity,0); --q:calc(1 - var(--p)); --s:calc(2*var(--p) - 1); --art-w:calc(var(--k)*32em + var(--narr,0)*100%); display:grid; grid-template:1fr 2fr/calc(var(--k)*9em + var(--narr,0)*3em) 1fr calc(var(--k)*3.25em); place-self:center; position:relative; padding:.125em; width:var(--art-w); min-height:9em; border-radius:calc(var(--k)*9em); box-shadow:1em 1em 1.5em rgba(0,0,0,0.15); background:linear-gradient(90deg,#d4d4d4,#fff) content-box,linear-gradient(90deg,#fff,#d2d2d2); counter-increment:idx; transition:inherit; } .maincontentimrnm article.articlmntp:before { grid-row:1/calc(2 + var(--k)); font-size:calc(var(--k)*6.75em + var(--narr,0)*1.5em); place-self:center; color:var(--c); text-shadow:1px 1px 1px #000; transition:inherit; content:counter(idx,decimal-leading-zero); } .maincontentimrnm article.articlmntp:after { display:flex; place-self:center; align-items:center; justify-content:center; grid-row:1/ span 2; position:var(--wide,absolute); top:calc(50% - 1em); left:calc(var(--q)*(100% - 2em) - var(--s)*2.5em); padding:.25rem; width:2em; height:2em; border-radius:50%; font-size:calc(var(--i)*5.625em + var(--j)*1em); box-shadow:var(--wide,inherit); background:var(--wide,linear-gradient(#ccc,#fff) content-box,linear-gradient(#fff,#d1d1d1)); transition:inherit; content:var(--narr); } .maincontentimrnm article.articlmntp:nth-child(2n) { --parity:1 ; } .maincontentimrnm article.articlmntp + article.articlmntp { --fader:linear-gradient(90deg,red,transparent) 0 0/ calc(32em - var(--j)*9em) 0.75em no-repeat ,; } .maincontentimrnm article.articlmntp:first-of-type,article.articlmntp:last-of-type { --rounder:radial-gradient(at 100% 50%,transparent 70%,red 71%) 0 var(--gy,0)/ 0.375em 0.75em no-repeat ,; } .maincontentimrnm article.articlmntp:last-of-type { --gy:100% ; } .maincontentimrnm .articlmntp span { position:absolute; z-index:-1; top:-12px; left:40px; border:solid 0.75em transparent; border-left:none; width:100%; height:167px; border-radius:100px; transform-origin:45%; transform:scalex(calc(var(--k)*var(--s))); background:conic-gradient(from -90deg,var(--slist)) border-box; --m:var(--rounder,) var(--fader,) linear-gradient(red,red) padding-box,linear-gradient(red,red) border-box; -webkit-mask:var(--m); -webkit-mask-composite:xor; mask:var(--m); mask-composite:exclusion; transition:inherit; max-width:485px; } .maincontentimrnm .articlmntp h3 { align-self:center; text-transform:uppercase; } .maincontentimrnm .articlmntp p { grid-row:2/ 3; grid-column:calc(1 + var(--k))/calc(2 + 2*var(--narr,0)); } @media (max-width:30.75em) { .maincontentimrm{width:90%; margin:0px auto;} .maincontentimrm .articlmn:nth-child(2n),.maincontentimrm .articlmn{border-radius:0px !important;} .maincontentimrm .articlmn{flex-direction:initial; } .maincontentimrm .articlmn:nth-child(2n){--parity:0; } .maincontentimrm .articlmn .imgconmn{height:100%; padding:6px; } .maincontentimrm .contm{text-align:right;font-size:12px;} } .ribboncontainer { width:80%; max-width:1000px; height:80px; margin:40px auto; position:relative; } .ribboncontainer.one > div { height:50px; } .ribboncontainer .main { background:#332a2a; position:relative; display:block; width:90%; left:50%; top:0; padding:5px; margin-left:-45%; z-index:10; } .ribboncontainer.one .main{height:53px;} .ribboncontainer .main > div { border:1px dashed #fff; border-color:rgba(255,255,255,0.5); height:auto; text-align:center; padding:7px; color:#fff; text-transform:uppercase; } .bk { background:#332a2a; position:absolute; width:8%; top:12px; } .bk.l { left:0; } .bk.r { right:0; } .skew { position:absolute; background:#000000; width:3%; top:6px; z-index:5; } .skew.l { left:5%; transform:skew(00deg,20deg); } .skew.r { right:5%; transform:skew(00deg,-20deg); } .bk.l > div { left:-30px; } .bk.r > div { right:-30px; } .arrow { height:25px !important; position:absolute; z-index:2; width:0; height:0; } .arrow.top { top:0px; border-top:0px solid transparent; border-bottom:25px solid transparent; border-right:30px solid #332a2a; } .arrow.bottom { top:25px; border-top:25px solid transparent; border-bottom:0px solid transparent; border-right:30px solid #332a2a; } .r .bottom { border-top:25px solid transparent; border-bottom:0px solid transparent; border-left:30px solid #332a2a; border-right:none; } .r .top { border-bottom:25px solid transparent; border-top:0px solid transparent; border-left:30px solid #332a2a; border-right:none; } @media all and (max-width:1020px) { .skew.l { left:5%; transform:skew(00deg,25deg); } .skew.r { right:5%; transform:skew(00deg,-25deg); } } @media all and (max-width:768px) { body{ overflow-x:hidden; } .maincontentimr{ display:table; } .ribboncontainer .main{font-size:12px; } .bodymain_regulatory_page .maincontentimr{padding-left:25px;border:0px;} .bodymain_regulatory_page .rleftrmoplm .maincontentimr{padding-right:25px;border:0px;padding-left:40px; } .ribboncontainer { width:100%; max-width:251px; } .ribboncontainer.one .main { height:50px; } .bk{top:10px; } .r .top{border-left:31px solid #332a2a; } .r .bottom{ border-left:31px solid #332a2a; } .l .arrow.top{ border-right:31px solid #332a2a; } .l .arrow.bottom{ border-right:31px solid #332a2a; } } @media all and (max-width:680px) { .skew.l { left:5%; transform:skew(00deg,30deg); } .skew.r { right:5%; transform:skew(00deg,-30deg); } } @media all and (max-width:460px) { .skew.l { left:5%; transform:skew(00deg,40deg); } .skew.r { right:5%; transform:skew(00deg,-40deg); } }