[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; overflow: hidden; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; } /* top: 0; left: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); */ .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .gslide-video { width: 100%; max-width: 100%; position: relative; width: 100vh; max-width: 100vh; width: 100% !important; } .gslide-video .gvideo-wrapper { width: 100%; /* max-width: 160vmin; */ margin: auto; } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 80vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gslide-description { position: relative; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p::last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4; } .gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .greset { -webkit-transition: all .3s ease; transition: all .3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; border: none; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 100%; height: auto; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: .1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description, .glightbox-modern .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title, .glightbox-modern .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video, .glightbox-modern .gslide-video { background: #000; } /* .gprev, .gnext, .gclose{ border: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII='); } */ .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose, .glightbox-modern .gprev, .glightbox-modern .gnext, .glightbox-modern .gclose { background-color: rgba(0, 0, 0, 0.12); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover, .glightbox-modern .gprev:hover, .glightbox-modern .gnext:hover, .glightbox-modern .gclose:hover { background-color: rgba(0, 0, 0, 0.20); } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path, .glightbox-modern .gprev path, .glightbox-modern .gnext path, .glightbox-modern .gclose path { fill: #fff; } .glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) { outline: none; } .glightbox-clean .gprev, .glightbox-modern .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 56px; } .glightbox-clean .gnext, .glightbox-modern .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 56px; } .glightbox-clean .gclose, .glightbox-modern .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: .7; background-position: -59px 2px; } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg { width: 20px; } .glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease; } .gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease; } .gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease; } .gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease; } .gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gslide-image img { max-height: 97vh; max-width: calc(100% - 20px); max-width: 100%; } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, .92); } .glightbox-clean .gslide-media, .glightbox-modern .gslide-media { -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .gprev, .glightbox-modern .gprev { top: 45%; } .glightbox-clean .gnext, .glightbox-modern .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose, .glightbox-modern .gclose { right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } } /* =============================== = Choices = =============================== */ .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: initial; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.25; } .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*=select-one]::after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open::after { border-color: transparent transparent #333 transparent; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]::after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaaaaa; border: 1px solid #919191; } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable::after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted::after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } /* ===== End of Choices ====== */ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } @charset "UTF-8"; /****************** CSS3 ANIMATIONS CLASSES *****************************/ @-webkit-keyframes menuicon { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @keyframes menuicon { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } .l-header--plain, .m-jurymember__coveroverlay { background-image: linear-gradient(315deg, #d81b60, #feab2e); } .m-header__register .m-register-action, .m-registerform__finalcloser, .m-block--register__download, .m-form__prev, .m-footer__backtotop a, .m-timelineitem__additional, .m-form__final, .m-form__next { border-radius: 25px; color: #818181; padding: 7px 30px; position: relative; cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; border: 2px solid #818181; outline: none; background-color: transparent; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; z-index: 1; } .m-header__register .m-register-action:hover::before, .m-registerform__finalcloser:hover::before, .m-block--register__download:hover::before, .m-form__prev:hover::before, .m-footer__backtotop a:hover::before, .m-timelineitem__additional:hover::before, .m-form__final:hover::before, .m-form__next:hover::before { -webkit-transform: scaleX(1.05); transform: scaleX(1.05); } .m-header__register .m-register-action, .m-registerform__finalcloser { background-color: #000000; background-image: none; color: #ffffff; } .m-header__register .m-register-action:before, .m-registerform__finalcloser:before { background-color: #000000; background-image: none; } .m-block--register__download, .m-form__prev { background-color: transparent; background-image: none; border: 2px solid #ef5466; color: #ef5466; padding: 5px 27px; } .m-block--register__download:before, .m-form__prev:before { background-color: transparent; background-image: none; border: 2px solid #ef5466; display: none; } .m-mainnav--level1, .m-footernav--level1 { padding: 0; margin: 0; } .m-mainnav--level1__trigger, .m-footernav--level1__trigger { list-style-type: none; padding: 0; margin: 0; } .m-logo img, .m-block--textimage_image1 img, .m-block--textimage_image2 img, .m-block--fullimage__inner img, .m-jurymember__cover img, .m-archive__cover img { width: 100%; height: auto; } h1, .m-header__title, .error404 .page-title { font-family: 'cormorant'; font-size: 42px; font-weight: 300; line-height: 1; } @media (min-width: 992px) { h1, .m-header__title, .error404 .page-title { font-size: 86px; font-weight: 300; line-height: 1; } } h2, .m-registerform__title { font-family: 'cormorant'; font-size: 40px; font-weight: 300; line-height: 1; } @media (min-width: 992px) { h2, .m-registerform__title { font-size: 70px; font-weight: 300; line-height: 1; } } .l-page--sub__inner h2, .m-block--textimage__body h2, .l-page--sub__inner h4, .m-block--textimage__body h4, .l-header--plain .m-header__title, .m-block--textimage__title, .m-mainnav--level1__trigger a, .m-footernav--level1__trigger a, .m-registerform__baritem span, .m-form__legend { font-family: 'cormorant'; font-size: 30px; font-weight: 300; line-height: 1; } @media (min-width: 992px) { .l-page--sub__inner h2, .m-block--textimage__body h2, .l-page--sub__inner h4, .m-block--textimage__body h4, .l-header--plain .m-header__title, .m-block--textimage__title, .m-mainnav--level1__trigger a, .m-footernav--level1__trigger a, .m-registerform__baritem span, .m-form__legend { font-size: 36px; } } .m-jurymember__title, .m-timelineitem__name { font-family: 'cormorant'; font-size: 24px; font-weight: 300; line-height: 1; } @media (min-width: 992px) { .m-jurymember__title, .m-timelineitem__name { font-size: 24px; } } .l-page--sub__inner h3, .m-block--textimage__body h3, .l-page--sub__inner h5, .m-block--textimage__body h5, .m-footernav--level1__trigger a, .m-keyfact__title, .m-form__sublegend, .m-form__sublegend a, .m-form-radioitem label { font-family: 'cormorant'; font-size: 24px; font-weight: bold; line-height: 1.13; } @media (min-width: 992px) { .l-page--sub__inner h3, .m-block--textimage__body h3, .l-page--sub__inner h5, .m-block--textimage__body h5, .m-footernav--level1__trigger a, .m-keyfact__title, .m-form__sublegend, .m-form__sublegend a, .m-form-radioitem label { font-size: 24px; line-height: 1.5; } } .m-header__teaser strong { font-family: 'cormorant'; font-size: 18px; line-height: 1.5; } @media (min-width: 992px) { .m-header__teaser strong { font-size: 33px; line-height: 1.5; } } .m-header__teaser { font-family: 'cormorant'; font-size: 18px; line-height: 1.5; } @media (min-width: 992px) { .m-header__teaser { font-size: 30px; line-height: 1.5; } } a, .l-page--sub__inner, .l-page--sub__inner p a, .m-block--textimage__body, .m-archive__title, .m-archive__winner, .m-registerform__finaltext, .m-form__description { font-family: 'cormorant'; font-size: 18px; line-height: 1.5; } @media (min-width: 992px) { a, .l-page--sub__inner, .l-page--sub__inner p a, .m-block--textimage__body, .m-archive__title, .m-archive__winner, .m-registerform__finaltext, .m-form__description { font-size: 26px; line-height: 1.5; } } .error404 .status-message { font-family: 'cormorant'; font-size: 18px; line-height: 1.85; } @media (min-width: 992px) { .error404 .status-message { font-size: 20px; line-height: 1.85; } } .l-page--sub__inner a, .m-block--textimage__body a, .tippy-box, .m-jurymember__position, .m-jurymember__company, .m-timelineitem__date, .m-keyfact__text { font-family: 'cormorant'; font-size: 18px; line-height: 1.5; } @media (min-width: 992px) { .l-page--sub__inner a, .m-block--textimage__body a, .tippy-box, .m-jurymember__position, .m-jurymember__company, .m-timelineitem__date, .m-keyfact__text { font-size: 18px; line-height: 1.5; } } .m-archive__teaser { font-family: 'cormorant'; font-size: 15px; line-height: 1.8; } @media (min-width: 992px) { .m-archive__teaser { font-size: 15px; line-height: 1.8; } } .m-form__subdescription, .m-form__subdescription a, .m-form__item--checkbox label, .m-form__item--checkbox label a { font-family: 'cormorant'; font-size: 14px; line-height: 1.5; } @media (min-width: 992px) { .m-form__subdescription, .m-form__subdescription a, .m-form__item--checkbox label, .m-form__item--checkbox label a { font-size: 13px; line-height: 1.5; } } .m-header__register .m-register-action, .m-registerform__finalcloser, .m-block--register__download, .m-form__prev, .m-footer__backtotop a, .m-timelineitem__additional, .m-form__final, .m-form__next { font-family: 'cormorant'; font-size: 17px; line-height: 2.2; } @media (min-width: 992px) { .m-header__register .m-register-action, .m-registerform__finalcloser, .m-block--register__download, .m-form__prev, .m-footer__backtotop a, .m-timelineitem__additional, .m-form__final, .m-form__next { font-size: 18px; line-height: 2.2; } } .m-form__radioitems > label, .m-form__item > label, .m-form__radioitems > input, .m-form__radioitems select, .m-form__radioitems .choices__inner, .m-form__radioitems .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__radioitems .choices__item, .m-form__radioitems textarea, .m-form__item > input, .m-form__item select, .m-form__item .choices__inner, .m-form__item .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__item .choices__item, .m-form__item textarea, .m-form-maxchar { font-family: 'cormorant'; font-size: 15px; line-height: 2.25; color: #818181; } @media (min-width: 992px) { .m-form__radioitems > label, .m-form__item > label, .m-form__radioitems > input, .m-form__radioitems select, .m-form__radioitems .choices__inner, .m-form__radioitems .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__radioitems .choices__item, .m-form__radioitems textarea, .m-form__item > input, .m-form__item select, .m-form__item .choices__inner, .m-form__item .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__item .choices__item, .m-form__item textarea, .m-form-maxchar { font-size: 16px; line-height: 2.25; } } .m-form__radioitems > textarea, .m-form__item > textarea { font-family: 'cormorant'; font-size: 15px; line-height: 1.65; color: #818181; } @media (min-width: 992px) { .m-form__radioitems > textarea, .m-form__item > textarea { font-size: 16px; line-height: 1.65; } } .choices__inner.has-error:after, .m-form__radioitems.has-error:after, .m-form__item.has-error:after, .m-form__radioitems.active > label, .m-form__item.active > label, .m-form__item--checkbox > span.error, .m-form__item--checkbox label.has-error:after { font-family: 'cormorant'; font-size: 12px; line-height: 1.5; color: #818181; } @media (min-width: 992px) { .choices__inner.has-error:after, .m-form__radioitems.has-error:after, .m-form__item.has-error:after, .m-form__radioitems.active > label, .m-form__item.active > label, .m-form__item--checkbox > span.error, .m-form__item--checkbox label.has-error:after { font-size: 12px; line-height: 1.5; } } .m-header__register .m-register-action, .m-registerform__finalcloser { font-family: 'cormorant'; font-size: 17px; line-height: 2.2; } @media (min-width: 992px) { .m-header__register .m-register-action, .m-registerform__finalcloser { font-size: 18px; line-height: 2.2; } } fieldset { border: 0; padding: 0; margin: 0; } input { background-color: #ffffff; border: 0; box-shadow: none; padding: 11px 20px; outline: none; } input:hover { box-shadow: 11px 14px 14px 0px rgba(0, 0, 0, 0.25); } select, .choices__inner, .choices__list--dropdown .choices__item { background-color: #ffffff; border: 0; box-shadow: none; padding: 11px 20px; } textarea { background-color: #ffffff; border: 0; box-shadow: none; padding: 11px 20px; min-height: 95px; outline: none; } /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /** * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; text-decoration: none; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Improves appearance and consistency in all browsers. */ button, input, optgroup, select, .choices__inner, .choices__list--dropdown .choices__item, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select, .choices__inner, .choices__list--dropdown .choices__item { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container, .container--wide { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container--wide { max-width: 540px; } } @media (min-width: 768px) { .container, .container--wide { max-width: 720px; } } @media (min-width: 992px) { .container, .container--wide { max-width: 960px; } } @media (min-width: 1200px) { .container, .container--wide { max-width: 1136px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container--wide, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container--wide, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container--wide, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container--wide, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1136px; } } .row { display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .m-block--textimage_image2, .col-8, .m-block--textimage_image1, .col-9, .m-header__title, .col-10, .m-header__teaser, .m-header__register, .m-block--textimage__images[data-one_img_only="1"] .m-block--textimage_image2, .col-11, .col-12, .l-page--sub__inner, .l-header__controlls, .l-header--plain .m-header__title, .l-footer__inner, .l-footer__left, .l-footer__right, .l-footer__menu, .m-block--textimage__inner, .m-block--textimage__covercontainer, .m-block--textimage[data-layout="right"] .m-block--textimage__inner, .m-block--contactform__inner, .m-mainnav--level1, .m-footernav--level1, .m-mainnav__inner--main, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .m-block--textimage__covercontainer + .m-block--textimage__inner, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .m-page__inner, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7, .m-block--textimage_image2 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8, .m-block--textimage_image1 { -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9, .m-header__title { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10, .m-header__teaser, .m-header__register, .m-block--textimage__images[data-one_img_only="1"] .m-block--textimage_image2 { -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12, .l-page--sub__inner, .l-header__controlls, .l-header--plain .m-header__title, .l-footer__inner, .l-footer__left, .l-footer__right, .l-footer__menu, .m-block--textimage__inner, .m-block--textimage__covercontainer, .m-block--textimage[data-layout="right"] .m-block--textimage__inner, .m-block--contactform__inner, .m-mainnav--level1, .m-footernav--level1, .m-mainnav__inner--main { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; order: -1; } .order-last { -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6, .m-block--textimage__covercontainer + .m-block--textimage__inner { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7, .m-block--textimage_image1 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8, .m-block--textimage__covercontainer, .m-block--textimage[data-layout="right"] .m-block--textimage__inner { -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6, .l-footer__left, .l-footer__right, .m-block--textimage__covercontainer, .m-block--textimage__covercontainer + .m-block--textimage__inner, .m-block--textimage[data-layout="right"] .m-block--textimage__inner { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10, .l-page--sub__inner, .m-page__inner { -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1, .m-page__inner, .l-header--plain .m-header__title, .m-block--textimage__covercontainer + .m-block--textimage__inner { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { -webkit-transition: all 0s; transition: all 0s; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -webkit-transition: opacity 0s, -webkit-transform 0s; transition: opacity 0s, -webkit-transform 0s; transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s, -webkit-transform 0s; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { -webkit-transition: all 0.25s; transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { -webkit-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { -webkit-transition: height 0s; transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: 2333.33333%; width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct > div { width: 1.42857%; width: calc(100% / 70); height: 10px; float: left; } button[data-action] { display: none; } .tns-nav { margin-bottom: 20px; } .tns-nav button { display: inline-block; width: 31px; height: 7px; padding: 0; border: 0; box-shadow: none; opacity: 1; background-color: #007bff; } .tns-nav button:hover, .tns-nav button.tns-nav-active { background-color: #007bff; } .tns-nav button + button { margin-left: 10px; } @media (min-width: 320px) { .tns-nav button + button { margin-left: 5px; } } .tns-controls [data-controls="prev"], .tns-controls [data-controls="next"] { width: 54px; height: 54px; background-size: 100% 100%; text-indent: -9999px; background-color: transparent; border: 0; } @media (min-width: 320px) { .tns-controls [data-controls="prev"], .tns-controls [data-controls="next"] { width: 36px; height: 36px; } } .tns-controls:focus { outline: none; } .tns-controls [data-controls="prev"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMyMzIzRCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOC44MDcgMTUuOTM1TDguMzE3IDI2LjE5MmMtLjQxMy4zOTUtLjY0Ny45NDMtLjY0NyAxLjUxNXMuMjM0IDEuMTIuNjQ3IDEuNTE1Yy4zNS40ODguOTE0Ljc3OCAxLjUxNS43NzguNjAxIDAgMS4xNjUtLjI5IDEuNTE1LS43NzhMMjMuNDcgMTcuMzMzYy43MTItLjc5Ni43MTItMiAwLTIuNzk3TDExLjM0NyAyLjY0NkMxMC45NTIgMi4yMzUgMTAuNDA0IDIgOS44MzIgMnMtMS4xMi4yMzQtMS41MTUuNjQ3Yy0uNDEzLjM5Ni0uNjQ3Ljk0My0uNjQ3IDEuNTE1cy4yMzQgMS4xMi42NDcgMS41MTVsMTAuNDkgMTAuMjU4eiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMzEuNjc0IDApIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); } @media (min-width: 992px) { .tns-controls [data-controls="prev"] { margin-left: 90px; } } .tns-controls [data-controls="next"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMyMzIzRCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4xMzcgMTUuOTM1TDguNjQ3IDI2LjE5MmMtLjQxMy4zOTUtLjY0Ny45NDMtLjY0NyAxLjUxNXMuMjM0IDEuMTIuNjQ3IDEuNTE1Yy4zNS40ODguOTE0Ljc3OCAxLjUxNS43NzguNjAxIDAgMS4xNjUtLjI5IDEuNTE1LS43NzhMMjMuOCAxNy4zMzNjLjcxMi0uNzk2LjcxMi0yIDAtMi43OTdMMTEuNjc3IDIuNjQ2QzExLjI4MiAyLjIzNSAxMC43MzQgMiAxMC4xNjIgMnMtMS4xMi4yMzQtMS41MTUuNjQ3QzguMjM0IDMuMDQzIDggMy41OSA4IDQuMTYycy4yMzQgMS4xMi42NDcgMS41MTVsMTAuNDkgMTAuMjU4eiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==); margin-left: 16px; float: right; } @media (min-width: 992px) { .tns-controls [data-controls="next"] { margin-right: 50px; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeOutDown { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } @-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); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-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); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-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); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-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); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @font-face { font-family: 'cormorant'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(../fonts/cormorant-garamond-v9-latin-300.99373a.eot), url(../fonts/cormorant-garamond-v9-latin-300.99373a.eot?#iefix) format("embedded-opentype"), url(../fonts/cormorant-garamond-v9-latin-300.232c47.woff) format("woff"); } @font-face { font-family: 'cormorant'; font-style: normal; font-weight: normal; font-stretch: normal; src: url(../fonts/cormorant-garamond-v9-latin-regular.6e8cb2.eot), url(../fonts/cormorant-garamond-v9-latin-regular.6e8cb2.eot?#iefix) format("embedded-opentype"), url(../fonts/cormorant-garamond-v9-latin-regular.ccaea3.woff) format("woff"); } html, body, a, input, textarea { font-family: 'MabryDeezerBeta1'; font-size: 16px; line-height: 20px; color: #000000; } h1, h2, h3, h4, h5 { font-family: 'MabryDeezerBeta1'; } .container, .container--wide { padding-left: 30px; padding-right: 30px; } @media (min-width: 992px) { .container, .container--wide { padding-left: 8px; padding-right: 8px; } } .container--wide { max-width: 100%; } @media (min-width: 992px) { .container--wide { max-width: 1199px; } .container--wide > .row { margin-right: 0; margin-left: 0; } } @media (min-width: 1400px) { .container--wide { max-width: 1436px; } .container--wide > .row { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { .col-2 { max-width: 220px; } } @media (min-width: 992px) { .col-3 { max-width: 258px; } } @media (min-width: 992px) { .col-4 { max-width: 354px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .l-page--sub__inner h2, .m-block--textimage__body h2 { margin-bottom: 24px; } .l-page--sub__inner h3, .m-block--textimage__body h3 { margin-bottom: 12px; margin-top: 36px; } .l-page--sub__inner h3:first-child, .m-block--textimage__body h3:first-child { margin-top: 0; } .l-page--sub__inner h4, .m-block--textimage__body h4 { margin-bottom: 24px; } .l-page--sub__inner h5, .m-block--textimage__body h5 { margin-bottom: 12px; margin-top: 36px; } .l-page--sub__inner h5:first-child, .m-block--textimage__body h5:first-child { margin-top: 0; } .l-page--sub__inner p + p, .m-block--textimage__body p + p { margin-top: 40px; } .l-page--sub__inner p.active + .moretext, .m-block--textimage__body p.active + .moretext { margin-top: 40px; max-height: 800px; } .l-page--sub__inner strong, .m-block--textimage__body strong { color: #000000; } .l-page--sub__inner .moretext, .m-block--textimage__body .moretext { max-height: 0; overflow: hidden; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .l-page--sub__inner a, .m-block--textimage__body a { color: #ef5466; } .l-page--sub__inner a:hover, .m-block--textimage__body a:hover { text-decoration: underline; } .l-page--sub__inner p + a, .m-block--textimage__body p + a { margin-top: 36px; } .l-page--sub__inner ul + p, .m-block--textimage__body ul + p, .l-page--sub__inner ol + p, .m-block--textimage__body ol + p { margin-top: 27px; } .gslide-inline { padding: 0; max-height: none; max-width: 100%; background-color: #f8f8f8; margin: 0 auto; } @media (min-width: 992px) { .gslide-inline { max-width: 1051px; border-radius: 10px; } } .glightbox-open { overflow: auto; height: auto; } .glightbox-open .l-page { display: none; } .glightbox-open .l-footer { display: none; } .glightbox-container { position: absolute; top: 0; height: auto; margin-bottom: 50px; } @media (min-width: 992px) { .glightbox-container { padding-top: 100px; margin-bottom: 100px; } } .glightbox-clean .gclose, .glightbox-modern .gclose { opacity: 1; background-color: #000000; } .choices__inner.has-error:after { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: "Bitte fülle alle Felder aus."; border-radius: 2.5px; background-color: rgba(0, 0, 0, 0.45); display: block; position: absolute; bottom: -33px; left: calc(50% - 110px); z-index: 2; padding: 4px 15px; color: #ffffff; width: 220px; } .choices__inner.has-error:before { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: ""; display: block; width: 0px; height: 0px; position: absolute; bottom: 11px; left: calc(50% - 5px); z-index: 2; border-style: solid; border-width: 0 10px 10px 10px; -webkit-transform: rotate(360deg); border-color: transparent transparent rgba(0, 0, 0, 0.45) transparent; } .choices.is-open .choices__inner { background-color: #ef5466; } .choices.is-open .choices__list--single .choices__item { color: #ffffff; } .choices.is-open[data-type*='select-one']:after { border-color: #ffffff transparent transparent transparent; top: calc(50% + 5px); } .choices__list--dropdown { z-index: 2; } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.balls { -webkit-animation: balls-animate 1s linear infinite; animation: balls-animate 1s linear infinite; } .spinner.balls::before { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background-color: #ef5466; position: absolute; top: 0; left: 0; -webkit-animation: balls-animate-before 1s ease-in-out infinite; animation: balls-animate-before 1s ease-in-out infinite; } .spinner.balls::after { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background-color: #feaa2d; position: absolute; bottom: 0; right: 0; -webkit-animation: balls-animate-after 1s ease-in-out infinite; animation: balls-animate-after 1s ease-in-out infinite; } @-webkit-keyframes balls-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes balls-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes balls-animate-before { 0% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 50% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } } @keyframes balls-animate-before { 0% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 50% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } } @-webkit-keyframes balls-animate-after { 0% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 50% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } } @keyframes balls-animate-after { 0% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 50% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 100% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.boxes::before { width: 30px; height: 30px; display: inline-block; box-sizing: border-box; content: " "; background: #ef5466; position: absolute; top: 15px; left: 0; -webkit-animation: boxes-animate-before 1s ease-in-out infinite; animation: boxes-animate-before 1s ease-in-out infinite; } .spinner.boxes::after { width: 30px; height: 30px; display: inline-block; box-sizing: border-box; content: " "; background: #ef5466; position: absolute; top: 15px; right: 0; -webkit-animation: boxes-animate-after 1s ease-in-out infinite; animation: boxes-animate-after 1s ease-in-out infinite; } @-webkit-keyframes boxes-animate-before { 0% { -webkit-transform: translateX(-30px) rotate(45deg); transform: translateX(-30px) rotate(45deg); } 50% { -webkit-transform: translateX(-10px) rotate(225deg); transform: translateX(-10px) rotate(225deg); } 100% { -webkit-transform: translateX(-30px) rotate(45deg); transform: translateX(-30px) rotate(45deg); } } @keyframes boxes-animate-before { 0% { -webkit-transform: translateX(-30px) rotate(45deg); transform: translateX(-30px) rotate(45deg); } 50% { -webkit-transform: translateX(-10px) rotate(225deg); transform: translateX(-10px) rotate(225deg); } 100% { -webkit-transform: translateX(-30px) rotate(45deg); transform: translateX(-30px) rotate(45deg); } } @-webkit-keyframes boxes-animate-after { 0% { -webkit-transform: translateX(30px) rotate(45deg); transform: translateX(30px) rotate(45deg); } 50% { -webkit-transform: translateX(10px) rotate(-225deg); transform: translateX(10px) rotate(-225deg); } 100% { -webkit-transform: translateX(30px) rotate(45deg); transform: translateX(30px) rotate(45deg); } } @keyframes boxes-animate-after { 0% { -webkit-transform: translateX(30px) rotate(45deg); transform: translateX(30px) rotate(45deg); } 50% { -webkit-transform: translateX(10px) rotate(-225deg); transform: translateX(10px) rotate(-225deg); } 100% { -webkit-transform: translateX(30px) rotate(45deg); transform: translateX(30px) rotate(45deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.bubble { border-radius: 50%; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background: #ef5466; -webkit-animation: bubble-animate 1s linear infinite; animation: bubble-animate 1s linear infinite; } .spinner.bubble::before { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background: #ef5466; position: absolute; left: -37.5px; -webkit-animation: bubble-animate-before 1s ease-in-out infinite; animation: bubble-animate-before 1s ease-in-out infinite; } .spinner.bubble::after { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background: #ef5466; position: absolute; right: -37.5px; -webkit-animation: bubble-animate-after 1s ease-in-out infinite; animation: bubble-animate-after 1s ease-in-out infinite; } @-webkit-keyframes bubble-animate { 0% { opacity: .5; -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); } 25% { opacity: 1; -webkit-transform: scale(1.1) translateX(-15px); transform: scale(1.1) translateX(-15px); } 50% { opacity: 1; -webkit-transform: scale(1.2) translateX(15px); transform: scale(1.2) translateX(15px); } 100% { opacity: .5; -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); } } @keyframes bubble-animate { 0% { opacity: .5; -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); } 25% { opacity: 1; -webkit-transform: scale(1.1) translateX(-15px); transform: scale(1.1) translateX(-15px); } 50% { opacity: 1; -webkit-transform: scale(1.2) translateX(15px); transform: scale(1.2) translateX(15px); } 100% { opacity: .5; -webkit-transform: scale(1) translateX(0px); transform: scale(1) translateX(0px); } } @-webkit-keyframes bubble-animate-before { 0% { opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bubble-animate-before { 0% { opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bubble-animate-after { 0%, 50% { opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bubble-animate-after { 0%, 50% { opacity: .5; -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.eclipse { width: 24px; height: 24px; display: inline-block; box-sizing: border-box; border-radius: 50%; background: #ef5466; margin: 12px; -webkit-animation: eclipse-animate 1s ease-out infinite; animation: eclipse-animate 1s ease-out infinite; } .spinner.eclipse::before { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 6px transparent; border-bottom: solid 6px transparent; position: absolute; top: -18px; left: -18px; border-right: solid 6px #ef5466; border-left: solid 6px transparent; } .spinner.eclipse::after { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 6px transparent; border-bottom: solid 6px transparent; position: absolute; top: -18px; left: -18px; border-right: solid 6px transparent; border-left: solid 6px #ef5466; } @-webkit-keyframes eclipse-animate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes eclipse-animate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.flip { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 10em; perspective: 10em; } .spinner.flip::before { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; background: #ef5466; content: " "; position: absolute; top: 0; left: 0; -webkit-animation: flip-animate-before 2s linear infinite; animation: flip-animate-before 2s linear infinite; } @-webkit-keyframes flip-animate-before { 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 25% { -webkit-transform: rotateY(360deg) rotateX(0deg); transform: rotateY(360deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(360deg) rotateX(360deg); transform: rotateY(360deg) rotateX(360deg); } 75% { -webkit-transform: rotateY(0deg) rotateX(360deg); transform: rotateY(0deg) rotateX(360deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } @keyframes flip-animate-before { 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 25% { -webkit-transform: rotateY(360deg) rotateX(0deg); transform: rotateY(360deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(360deg) rotateX(360deg); transform: rotateY(360deg) rotateX(360deg); } 75% { -webkit-transform: rotateY(0deg) rotateX(360deg); transform: rotateY(0deg) rotateX(360deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.heart { -webkit-animation: heart-animate 2s ease-in-out infinite; animation: heart-animate 2s ease-in-out infinite; } .spinner.heart::before { border-radius: 15px 15px 0 0; content: " "; width: 30px; height: 44px; display: inline-block; box-sizing: border-box; background-color: #ef5466; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 0; left: 10px; } .spinner.heart::after { border-radius: 15px 15px 0 0; content: " "; width: 30px; height: 44px; display: inline-block; box-sizing: border-box; background-color: #ef5466; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 10px; } @-webkit-keyframes heart-animate { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } 15% { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: center; transform-origin: center; } 30% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } 45% { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: center; transform-origin: center; } 60%, 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } } @keyframes heart-animate { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } 15% { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: center; transform-origin: center; } 30% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } 45% { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: center; transform-origin: center; } 60%, 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.hue { width: 30px; height: 30px; display: inline-block; box-sizing: border-box; background: #ef5466; border-radius: 50%; -webkit-animation: hue-animate 1s ease-in-out infinite; animation: hue-animate 1s ease-in-out infinite; } .spinner.hue::before { border-radius: 0% 15px 15px 0%; content: " "; width: 15px; height: 30px; display: inline-block; box-sizing: border-box; background: white; position: absolute; top: 0; right: 0; -webkit-animation: hue-animate-before 1s ease-in-out infinite; animation: hue-animate-before 1s ease-in-out infinite; } @-webkit-keyframes hue-animate { 0% { background: #ef5466; } 25% { background: #feaa2d; } 50% { background: #ef5466; } 75% { background: #feaa2d; } 100% { background: #ef5466; } } @keyframes hue-animate { 0% { background: #ef5466; } 25% { background: #feaa2d; } 50% { background: #ef5466; } 75% { background: #feaa2d; } 100% { background: #ef5466; } } @-webkit-keyframes hue-animate-before { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-origin: left center; transform-origin: left center; opacity: .5; } 30%, 70% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-origin: left center; transform-origin: left center; opacity: .2; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: .5; } } @keyframes hue-animate-before { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-origin: left center; transform-origin: left center; opacity: .5; } 30%, 70% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-origin: left center; transform-origin: left center; opacity: .2; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: .5; } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.meter { border-radius: 50%; border-top: solid 7.5px #ef5466; border-right: solid 7.5px #ef5466; border-bottom: solid 7.5px #ef5466; border-left: solid 7.5px #ef5466; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; } .spinner.meter::before { border-radius: 3.75px; content: " "; width: 7.5px; height: 15px; display: inline-block; box-sizing: border-box; background-color: #ef5466; position: absolute; top: 6px; left: 20px; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: meter-animate-before 1s linear infinite; animation: meter-animate-before 1s linear infinite; } @-webkit-keyframes meter-animate-before { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } } @keyframes meter-animate-before { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.morph { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; background: #ef5466; -webkit-animation: morph-animate 1s linear infinite; animation: morph-animate 1s linear infinite; } @-webkit-keyframes morph-animate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); border-radius: 0%; background: #feaa2d; } 25%, 75% { -webkit-transform: rotate(180deg) scale(0.4); transform: rotate(180deg) scale(0.4); border-radius: 50%; background: #ef5466; } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); border-radius: 0%; background: #feaa2d; } } @keyframes morph-animate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); border-radius: 0%; background: #feaa2d; } 25%, 75% { -webkit-transform: rotate(180deg) scale(0.4); transform: rotate(180deg) scale(0.4); border-radius: 50%; background: #ef5466; } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); border-radius: 0%; background: #feaa2d; } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.pinwheel { border-radius: 50%; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 30px #ef5466; border-right: solid 30px #feaa2d; border-bottom: solid 30px #ef5466; border-left: solid 30px #feaa2d; -webkit-animation: pinwheel-animate 1s linear infinite; animation: pinwheel-animate 1s linear infinite; } @-webkit-keyframes pinwheel-animate { 0% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 50% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 75% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 100% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pinwheel-animate { 0% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 50% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 75% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; } 100% { border-top-color: #ef5466; border-right-color: #feaa2d; border-bottom-color: #ef5466; border-left-color: #feaa2d; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.round::before { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 7.5px #feaa2d; border-right: solid 7.5px #feaa2d; border-bottom: solid 7.5px #feaa2d; border-left: solid 7.5px #feaa2d; position: absolute; top: 0; left: 0; } .spinner.round::after { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 7.5px #ef5466; border-right: solid 7.5px transparent; border-bottom: solid 7.5px transparent; border-left: solid 7.5px transparent; position: absolute; top: 0; left: 0; -webkit-animation: round-animate 1s ease-in-out infinite; animation: round-animate 1s ease-in-out infinite; } @-webkit-keyframes round-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * These are the list of variables which can be overriden * e.g. * $spinnner-color: #fff; * @import */ /** * Sets the color and the accent of the spinner */ /** * Sets the size of the spinner */ .spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; } .spinner.skeleton { border-radius: 50%; border-top: solid 7.5px #ef5466; border-right: solid 7.5px transparent; border-bottom: solid 7.5px transparent; border-left: solid 7.5px transparent; -webkit-animation: skeleton-animate 1s linear infinite; animation: skeleton-animate 1s linear infinite; } .spinner.skeleton::before { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 7.5px transparent; border-right: solid 7.5px transparent; border-bottom: solid 7.5px transparent; border-left: solid 7.5px #ef5466; position: absolute; top: -7.5px; left: -7.5px; -webkit-transform: rotateZ(-30deg); transform: rotateZ(-30deg); } .spinner.skeleton::after { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 7.5px transparent; border-right: solid 7.5px #ef5466; border-bottom: solid 7.5px transparent; border-left: solid 7.5px transparent; position: absolute; top: -7.5px; right: -7.5px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); } @-webkit-keyframes skeleton-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 50% { opacity: .7; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } @keyframes skeleton-animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 50% { opacity: .7; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } @media (min-width: 992px) { .simplebar-track { bottom: -4px; } } @media (min-width: 992px) { .simplebar-track.simplebar-horizontal { height: 20px; cursor: pointer; background-color: #c2c2c2; } } @media (min-width: 992px) { .simplebar-scrollbar { background-color: #818181; opacity: 1; } .simplebar-scrollbar:before { border-radius: 0; background-color: transparent; } } @media (min-width: 992px) { .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 20px; cursor: -webkit-grab; cursor: grab; top: 0; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { cursor: -webkit-grab; cursor: grab; } } .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; } .tippy-iOS { cursor: pointer !important; -webkit-tap-highlight-color: transparent; } [data-tippy-root] { max-width: calc(100vw - 10px); } .tippy-box { position: relative; background-color: #333; color: #ffffff; border-radius: 4px; font-size: 14px; line-height: 1.4; outline: 0; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity, -webkit-transform; } .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; } .tippy-box[data-placement^=top] > .tippy-arrow:before { bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; -webkit-transform-origin: center top; transform-origin: center top; } .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; } .tippy-box[data-placement^=bottom] > .tippy-arrow:before { top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; } .tippy-box[data-placement^=left] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; -webkit-transform-origin: center left; transform-origin: center left; } .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; } .tippy-box[data-placement^=right] > .tippy-arrow:before { left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; -webkit-transform-origin: center right; transform-origin: center right; } .tippy-box[data-inertia][data-state=visible] { -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { width: 16px; height: 16px; color: #333; } .tippy-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-content { position: relative; padding: 5px 9px; z-index: 1; } .innerWrapper { width: 1095px; margin: 0 auto; } .l-page, .l-page--sub { display: block; min-height: calc(100vh - 60px - 240px); } @media (min-width: 992px) { .l-page, .l-page--sub { min-height: 0; } } .l-page { width: 100%; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .l-page--sub { margin-bottom: 150px; } .l-page--sub__inner { padding-top: 67px; margin: 0 auto; } @media (min-width: 992px) { .l-page--sub__inner { padding-top: 133px; } } body.main-menu-is-open .l-page--nostage, body.main-menu-is-open .l-page--page { margin-left: 100%; -webkit-opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; } @media (min-width: 992px) { body.main-menu-is-open .l-page--nostage, body.main-menu-is-open .l-page--page { opacity: 1; margin-left: 0; } } .l-page--contact__inner { background-color: #f8f8f8; margin-bottom: -60px; padding-bottom: 60px; } @media (min-width: 992px) { .l-page--contact__inner { margin-top: 100px; margin-bottom: -200px; padding-bottom: 100px; padding-top: 100px; } } .l-header { height: 130px; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; background-repeat: no-repeat; background-size: cover; background-position: center right; position: relative; margin-bottom: 20px; } @media (min-width: 992px) { .l-header { background-color: #ffffff; height: 210px; margin-bottom: 20px; } } .l-header__gradient { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; } .l-header__controlls { margin-top: 24px; height: 45px; } @media (min-width: 992px) { .l-header__controlls { margin-top: 24px; height: 65px; } } .m-logo { display: block; width: 80%; } @media (min-width: 992px) { .m-logo { margin: 0 auto; width: 655px; height: 110px; top: 0; } } .l-header--plain { height: 175px; } @media (min-width: 992px) { .l-header--plain { height: 275px; } } .l-header--plain .m-header { height: calc(100% - 50px); } .l-header--plain .m-header__title { margin-top: 4px; } @media (min-width: 992px) { .l-header--plain .m-header__title { margin-top: 68px; } } .l-footer { margin-top: 60px; background-color: #32323d; } @media (min-width: 992px) { .l-footer { margin-top: -100px; } } .l-footer__inner { padding: 48px 0; } @media (min-width: 992px) { .l-footer__inner { padding: 40px 0; } } .m-footernav__logo { width: 177px; height: 100px; position: absolute; right: 8px; top: -94px; } @media (min-width: 992px) { .m-footernav__logo { top: calc(-100% - 12px); } } @media (min-width: 320px) { .m-footernav__logo { width: 148px; } } .l-footer__left { margin: 0 auto; } .l-footer__left img { width: 143px; height: 28px; margin: 0 auto; display: block; margin-bottom: 48px; } @media (min-width: 320px) { .l-footer__left img { margin-bottom: 24px; } } .l-footer__right { float: left; margin-top: 48px; } @media (min-width: 992px) { .l-footer__right { margin-top: 0; } } .l-footer__right img { width: 178px; height: 40px; margin: 0 auto; display: block; margin-bottom: 42px; } @media (min-width: 320px) { .l-footer__right img { margin-bottom: 24px; } } .l-footer__menu { margin-top: 15px; } .l-footer__menu:before, .l-footer__menu:after { content: " "; display: table; } .l-footer__menu:after { clear: both; } @media (min-width: 992px) { .l-footer__menu { margin-top: 39px; } } .l-footer__social { margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex-grow: 1; flex-wrap: wrap; justify-content: space-around; } @media (min-width: 992px) { .l-footer__social { width: 50%; } } .l-footer__facebook, .l-footer__instagram, .l-footer__youtube, .l-footer__twitter { width: 50px; height: 50px; display: inline-block; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .l-footer__facebook { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M50 25C50 11.193 38.807 0 25 0S0 11.193 0 25c0 12.478 9.142 22.82 21.094 24.696v-17.47h-6.348V25h6.348v-5.508c0-6.265 3.732-9.726 9.443-9.726 2.735 0 5.596.488 5.596.488v6.152H32.98c-3.105 0-4.074 1.927-4.074 3.904V25h6.934l-1.109 7.227h-5.825v17.47C40.858 47.82 50 37.477 50 25'/%3e%3c/svg%3e") center no-repeat; } .l-footer__facebook:hover { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23818181' fill-rule='evenodd' d='M50 25C50 11.193 38.807 0 25 0S0 11.193 0 25c0 12.478 9.142 22.82 21.094 24.696v-17.47h-6.348V25h6.348v-5.508c0-6.265 3.732-9.726 9.443-9.726 2.735 0 5.596.488 5.596.488v6.152H32.98c-3.105 0-4.074 1.927-4.074 3.904V25h6.934l-1.109 7.227h-5.825v17.47C40.858 47.82 50 37.477 50 25'/%3e%3c/svg%3e") center no-repeat; } .l-footer__instagram { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm1.014 10.01h-2.037c-3.155.003-3.71.023-5.164.09-1.596.072-2.686.326-3.64.697a7.34 7.34 0 00-2.656 1.73 7.344 7.344 0 00-1.73 2.655c-.37.954-.624 2.044-.697 3.64-.064 1.405-.085 1.97-.09 4.847v2.671c.005 2.877.026 3.442.09 4.847.073 1.596.327 2.686.697 3.64a7.34 7.34 0 001.73 2.656 7.34 7.34 0 002.656 1.73c.954.37 2.044.624 3.64.697 1.405.064 1.97.085 4.847.09h2.671c2.877-.005 3.442-.026 4.847-.09 1.596-.073 2.686-.327 3.64-.697a7.348 7.348 0 002.656-1.73 7.366 7.366 0 001.73-2.656c.37-.954.623-2.044.696-3.64.069-1.505.088-2.046.09-5.5v-1.7c-.003-3.156-.023-3.71-.09-5.165-.072-1.596-.326-2.686-.697-3.64a7.348 7.348 0 00-1.73-2.656 7.37 7.37 0 00-2.655-1.73c-.954-.37-2.044-.623-3.64-.696-1.506-.069-2.046-.088-5.5-.09zm0 2.702c3.082.003 3.605.021 5.04.087 1.463.066 2.257.31 2.785.516.7.272 1.2.597 1.724 1.122.525.524.85 1.024 1.122 1.724.205.528.45 1.322.516 2.784.066 1.438.084 1.96.087 5.052v2.016c-.003 3.091-.021 3.614-.087 5.051-.066 1.462-.31 2.256-.516 2.785a4.644 4.644 0 01-1.122 1.724 4.634 4.634 0 01-1.724 1.121c-.528.206-1.322.45-2.784.517-1.438.065-1.96.084-5.052.087h-2.337c-2.809-.004-3.344-.024-4.73-.087-1.462-.067-2.256-.311-2.785-.517a4.654 4.654 0 01-1.724-1.121 4.65 4.65 0 01-1.121-1.724c-.206-.529-.45-1.323-.517-2.785-.063-1.386-.083-1.922-.086-4.731v-2.656c.003-2.81.023-3.345.086-4.732.067-1.462.311-2.256.517-2.784.272-.7.597-1.2 1.121-1.724a4.652 4.652 0 011.724-1.122c.529-.205 1.323-.45 2.785-.516 1.485-.068 1.994-.086 5.37-.088zM25 17.286a7.714 7.714 0 100 15.428 7.714 7.714 0 100-15.428zm0 2.706a5.008 5.008 0 110 10.016 5.008 5.008 0 010-10.016zm8.036-4.85a1.822 1.822 0 100 3.643 1.822 1.822 0 000-3.642z'/%3e%3c/svg%3e") center no-repeat; } .l-footer__instagram:hover { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23818181' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm1.014 10.01h-2.037c-3.155.003-3.71.023-5.164.09-1.596.072-2.686.326-3.64.697a7.34 7.34 0 00-2.656 1.73 7.344 7.344 0 00-1.73 2.655c-.37.954-.624 2.044-.697 3.64-.064 1.405-.085 1.97-.09 4.847v2.671c.005 2.877.026 3.442.09 4.847.073 1.596.327 2.686.697 3.64a7.34 7.34 0 001.73 2.656 7.34 7.34 0 002.656 1.73c.954.37 2.044.624 3.64.697 1.405.064 1.97.085 4.847.09h2.671c2.877-.005 3.442-.026 4.847-.09 1.596-.073 2.686-.327 3.64-.697a7.348 7.348 0 002.656-1.73 7.366 7.366 0 001.73-2.656c.37-.954.623-2.044.696-3.64.069-1.505.088-2.046.09-5.5v-1.7c-.003-3.156-.023-3.71-.09-5.165-.072-1.596-.326-2.686-.697-3.64a7.348 7.348 0 00-1.73-2.656 7.37 7.37 0 00-2.655-1.73c-.954-.37-2.044-.623-3.64-.696-1.506-.069-2.046-.088-5.5-.09zm0 2.702c3.082.003 3.605.021 5.04.087 1.463.066 2.257.31 2.785.516.7.272 1.2.597 1.724 1.122.525.524.85 1.024 1.122 1.724.205.528.45 1.322.516 2.784.066 1.438.084 1.96.087 5.052v2.016c-.003 3.091-.021 3.614-.087 5.051-.066 1.462-.31 2.256-.516 2.785a4.644 4.644 0 01-1.122 1.724 4.634 4.634 0 01-1.724 1.121c-.528.206-1.322.45-2.784.517-1.438.065-1.96.084-5.052.087h-2.337c-2.809-.004-3.344-.024-4.73-.087-1.462-.067-2.256-.311-2.785-.517a4.654 4.654 0 01-1.724-1.121 4.65 4.65 0 01-1.121-1.724c-.206-.529-.45-1.323-.517-2.785-.063-1.386-.083-1.922-.086-4.731v-2.656c.003-2.81.023-3.345.086-4.732.067-1.462.311-2.256.517-2.784.272-.7.597-1.2 1.121-1.724a4.652 4.652 0 011.724-1.122c.529-.205 1.323-.45 2.785-.516 1.485-.068 1.994-.086 5.37-.088zM25 17.286a7.714 7.714 0 100 15.428 7.714 7.714 0 100-15.428zm0 2.706a5.008 5.008 0 110 10.016 5.008 5.008 0 010-10.016zm8.036-4.85a1.822 1.822 0 100 3.643 1.822 1.822 0 000-3.642z'/%3e%3c/svg%3e") center no-repeat; } .l-footer__youtube { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm.325 14h-.65c-1.673.008-9.316.07-11.396.631a3.77 3.77 0 00-2.652 2.67c-.563 2.113-.62 6.286-.626 7.12v.294c.006.834.063 5.008.626 7.12a3.77 3.77 0 002.652 2.67c2.166.585 10.37.628 11.573.631h.296c1.203-.003 9.407-.046 11.573-.63a3.77 3.77 0 002.652-2.67C40 29.48 40 24.568 40 24.568s0-4.913-.627-7.267a3.77 3.77 0 00-2.652-2.67c-2.08-.56-9.723-.623-11.396-.63zm-3.393 6.108l7.84 4.46-7.84 4.46v-8.92z'/%3e%3c/svg%3e") center no-repeat; } .l-footer__youtube:hover { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23818181' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm.325 14h-.65c-1.673.008-9.316.07-11.396.631a3.77 3.77 0 00-2.652 2.67c-.563 2.113-.62 6.286-.626 7.12v.294c.006.834.063 5.008.626 7.12a3.77 3.77 0 002.652 2.67c2.166.585 10.37.628 11.573.631h.296c1.203-.003 9.407-.046 11.573-.63a3.77 3.77 0 002.652-2.67C40 29.48 40 24.568 40 24.568s0-4.913-.627-7.267a3.77 3.77 0 00-2.652-2.67c-2.08-.56-9.723-.623-11.396-.63zm-3.393 6.108l7.84 4.46-7.84 4.46v-8.92z'/%3e%3c/svg%3e") center no-repeat; } .l-footer__twitter { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm7.768 13a6.163 6.163 0 00-6.158 6.158c0 .48.06.949.156 1.405-5.114-.252-9.652-2.713-12.69-6.435a6.175 6.175 0 00-.828 3.098 6.173 6.173 0 002.738 5.126 6.22 6.22 0 01-2.786-.769v.084a6.169 6.169 0 004.934 6.039 6 6 0 01-1.62.216c-.396 0-.78-.036-1.153-.108a6.156 6.156 0 005.75 4.274 12.345 12.345 0 01-7.646 2.64c-.493 0-.985-.023-1.465-.083a17.515 17.515 0 009.424 2.749c11.32 0 17.515-9.388 17.515-17.515 0-.264 0-.528-.012-.793A12.528 12.528 0 0042 15.893a12.512 12.512 0 01-3.541.973 6.205 6.205 0 002.713-3.41 12.262 12.262 0 01-3.914 1.489A6.145 6.145 0 0032.768 13z'/%3e%3c/svg%3e") center no-repeat; } .l-footer__twitter:hover { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath fill='%23818181' fill-rule='evenodd' d='M25 0c13.807 0 25 11.193 25 25S38.807 50 25 50 0 38.807 0 25 11.193 0 25 0zm7.768 13a6.163 6.163 0 00-6.158 6.158c0 .48.06.949.156 1.405-5.114-.252-9.652-2.713-12.69-6.435a6.175 6.175 0 00-.828 3.098 6.173 6.173 0 002.738 5.126 6.22 6.22 0 01-2.786-.769v.084a6.169 6.169 0 004.934 6.039 6 6 0 01-1.62.216c-.396 0-.78-.036-1.153-.108a6.156 6.156 0 005.75 4.274 12.345 12.345 0 01-7.646 2.64c-.493 0-.985-.023-1.465-.083a17.515 17.515 0 009.424 2.749c11.32 0 17.515-9.388 17.515-17.515 0-.264 0-.528-.012-.793A12.528 12.528 0 0042 15.893a12.512 12.512 0 01-3.541.973 6.205 6.205 0 002.713-3.41 12.262 12.262 0 01-3.914 1.489A6.145 6.145 0 0032.768 13z'/%3e%3c/svg%3e") center no-repeat; } .m-footer__backtotop { margin: 0 auto; text-align: center; } .m-footer__backtotop a { margin: 0 auto; } .m-header { height: calc(100% - 100px); } .m-header__title { color: #ffffff; } .m-header__teaser { color: #ffffff; margin-bottom: 37px; } @media (min-width: 992px) { .m-header__teaser { margin-bottom: 92px; } } .m-header__register .m-register-action { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25); } .hamburger { padding: 2px 0; display: inline-block; cursor: pointer; outline: 0; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.55s; transition-duration: 0.55s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; z-index: 4; position: relative; } .hamburger:hover { -webkit-filter: opacity(100%); filter: opacity(100%); } .hamburger-box { width: 32px; height: 22px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 32px; height: 4px; background-color: #000000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -9px; } .hamburger-inner::after { bottom: -9px; } .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-delay: 0s; transition-delay: 0s; -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); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 1; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } .m-block--textimage, .m-block--fullimage, .m-block--contactform, .m-block--gallery { margin-bottom: 65px; } @media (min-width: 992px) { .m-block--textimage, .m-block--fullimage, .m-block--contactform, .m-block--gallery { margin-bottom: 100px; } } .m-block--textimage__title { margin-bottom: 30px; text-align: left; text-transform: uppercase; } @media (min-width: 992px) { .m-block--textimage__title { margin-bottom: 70px; } } .m-block--textimage__body { margin-bottom: 65px; color: #818181; } .m-block--textimage__body h1, .m-block--textimage__body h2, .m-block--textimage__body h3, .m-block--textimage__body h4, .m-block--textimage__body h5 { color: #000000; } @media (min-width: 992px) { .m-block--textimage__body { margin-bottom: 100px; } } .m-block--textimage { overflow: hidden; } .m-block--textimage:before, .m-block--textimage:after { content: " "; display: table; } .m-block--textimage:after { clear: both; } .m-block--textimage[data-background="brown"] { background-color: #f7f4f0; padding: 80px 0; } .m-block--textimage__inner { margin: 0 auto; } @media (min-width: 992px) { .m-block--textimage__inner[data-2colums="1"] { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } } .m-block--textimage__inner[data-2colums="1"] > * { width: 100%; } @media (min-width: 992px) { .m-block--textimage__inner[data-2colums="1"] > * { width: 45%; } } .m-block--textimage__inner[data-hasdownloads="0"] .m-block--textimage__body { margin-bottom: 0; } .m-block--register__download { width: auto; } .m-block--textimage__title { margin-top: 30px; margin-left: 50px; } .m-block--textimage__body { margin-bottom: 0; } @media (min-width: 992px) { .m-block--textimage__body { margin-left: 0; } } .m-block--textimage__images { position: relative; overflow: hidden; margin-left: calc(30px * -1); margin-right: calc(30px * -1); } @media (min-width: 992px) { .m-block--textimage__images { width: 100%; } } .m-block--textimage_image1 { position: relative; z-index: 2; padding-left: 0; padding-right: 0; } .m-block--textimage_image2 { float: right; margin-right: 0; margin-top: -25%; position: relative; z-index: 1; } .m-block--textimage__covercontainer { margin-bottom: 24px; } @media (min-width: 992px) { .m-block--textimage__covercontainer { float: left; margin-right: calc(100% / 24 * -1); margin-left: calc(100% / 12 * -1); margin-bottom: 0; } } @media (min-width: 992px) { .m-block--textimage__covercontainer + .m-block--textimage__inner { float: right; } } .m-block--textimage__covercontainer .m-block--textimage_image1 { max-width: none; } .m-block--textimage__images[data-one_img_only="1"]:before, .m-block--textimage__images[data-one_img_only="1"]:after { content: " "; display: table; } .m-block--textimage__images[data-one_img_only="1"]:after { clear: both; } .m-block--textimage__images[data-one_img_only="1"] .m-block--textimage_image2 { margin-top: 0; } @media (min-width: 992px) { .m-block--textimage__images[data-one_img_only="1"] .m-block--textimage_image2 { float: right; margin-right: calc(100% / 12 * -1); } } .m-block--textimage .row + .row[data-row="2"] { margin-top: 65px; } @media (min-width: 992px) { .m-block--textimage .row + .row[data-row="2"] { margin-top: 100px; } } .m-block--textimage_video { width: 100%; padding-top: 56.25%; position: relative; } .m-block--textimage_video > * { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .m-block--textimage[data-layout="right"] .m-block--textimage_image1 { float: right; } .m-block--textimage[data-layout="right"] .m-block--textimage__title { margin-left: 0; margin-right: 50px; } .m-block--textimage[data-layout="right"] .m-block--textimage__inner { float: left; } .m-block--textimage[data-layout="right"] .m-block--textimage__body { margin-left: 0; margin-right: 30px; margin-bottom: 20px; } .m-block--fullimage { margin-bottom: 0; } .m-block--fullimage:before, .m-block--fullimage:after { content: " "; display: table; } .m-block--fullimage:after { clear: both; } .m-block--fullimage__inner { font-size: 0; line-height: 0; } .m-block--contactform { background-color: #f7f4f0; } .m-block--contactform:before, .m-block--contactform:after { content: " "; display: table; } .m-block--contactform:after { clear: both; } .m-block--contactform__inner { padding: 80px 0 30px 0; } .m-block--gallery:before, .m-block--gallery:after { content: " "; display: table; } .m-block--gallery:after { clear: both; } .m-block--gallery .tns-controls { margin-top: 40px; } .m-block--gallery #tns1 > .tns-item { width: auto; } .m-block--gallery__trigger img { height: 320px; width: auto; } @media (min-width: 992px) { .m-block--gallery__trigger img { height: 600px; } } .m-mainnav--level1, .m-footernav--level1 { padding-right: 30px; padding-left: 30px; } .m-mainnav--level1__trigger a, .m-footernav--level1__trigger a { display: block; color: #ffffff; padding: 8px 0; -webkit-appearance: none; -moz-appearance: none; outline: 0 none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: center; } @media (min-width: 992px) { .m-mainnav--level1__trigger a, .m-footernav--level1__trigger a { width: auto; } } .m-mainnav--level1__trigger a:hover, .m-footernav--level1__trigger a:hover { color: #feaa2d; } .m-mainnav--level1__trigger[data-has-childs], .m-footernav--level1__trigger[data-has-childs] { position: relative; } @media (min-width: 992px) { .m-mainnav--level1__trigger[data-has-childs], .m-footernav--level1__trigger[data-has-childs] { position: static; } .m-mainnav--level1__trigger[data-has-childs]:hover > span:after, .m-footernav--level1__trigger[data-has-childs]:hover > span:after { -webkit-animation: menuicon 0.3s forwards; animation: menuicon 0.3s forwards; } } .m-mainnav--level1__trigger[data-has-childs] > span, .m-footernav--level1__trigger[data-has-childs] > span { width: 37px; height: 57px; content: ''; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform-origin: center center; transform-origin: center center; background-position: center center; background-size: 18px 14px; border-radius: 50%; vertical-align: sub; margin-left: 11px; position: absolute; right: 0; top: 0; } @media (min-width: 992px) { .m-mainnav--level1__trigger[data-has-childs] > span, .m-footernav--level1__trigger[data-has-childs] > span { position: relative; right: auto; top: auto; float: right; margin-top: 19px; height: 18px; width: 18px; } } @media (min-width: 992px) { .m-mainnav--level1__trigger[data-has-childs] > a, .m-footernav--level1__trigger[data-has-childs] > a { white-space: nowrap; padding-right: 26px; } } .m-mainnav--level1__trigger[data-has-childs].is-open > span, .m-footernav--level1__trigger[data-has-childs].is-open > span { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media (min-width: 992px) { .m-mainnav--level1__trigger[data-has-childs]:hover > span, .m-footernav--level1__trigger[data-has-childs]:hover > span { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @media (min-width: 992px) { .m-mainnav--level1 { padding-left: 102px; } } .m-mainnav--level1__trigger > a { text-transform: uppercase; } .m-mainnav--level1__trigger.is-active > a { text-decoration: underline; } .m-mainnav--level1__trigger + .m-mainnav--level1__trigger { margin-top: 20px; } @media (min-width: 992px) { .m-mainnav--level1__trigger + .m-mainnav--level1__trigger { border: none; border: 0; } } .m-mainnav--level1__trigger.is-open .m-mainnav--level2 { display: block; visibility: visible; opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0s, 0s, 0.3s; transition-delay: 0s, 0s, 0.3s; height: auto; } @media (min-width: 992px) { .m-mainnav--level1__trigger[data-has-childs="1"]:hover .m-mainnav--level2 { display: block; visibility: visible; opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition-delay: 0s, 0s, 0.3s; transition-delay: 0s, 0s, 0.3s; height: auto; } } .m-mainnav { position: absolute; right: 0; top: 12px; } @media (min-width: 992px) { .m-mainnav { position: absolute; right: 0; top: 40px; } } .m-mainnav__outer { position: absolute; left: 0; right: 0; min-height: 100vh; width: 100%; top: -242vh; overflow: hidden; z-index: 3; background-color: #32323d; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media (min-width: 992px) { .m-mainnav__outer { min-height: 140px; } } .m-mainnav__inner--main { padding: 70px 0; } @media (min-width: 992px) { .m-mainnav__inner--main { margin: 0 auto; padding: 150px 0; } } .m-mainnav.is-active .m-mainnav--level1 { display: block; } body.main-menu-is-open .m-mainnav__outer { top: 0; } body.main-menu-is-open .m-servicenav__outer { left: 0; } .m-footernav__outer { margin-bottom: 42px; padding-top: 40px; } @media (min-width: 992px) { .m-footernav__outer { margin-bottom: 48px; padding-top: 0; } } .m-footernav__outer > .container, .m-footernav__outer > .container--wide { position: relative; } @media (min-width: 992px) { .m-footernav--level1 { display: -webkit-box; display: flex; justify-content: space-around; } } .m-footernav--level1__trigger a { padding: 0; } @media (min-width: 992px) { .m-footernav--level1__trigger { float: left; } } .m-footernav--level1__trigger + .m-footernav--level1__trigger { margin-top: 35px; } @media (min-width: 992px) { .m-footernav--level1__trigger + .m-footernav--level1__trigger { margin-left: 15px; margin-top: 0; } } .m-jurymember { margin: 0 50px 40px 50px; } .m-jurymember__content { text-align: center; } .m-jurymember__title { margin-bottom: 9px; margin-left: 0; } .m-jurymember__position { color: #818181; margin-left: 0; line-height: 1; margin-bottom: 2px; } .m-jurymember__company { color: #818181; margin-left: 0; line-height: 1; } .m-jurymember__cover { position: relative; font-size: 0; line-height: 0; border-radius: 50%; margin-bottom: 56px; } .m-jurymember__cover img { border-radius: 50%; } .m-jurymember__coveroverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-blend-mode: color; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; border-radius: 50%; } .m-jurymember:hover .m-jurymember__coveroverlay { opacity: 0.5; } .m-timelineitem { position: absolute; padding-left: 50px; } @media (min-width: 992px) { .m-timelineitem { position: absolute; width: 300px; left: 50px; padding-left: 0; } } .m-timelineitem::before { position: absolute; left: 30px; display: block; content: ""; width: 1px; background-color: rgba(0, 0, 0, 0.5); height: calc(100% + 10px + 30px); } @media (min-width: 992px) { .m-timelineitem::before { left: -20px; } } .m-timelineitem__date { color: #818181; display: block; white-space: nowrap; } .m-timelineitem__name { display: block; margin-bottom: 4px; color: #818181; } @media (min-width: 992px) { .m-timelineitem__name { margin-bottom: 23px; } } .m-timelineitem__additional { white-space: nowrap; margin-top: 10px; } @media (min-width: 992px) { .m-timelineitem__additional { margin-top: 0; } } .m-keyfact__title { margin-bottom: 6px; } .m-keyfact__text { color: #818181; } .m-archive__title { color: #ffffff; } .m-archive__teaser { color: #ffffff; } .m-archive__cover { font-size: 0; line-height: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } .m-archive__cover img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; pointer-events: none; } .m-archive__winner { text-transform: uppercase; color: #ffffff; margin-bottom: 10px; } .m-archive__content { padding: 32px 30px; background-color: #000000; } .m-archive__podcast, .m-archive__podcastwinner { width: 62px; height: 62px; border-radius: 50%; display: block; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJwcmVmaXhfX2EiIHdpZHRoPSIxMTkuNCUiIGhlaWdodD0iMTE5LjQlIiB4PSItOS43JSIgeT0iLTkuNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxjaXJjbGUgaWQ9InByZWZpeF9fYiIgY3g9IjMxIiBjeT0iMzEiIHI9IjMxIi8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz4KICAgICAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzMuNSAyMi41TDQ1LjUgMzkuNSAyMS41IDM5LjV6IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAzMy41IDMxKSIvPgogICAgPC9nPgo8L3N2Zz4K); background-size: 100% 100%; position: absolute; right: 20px; bottom: -31px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .m-archive__podcast.play, .play.m-archive__podcastwinner { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJwcmVmaXhfX2EiIHdpZHRoPSIxMTkuNCUiIGhlaWdodD0iMTE5LjQlIiB4PSItOS43JSIgeT0iLTkuNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU9mZnNldCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICA8L2ZpbHRlcj4KICAgICAgICA8Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzMSIgY3k9IjMxIiByPSIzMSIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+CiAgICAgICAgPHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZD0iTTM1IDE5aDR2MjRoLTRWMTl6bS0xMiAwaDR2MjRoLTRWMTl6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); } .m-archive__podcast:hover, .m-archive__podcastwinner:hover { box-shadow: 2px 2px 4px 0 black; } .m-archive__podcastwinner { right: auto; left: 25px; bottom: 25px; } .m-registerform { padding: 30px; } @media (min-width: 992px) { .m-registerform { padding: 67px 160px 67px 60px; } } .m-registerform.loading { padding: 60px; } .m-registerform__form { width: 100%; overflow: hidden; } .m-registerform__pagewrapper { width: 300%; overflow-y: hidden; } .m-registerform__page { width: 33.33%; float: left; padding-bottom: 30px; } .m-registerform__title { margin-bottom: 49px; } @media (min-width: 992px) { .m-registerform__title { margin-bottom: 96px; } } .m-registerform__bar { margin-bottom: 40px; position: relative; } .m-registerform__bar::before { content: ""; display: block; position: absolute; top: 40px; left: -60px; width: calc(100% + 30px + 60px); height: 4px; background-color: #ef5466; z-index: 1; } @media (min-width: 992px) { .m-registerform__bar::before { width: calc(100% + 60px + 160px); } } .m-registerform__baritem { width: 80px; height: 80px; display: inline-block; border-radius: 50%; background-color: #f8f8f8; position: relative; z-index: 2; padding: 10px; } .m-registerform__baritem span { width: 60px; height: 60px; display: block; border-radius: 50%; border: 2px solid #ef5466; color: #ef5466; text-align: center; vertical-align: middle; background-color: #f8f8f8; line-height: 58px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .m-registerform__baritem.active span { color: #ffffff; background-color: #ef5466; } .m-registerform__baritem + .m-registerform__baritem { margin-left: 20px; } @media (min-width: 992px) { .m-registerform__baritem + .m-registerform__baritem { margin-left: 50px; } } .m-registerform__finaltext { color: #818181; margin-bottom: 68px; } @media (min-width: 992px) { .m-registerform__finaltext { margin-bottom: 136px; } } .m-registerform__loader { min-height: 350px; width: 831px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .m-form__legend { margin-bottom: 24px; } .m-form__block { border: none; padding: 0; min-height: 90px; } .m-form__block + .m-form__block { margin-top: 68px; } @media (min-width: 992px) { .m-form__block + .m-form__block { margin-top: 46px; } .m-form__block + .m-form__block.disclaimer { margin-top: 68px; margin-bottom: -70px; } } .m-form__block[data-align="center"] { text-align: center; } .m-form__description { width: 100%; } @media (min-width: 992px) { .m-form__description { width: 80%; } } .m-form__subdescription { margin-bottom: 24px; width: 100%; } @media (min-width: 992px) { .m-form__subdescription { width: 80%; } } .m-form__subdescription a { color: #ef5466; } .m-form__sublegend { margin-bottom: 23px; } .m-form__sublegend a { color: #ef5466; } .m-form__spacer { margin-bottom: 67px; } .m-form__radioitems > label, .m-form__item > label { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; position: absolute; top: 10px; left: 20px; cursor: text; } .m-form__radioitems, .m-form__item { width: 100%; position: relative; } .m-form__radioitems > input, .m-form__radioitems select, .m-form__radioitems .choices__inner, .m-form__radioitems .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__radioitems .choices__item, .m-form__radioitems textarea, .m-form__item > input, .m-form__item select, .m-form__item .choices__inner, .m-form__item .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__item .choices__item, .m-form__item textarea { width: 100%; } .m-form__radioitems > textarea, .m-form__item > textarea { width: 100%; } @media (min-width: 992px) { .m-form__radioitems > textarea, .m-form__item > textarea { width: 80%; } } .m-form__radioitems.has-error:after, .m-form__item.has-error:after { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: "Bitte fülle alle Felder aus"; border-radius: 2.5px; background-color: rgba(0, 0, 0, 0.45); display: block; position: absolute; bottom: -33px; left: calc(50% - 110px); z-index: 2; padding: 4px 15px; color: #ffffff; width: 220px; } .m-form__radioitems.has-error:before, .m-form__item.has-error:before { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: ""; display: block; width: 0px; height: 0px; position: absolute; bottom: 11px; left: calc(50% - 5px); z-index: 2; border-style: solid; border-width: 0 10px 10px 10px; -webkit-transform: rotate(360deg); border-color: transparent transparent rgba(0, 0, 0, 0.45) transparent; } .m-form__radioitems.has-error.active:before, .m-form__item.has-error.active:before { display: none; } .m-form__radioitems.has-error.active:after, .m-form__item.has-error.active:after { display: none; } .m-form__radioitems.has-error > label, .m-form__item.has-error > label { color: #ef5466; } .m-form__radioitems.has-error > input, .m-form__radioitems.has-error select, .m-form__radioitems.has-error .choices__inner, .m-form__radioitems.has-error .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__radioitems.has-error .choices__item, .m-form__radioitems.has-error textarea, .m-form__item.has-error > input, .m-form__item.has-error select, .m-form__item.has-error .choices__inner, .m-form__item.has-error .choices__list--dropdown .choices__item, .choices__list--dropdown .m-form__item.has-error .choices__item, .m-form__item.has-error textarea { color: #ef5466; } .m-form__radioitems.active > label, .m-form__item.active > label { top: -7px; left: 16px; } .m-form-radioitem input { margin-right: 10px; visibility: hidden; } .m-form-radioitem label { position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .m-form-radioitem label span:before { position: absolute; left: 0px; content: ""; width: 20px; height: 20px; display: inline-block; border: 2px solid #000000; border-radius: 50%; top: 2px; } .m-form-radioitem label span:after { display: none; position: absolute; left: 5px; top: 7px; content: ""; width: 10px; height: 10px; background-color: #000000; border-radius: 50%; } .m-form-radioitem label:hover span:after { display: inline-block; } .m-form-radioitem input:checked ~ span:after { display: inline-block; } .m-form__radioitems.has-error:after { left: 0; bottom: -50px; } .m-form__radioitems.has-error:before { left: 100px; bottom: -6px; } .m-form__radioitems.has-error .m-form-radioitem label { color: #ef5466; } .m-form__radioitems.has-error .m-form-radioitem label span:before { border-color: #ef5466; } @media (min-width: 992px) { .m-form__group[data-col="2"] { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } } .m-form__group[data-col="2"] > * { width: 100%; } @media (min-width: 992px) { .m-form__group[data-col="2"] > * { width: 45%; } } .m-form__group[data-col="2"] > * + * { margin-top: 35px; } @media (min-width: 992px) { .m-form__group[data-col="2"] > * + * { margin-top: 0; } } .m-form__group + .m-form__group { margin-top: 35px; } .m-form__final { float: right; margin-right: 10px; } .m-form__next { float: right; margin-right: 10px; } @media (min-width: 320px) and (max-width: 768px) { .m-form__next { font-size: 13px; } } .m-form__prev { float: left; margin-left: 10px; } @media (min-width: 320px) and (max-width: 768px) { .m-form__prev { font-size: 13px; } } .m-form-maxchar { margin-top: -9px; } .m-form-maxchar.max { color: #ef5466; } .m-form__item--checkbox { padding-left: 0; position: relative; display: inline-block; } .m-form__item--checkbox > span.error { display: none; } @media (min-width: 992px) { .m-form__item--checkbox > span.error { display: block; position: absolute; top: 22px; left: 48px; color: #ef5466; } } .m-form__item--checkbox label { margin-left: 48px; display: block; position: static; } .m-form__item--checkbox label a { color: #ef5466; } .m-form__item--checkbox label span.icon { position: absolute; left: 0; top: -7px; width: 28px; height: 28px; } .m-form__item--checkbox label span.icon:before { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='white'%3e%3cuse xmlns:xlink='http://www.w3.org/1999/xlink' xlink:href='%23a'/%3e%3c/mask%3e%3cdefs%3e%3cpath id='a' d='M29.202 0L32 2.798 18.798 16 32 29.202 29.202 32 15.999 18.798 2.799 32 0 29.202 13.201 16 0 2.798 2.798 0 16 13.202 29.202 0z'/%3e%3c/defs%3e%3cg fill='%23000000' mask='url(%23b)'%3e%3cpath d='M-47-28H53V72H-47z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center no-repeat; content: ''; display: none; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; background-size: 20px 20px; z-index: 3; } .m-form__item--checkbox label span.icon:after { content: ""; display: inline-block; width: 30px; height: 30px; background-color: #ffffff; border: 2px solid #c1c1c1; margin-right: 20px; position: absolute; left: 0; top: 0; z-index: 1; } .m-form__item--checkbox label.has-error:after { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: "Vous devez accepter les Conditions Generale de Participation."; border-radius: 2.5px; background-color: rgba(0, 0, 0, 0.45); display: block; position: absolute; top: -10px; right: -240px; z-index: 2; padding: 4px 15px; color: #ffffff; text-align: center; width: 220px; } .m-form__item--checkbox label.has-error:before { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: ""; display: block; width: 0px; height: 0px; position: absolute; top: -10; right: -20px; z-index: 2; border-style: solid; border-width: 10px 10px 10px 0; -webkit-transform: rotate(360deg); border-color: transparent rgba(0, 0, 0, 0.45) transparent transparent; } .m-form__item--checkbox label.has-error span.icon:after { border-color: #ef5466; } .m-form__item--checkbox span.error + label span.icon:after { border-color: #ef5466; } .m-form__item--checkbox input[type="checkbox"], .m-form__item--checkbox input[type="radio"] { position: absolute; opacity: 0; top: 0; left: 0; cursor: pointer; } .m-form__item--checkbox input[type="checkbox"]:checked ~ span, .m-form__item--checkbox input[type="radio"]:checked ~ span { background: red; } .m-form__item--checkbox input[type="checkbox"]:checked ~ span:before, .m-form__item--checkbox input[type="radio"]:checked ~ span:before { display: block; } .m-contactform .m-form__block + .m-form__block { margin-top: 60px; } .m-contactform__form .m-form__final { float: none; } .error404 .status-code { display: block; width: 100%; } .m-votingform .m-form__sublegend { color: #818181; } .m-votingform .m-form__final { margin: 0 auto; float: none; }