/* ------------------------------------------------------------ *\ Vendor \* ------------------------------------------------------------ */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;-o-transition-duration:50ms;transition-duration:50ms} [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms} [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s} [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s} [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s} [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s} [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s} [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s} [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s} [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s} [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s} [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s} [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;-o-transition-duration:.45s;transition-duration:.45s} [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s} [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;-o-transition-duration:.55s;transition-duration:.55s} [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s} [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s} [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s} [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;-o-transition-duration:.65s;transition-duration:.65s} [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s} [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s} [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s} [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;-o-transition-duration:.75s;transition-duration:.75s} [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s} [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s} [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s} [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;-o-transition-duration:.85s;transition-duration:.85s} [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s} [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;-o-transition-duration:.9s;transition-duration:.9s} [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s} [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;-o-transition-duration:.95s;transition-duration:.95s} [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;-o-transition-delay:.95s;transition-delay:.95s} [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s} [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;-o-transition-duration:1.05s;transition-duration:1.05s} [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;-o-transition-delay:1.05s;transition-delay:1.05s} [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;-o-transition-duration:1.1s;transition-duration:1.1s} [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s} [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;-o-transition-duration:1.15s;transition-duration:1.15s} [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;-o-transition-delay:1.15s;transition-delay:1.15s} [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s} [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s} [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;-o-transition-duration:1.25s;transition-duration:1.25s} [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s} [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s} [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s} [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;-o-transition-duration:1.35s;transition-duration:1.35s} [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;-o-transition-delay:1.35s;transition-delay:1.35s} [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;-o-transition-duration:1.4s;transition-duration:1.4s} [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s} [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;-o-transition-duration:1.45s;transition-duration:1.45s} [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;-o-transition-delay:1.45s;transition-delay:1.45s} [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s} [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s} [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;-o-transition-duration:1.55s;transition-duration:1.55s} [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;-o-transition-delay:1.55s;transition-delay:1.55s} [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s} [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s} [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;-o-transition-duration:1.65s;transition-duration:1.65s} [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;-o-transition-delay:1.65s;transition-delay:1.65s} [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;-o-transition-duration:1.7s;transition-duration:1.7s} [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;-o-transition-delay:1.7s;transition-delay:1.7s} [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;-o-transition-duration:1.75s;transition-duration:1.75s} [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s} [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s} [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s} [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;-o-transition-duration:1.85s;transition-duration:1.85s} [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;-o-transition-delay:1.85s;transition-delay:1.85s} [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;-o-transition-duration:1.9s;transition-duration:1.9s} [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;-o-transition-delay:1.9s;transition-delay:1.9s} [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;-o-transition-duration:1.95s;transition-duration:1.95s} [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s} [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s} [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s} [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;-o-transition-duration:2.05s;transition-duration:2.05s} [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;-o-transition-delay:2.05s;transition-delay:2.05s} [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;-o-transition-duration:2.1s;transition-duration:2.1s} [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;-o-transition-delay:2.1s;transition-delay:2.1s} [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;-o-transition-duration:2.15s;transition-duration:2.15s} [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;-o-transition-delay:2.15s;transition-delay:2.15s} [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;-o-transition-duration:2.2s;transition-duration:2.2s} [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;-o-transition-delay:2.2s;transition-delay:2.2s} [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;-o-transition-duration:2.25s;transition-duration:2.25s} [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s} [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;-o-transition-duration:2.3s;transition-duration:2.3s} [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;-o-transition-delay:2.3s;transition-delay:2.3s} [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;-o-transition-duration:2.35s;transition-duration:2.35s} [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;-o-transition-delay:2.35s;transition-delay:2.35s} [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;-o-transition-duration:2.4s;transition-duration:2.4s} [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;-o-transition-delay:2.4s;transition-delay:2.4s} [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;-o-transition-duration:2.45s;transition-duration:2.45s} [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;-o-transition-delay:2.45s;transition-delay:2.45s} [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;-o-transition-duration:2.5s;transition-duration:2.5s} [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s} [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;-o-transition-duration:2.55s;transition-duration:2.55s} [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;-o-transition-delay:2.55s;transition-delay:2.55s} [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;-o-transition-duration:2.6s;transition-duration:2.6s} [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;-o-transition-delay:2.6s;transition-delay:2.6s} [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;-o-transition-duration:2.65s;transition-duration:2.65s} [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;-o-transition-delay:2.65s;transition-delay:2.65s} [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;-o-transition-duration:2.7s;transition-duration:2.7s} [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;-o-transition-delay:2.7s;transition-delay:2.7s} [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;-o-transition-duration:2.75s;transition-duration:2.75s} [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;-o-transition-delay:2.75s;transition-delay:2.75s} [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;-o-transition-duration:2.8s;transition-duration:2.8s} [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;-o-transition-delay:2.8s;transition-delay:2.8s} [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;-o-transition-duration:2.85s;transition-duration:2.85s} [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;-o-transition-delay:2.85s;transition-delay:2.85s} [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;-o-transition-duration:2.9s;transition-duration:2.9s} [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;-o-transition-delay:2.9s;transition-delay:2.9s} [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;-o-transition-duration:2.95s;transition-duration:2.95s} [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;-o-transition-delay:2.95s;transition-delay:2.95s} [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s} [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);-o-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;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]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);-o-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);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]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);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]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);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]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);-o-transition-timing-function:cubic-bezier(.47,0,.745,.715);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]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);-o-transition-timing-function:cubic-bezier(.39,.575,.565,1);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]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);-o-transition-timing-function:cubic-bezier(.445,.05,.55,.95);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)} [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)} [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)} [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)} [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)} [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)} [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)} [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)} [data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} [data-aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)} [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)} [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)} [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)} [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)} [data-aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)} [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)} [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)} [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)} [data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)} [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)} [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)} [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)} [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ SCSS Functions \* ------------------------------------------------------------ */ /* example usage*/ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type=submit], input[type=button], input[type=reset], input[type=file], input[type=image], label[for] { cursor: pointer; } a[href^=tel], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea, a[href^=tel] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=text], input[type=button], input[type=tel], input[type=email], input[type=submit], input[type=date], input[type=search], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-UltraLightItalic.woff2") format("woff2"), url("../fonts/Gilroy-UltraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-UltraLight.woff2") format("woff2"), url("../fonts/Gilroy-UltraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Black.woff2") format("woff2"), url("../fonts/Gilroy-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../fonts/Gilroy-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-BlackItalic.woff2") format("woff2"), url("../fonts/Gilroy-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Thin.woff2") format("woff2"), url("../fonts/Gilroy-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Heavy.woff2") format("woff2"), url("../fonts/Gilroy-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-LightItalic.woff2") format("woff2"), url("../fonts/Gilroy-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-MediumItalic.woff2") format("woff2"), url("../fonts/Gilroy-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"), url("../fonts/Gilroy-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-ExtraBoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-HeavyItalic.woff2") format("woff2"), url("../fonts/Gilroy-HeavyItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-BoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/Gilroy-ExtraBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Gilroy-RegularItalic"; src: url("../fonts/Gilroy-RegularItalic.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Gilroy"; src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ html { font-size: 0.521vw; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { html { font-size: 0.76vw; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { html { font-size: 1.4vw; } } body { min-width: 320px; background: #fff; font-family: "Gilroy", sans-serif; font-weight: 400; font-size: 2rem; line-height: 1.8; color: #000; /* Mobile */ } body.using-tab *:focus { -webkit-box-shadow: 0 0 0 0.3rem #E6AF4B; box-shadow: 0 0 0 0.3rem #E6AF4B; } body.using-tab .close-nav:focus { opacity: 1; z-index: 10; } body.using-tab .member .member__btn:focus { -webkit-box-shadow: inset 0 0 0 0.3rem #E6AF4B; box-shadow: inset 0 0 0 0.3rem #E6AF4B; } body.using-tab .header.is-open .nav__close { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body { line-height: 2; } } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^=tel] { text-decoration: none; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { margin-bottom: calc(1.8em / 2); } .h1, h1 { font-size: 38rem; color: #F4F4F4; font-weight: 900; line-height: 1; text-indent: -2rem; margin-bottom: 0; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .h1, h1 { font-size: 34rem; } } .h2, h2 { font-size: 19rem; line-height: 0.85; font-weight: 900; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .h2, h2 { font-size: 8rem; } } .h3, h3 { font-size: 10rem; } .h4, h4 { font-size: 5rem; font-weight: 300; line-height: 1.12; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .h4, h4 { font-size: 4rem; line-height: 1.8; } } .h4 span, h4 span { font-weight: 900; /* Tablet */ } @media (max-width: 1024px) { .h4 span, h4 span { font-weight: 700; } } .h5, h5 { font-size: 3rem; } .h6, h6 { font-size: 2rem; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.8em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ""; line-height: 0; display: table; clear: both; } /* sr-only */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 767.02px) and (max-width: 1024px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024.02px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1199.02px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } @-webkit-keyframes fadeIn1 { 0% { opacity: 0; -webkit-transform: translate(-7.355px, 26px); transform: translate(-7.355px, 26px); } 100% { opacity: 1; -webkit-transform: translate(-7.355px, -23.062px); transform: translate(-7.355px, -23.062px); } } /* ------------------------------------------------------------ *\ Components \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article + .article { padding-top: 30.1rem; /* Tablet */ } @media (max-width: 1024px) { .article + .article { padding-top: 15rem !important; } } .article:last-child { padding-top: 33.2rem; } .article:last-child .article__image { padding-bottom: 0; } .article .h4 { font-weight: 900; margin-bottom: 2.7rem; } .article .h4 a { text-decoration: none; } .article p { font-weight: 300; } .article p + .stats { margin-top: 4.5rem; } .article .article__image { height: 100%; width: 100%; min-height: 50rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F8F8F8; position: relative; padding-bottom: 0.7rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article .article__image { height: 50vw; min-height: auto; } } .article .article__image .line { position: absolute; top: 50%; right: -7.5rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .article .article__image .line { right: -5rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article .article__image .line { top: 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 5rem; } } .article .article__content { padding: 7.8rem 4rem 7.8rem 15.6rem; /* Tablet */ } @media (max-width: 1024px) { .article .article__content { padding: 5rem 5rem 5rem 7rem; } } /* ------------------------------------------------------------ *\ Article--reversed \* ------------------------------------------------------------ */ .article--reversed + .article--alt { padding-top: 36.6rem; } .article--reversed .grid { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .article--reversed .article__image { padding-bottom: 0; } .article--reversed .article__image .line { right: auto; left: -7.5rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .article--reversed .article__image .line { left: -5rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article--reversed .article__image .line { left: 5rem; } } .article--reversed .article__content { padding: 7.8rem 15.6rem 7.8rem 4rem; /*text-align: right;*/ /* Tablet */ } @media (max-width: 1024px) { .article--reversed .article__content { padding: 5rem 7rem 5rem 5rem; } } /* ------------------------------------------------------------ *\ Article--alt \* ------------------------------------------------------------ */ .article--alt + .article { padding-top: 34.8rem; } .article--alt .article__image { padding-bottom: 2rem; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; background-color: #E50019; border: 0.2rem solid #E50019; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; padding: 1rem 4rem; font-weight: 500; } .btn:hover { border: 0.2rem solid #fff; background-color: transparent; } .btn--alt { font-size: 1.5rem; font-weight: 700; color: #fff; padding: 0.4rem 1rem; border: 0.2rem solid #fff; background-color: transparent; } .btn--alt:hover { background-color: #E50019; border: 0.2rem solid #E50019; } /* Btn block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------ *\ Checkbox \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Fields \* ------------------------------------------------------------ */ /* Field textarea */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding: 33.9rem 0 5rem; /* Tablet */ } @media (max-width: 1024px) { .footer { padding-top: 20rem; } } .footer h2 { margin-bottom: 14rem; } .footer p { font-weight: 300; } .footer a { text-decoration: none; position: relative; color: #E50019; } .footer a:hover:after { width: 100%; } .footer a:after { content: ""; width: 0%; height: 1px; background-color: #E50019; position: absolute; top: 87%; left: 0; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; } .footer .h4 { margin-bottom: 1.9rem; } .footer .h5 { font-weight: 900; line-height: 1.12; margin-bottom: 4.1rem; } .footer .footer__grid { margin-bottom: 13.9rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__grid { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .footer__copyrights { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -4rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__copyrights { display: block; padding-right: 10vw; } } .footer .footer__copyrights p { font-size: 1.6rem; padding: 0 4rem; margin-bottom: 0; } .footer .footer__copyrights p:first-child { position: relative; padding-left: 7.2rem; } .footer .footer__copyrights p:first-child:before { content: ""; width: 1.6rem; height: 1.6rem; background-color: #E50019; position: absolute; top: 0.4rem; left: 4.2rem; } .footer .footer__copyrights p:last-child { /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__copyrights p:last-child { text-align: right; } } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; /* Mobile */ /* Grid col 1of2 */ /* Grid col 2of2 */ /* Grid col 1of3 */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .grid { display: block; } } .grid .grid__col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .grid .grid__col { max-width: 100% !important; } } .grid .grid__col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .grid__col--2of3 { max-width: 66.66%; -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; } .grid .grid__col--1of3 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } /* ------------------------------------------------------------ *\ Grid--type1 \* ------------------------------------------------------------ */ .grid--type1 { margin-right: -5rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .grid--type1 { margin-right: 0; } } .grid--type1 .grid__col--2of3 { margin-right: -5.6rem; padding-right: 8rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .grid--type1 .grid__col--2of3 { margin-right: 0; padding-right: 0; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: fixed; top: -100vh; left: 0; padding: 6.4rem calc(13vh + 8rem) 6.4rem 5.9rem; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); z-index: 8; /* Small Desktop */ /* Mobile */ /* Mobile */ } @media (max-width: 1199px) { .header { padding: 6.4rem calc(13vh + 4rem) 6.4rem 3.9rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header { border-bottom: 0; } } .header:before { content: ""; height: 0.1rem; width: 9999rem; position: absolute; bottom: 0; right: 0; background-color: rgba(112, 112, 112, 0.2); /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header:before { display: none; } } .header:after { content: ""; width: 75px; height: 75px; background-color: #E50019; position: absolute; top: 0; right: 0; z-index: 0; display: none; pointer-events: none; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header:after { display: block; } } @media (orientation: landscape) and (max-width: 850px) { .header:after { display: block; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header { left: auto; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; width: 75px !important; min-width: auto; } } @media (orientation: landscape) and (max-width: 850px) { .header { left: auto; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; width: 75px !important; min-width: auto; } } .header .header__logo { position: absolute; top: 50%; right: 5rem; -webkit-transform: translate(0, -50%) rotate(90deg); -ms-transform: translate(0, -50%) rotate(90deg); transform: translate(0, -50%) rotate(90deg); /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__logo { position: fixed; top: 15px; left: 15px; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-transition:1s; -o-transition:1s; transition: 1s; } } @media (orientation: landscape) and (max-width: 850px) { .header .header__logo { position: fixed; top: 15px; left: 15px; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-transition:1s; -o-transition:1s; transition: 1s; } } .header .header__actions { position: absolute; top: 0; left: 0; z-index: 20; text-align: right; width: 100%; width: 75px; height: 75px; display: none; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__actions { display: inline-block; } } @media (orientation: landscape) and (max-width: 850px) { .header .header__actions { display: inline-block; z-index: 100; margin-bottom: 5px; } } .header .header__actions p { text-align: left; color: #fff; padding: 0.6rem 0 0 2rem; font-size: 3.2vw; opacity: 1; -webkit-transition:opacity 0.15s; -o-transition:opacity 0.15s; transition: opacity 0.15s; position: absolute; bottom: 1.7rem; left: 0; line-height: 1.3; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__actions p { font-size: 12px; padding: 3px 0 0 15px; bottom: 8px; } } .header.visible .header__logo { opacity: 1; -webkit-transition:1s 1s; -o-transition:1s 1s; transition: 1s 1s; } .header.visible .header__logo:focus { -webkit-transition:0.2s; -o-transition:0.2s; transition: 0.2s; } .header.is-open .nav { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 2; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; } .header.is-open .nav a { pointer-events: auto !important; } .header.is-open .header__actions .nav-btn { pointer-events: auto; } /* ------------------------------------------------------------ *\ Hero \* ------------------------------------------------------------ */ .hero { padding: 23.5rem 0 16rem; height: 100vh; /* Large Desktop */ /* Tablet */ /* Mobile */ } @media (max-width: 1399px) { .hero { padding-bottom: 35rem; } } @media (max-width: 1024px) { .hero { padding: 20rem 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero { padding: 10rem 0 0; } } @media (orientation: landscape) and (max-width: 850px) { .hero { padding: 1rem 0; } } .hero .hero__shell { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; /* Tablet */ } @media (max-width: 1024px) { .hero .hero__shell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (orientation: landscape) and (max-width: 850px) { .hero .hero__shell { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .hero h1 { margin-bottom: -11.1rem; } .hero h2 { display: inline-block; max-width: 51.4rem; vertical-align: bottom; padding-left: 3rem; position: relative; margin-bottom: -0.7rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .hero h2 { max-width: 42%; padding-left: 1rem; margin-bottom: 4rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero h2 { text-align: right; max-width: 55%; width: 100%; margin-left: 20%; } } @media (orientation: landscape) and (max-width: 850px) { .hero h2 { width: 46%; padding-left: 1rem; text-align: left; margin-bottom: 0; font-size: 3.2rem; margin-left: 0; } } .hero .hero__image { position: relative; padding-right: 24.1rem; display: inline-block; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .hero .hero__image { max-width: 57.5%; padding-right: 10rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero .hero__image { max-width: 80%; padding-bottom: 20rem; } } @media (orientation: landscape) and (max-width: 850px) { .hero .hero__image { max-width: 53%; padding-right: 10rem; padding-bottom: 0; } } .hero .hero__image .line { position: absolute; bottom: 4.7rem; right: 2.3rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .hero .hero__image .line { bottom: 45%; right: 1rem; width: 7.5rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero .hero__image .line { width: 15rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 5rem; bottom: 9.5rem; } } @media (orientation: landscape) and (max-width: 850px) { .hero .hero__image .line { bottom: 45%; right: 1rem; width: 7.5rem; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .hero img { width: 66.7rem; height: auto; } .hero .hero__inner { /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero .hero__inner { width: 100vw; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ [class*=ico-] { display: inline-block; vertical-align: middle; } [class*=ico-] svg { width: 100%; height: 100%; display: block; } .ico-htmlburger { width: 22.6rem; height: auto; } .ico-bakery { width: 80px; height: auto; } .ico-graphic-mama { width: 22.4rem; height: auto; } .ico-graphic-mama #Path_17016 { -webkit-transform: translate(-7.355px, 25px); -ms-transform: translate(-7.355px, 25px); transform: translate(-7.355px, 25px); } .ico-graphic-mama #Group_15631 { -webkit-transform: translate(0, 60px); -ms-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition:0.8s 0.6s; -o-transition:0.8s 0.6s; transition: 0.8s 0.6s; } .ico-graphic-mama.aos-animate #Group_15631 { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition:0.8s 0.6s; -o-transition:0.8s 0.6s; transition: 0.8s 0.6s; } .ico-graphic-mama.aos-animate #Path_17016 { -webkit-transform: translate(-7.355px, -23.062px); -ms-transform: translate(-7.355px, -23.062px); transform: translate(-7.355px, -23.062px); -webkit-transition:0.8s 0.6s; -o-transition:0.8s 0.6s; transition: 0.8s 0.6s; } .ico-kitchen { width: 28.2rem; height: auto; } .ico-in-house { width: 24.5rem; height: auto; } .ico-refresh { width: 2.8rem; height: 2.8rem; } /* ------------------------------------------------------------ *\ Line \* ------------------------------------------------------------ */ .line { width: 15rem; height: 0.2rem; background-color: #000; display: inline-block; /* Tablet */ } @media (max-width: 1024px) { .line { width: 10rem; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 29.4rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .list li { margin-bottom: 13rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list li { display: block; margin-bottom: 13rem; } } .list li:last-child { margin-bottom: 0; } .list h2.h3 { padding-right: 3rem; max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; color: #000; text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; opacity: 0.3; margin-top: 1.8rem; margin-bottom: 0; /* Tablet */ /* Mobile */ } .list h2.h3.aos-animate { opacity: 0.3 !important; } @media (max-width: 1024px) { .list h2.h3 { font-size: 8rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list h2.h3 { max-width: 100%; margin-bottom: 4rem; } } .list h2.h4 { margin-bottom: 2.5rem; } .list p { font-weight: 300; } .list .list__content { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 4rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .list .list__content { max-width: 100%; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 29px; height: 29px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Members \* ------------------------------------------------------------ */ .members { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 7.3rem; /* Tablet */ } @media (max-width: 1024px) { .members { padding-right: 0; } } .members .member { max-width: 16.66%; -webkit-box-flex: 0; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; position: relative; overflow: hidden; padding-top: 16.5%; opacity: 0; } .members .member:after { opacity: 0; -webkit-transition:1s; -o-transition:1s; transition: 1s; } .members .member > img { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; max-width: 999rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition:opacity 1s; -o-transition:opacity 1s; transition: opacity 1s; height: 102%; width: auto; } .members .member .member__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; padding-bottom: 1rem; } .members .is-active { opacity: 1; } .members .is-active:after { opacity: 0.4 !important; } .members .is-active i, .members .is-active img.visible { opacity: 1; } .members .member--reset { background-color: #E50019; } .members .member--red { position: relative; } .members .member--red:after { content: ""; width: 100%; height: 100%; background-color: #E50019; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } /* ------------------------------------------------------------ *\ Message \* ------------------------------------------------------------ */ .message { position: fixed; top: 0; right: 0; background-color: #000; padding: 2.8rem 3rem 3rem 3rem; color: #fff; max-width: 34.3rem; width: 100%; z-index: 6; /* Large Desktop */ /* Mobile */ } @media (max-width: 1399px) { .message { max-width: 40rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .message { right: auto; left: 0; width: 70vw; max-width: 80vw; top: auto; bottom: 0; max-width: 45rem; } } @media (orientation: landscape) and (max-width: 850px) { .message { right: auto; left: 0; width: 70vw; max-width: 80vw; top: auto; bottom: 0; max-width: 45rem; } } .message p { font-size: 1.4rem; line-height: 1.58; font-weight: 300; margin-bottom: 1.6rem; /* Large Desktop */ /* Mobile */ } @media (max-width: 1399px) { .message p { font-size: 1.8rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .message p { font-size: 2.5rem; } } @media (orientation: landscape) and (max-width: 850px) { .message p { font-size: 2.5rem; } } .message p a { text-decoration: none; position: relative; } .message p a:hover:after { width: 0; } .message p a:after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 87%; left: 0; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; } .message .btn { min-width: 12rem; } .message.message-hidden { -webkit-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; transform: translateX(100%) !important; opacity: 0 !important; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; /* Mobile */ } .message.message-hidden a { display: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .message.message-hidden { -webkit-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } } @media (orientation: landscape) and (max-width: 850px) { .message.message-hidden { -webkit-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } } /* ------------------------------------------------------------ *\ Nav btn \* ------------------------------------------------------------ */ .nav-btn { display: none; width: 4rem; height: 4rem; position: relative; border: 1.2rem solid transparent; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav-btn { display: inline-block; width: 40px; height: 38px; border-width: 11px; } } .nav-btn span { width: 100%; height: 0.2rem; background: #fff; position: absolute; left: 0; -webkit-transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; -o-transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s; transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s; transition: top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s; } .nav-btn span:first-child { top: 0; } .nav-btn span:nth-child(2) { top: calc(50% - 1px); } .nav-btn span:last-child { top: calc(100% - 2px); } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav-btn span { height: 2px; } } .nav-btn.is-active span { -webkit-transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; -o-transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition: background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s; } .nav-btn.is-active span:first-child { top: calc(50% - 1px); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-btn.is-active span:nth-child(2) { left: 214%; } .nav-btn.is-active span:nth-child(3) { top: calc(50% - 1px); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav { position: relative; z-index: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; overflow-x: hidden; overflow-y: auto; height: 80%; margin-top: 75px; padding-top: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav { border-top: solid 5px #fff; position: relative; z-index: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); overflow-x: hidden; overflow-y: auto; height: 82%; margin-top: 75px; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; } } .nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin: 0; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav ul { display: block; background-color: #E50019; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 0; margin-bottom: 0; } } @media (orientation: landscape) and (max-width: 850px) { .nav ul { display: block; background-color: #E50019; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 0; margin-bottom: 0; } } .nav li { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); padding-left: 1.7rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav li { -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 0; } } @media (orientation: landscape) and (max-width: 850px) { .nav li { -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 0; } } .nav li + li { margin-left: 2rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav li + li { margin-left: 0; } } @media (orientation: landscape) and (max-width: 850px) { .nav li + li { margin-left: 0; } } .nav .is-current a:before { background-color: #E50019; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; } .nav a { text-decoration: none; font-size: 1.6rem; font-weight: 400; position: relative; -webkit-transition:0.4s; -o-transition:0.4s; transition: 0.4s; /* Large Desktop */ /* Mobile */ /* Mobile */ } @media (max-width: 1399px) { .nav a { font-size: 2rem; } } @media (min-width: 767.02px) { .nav a { pointer-events: auto !important; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav a { width: 75px; height: 75px; padding: 16% 18.2% 16% 15px; font-size: 12px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.3; font-weight: 300; pointer-events: none; } } @media (orientation: landscape) and (max-width: 850px) { .nav a { width: 75px; height: 75px; padding: 16% 18.2% 16% 20%; font-size: 12px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.3; font-weight: 300; pointer-events: none; } } .nav a:before { content: ""; max-width: 6px; max-height: 6px; width: 6px; height: 6px; border: 1px solid #E50019; position: absolute; left: -16px; top: 50%; -webkit-transition:max-width 0.3s 0.2s, width 0.3s, height 0.2s 0.3s, max-height 0.2s 0.3s; -o-transition:max-width 0.3s 0.2s, width 0.3s, height 0.2s 0.3s, max-height 0.2s 0.3s; transition: max-width 0.3s 0.2s, width 0.3s, height 0.2s 0.3s, max-height 0.2s 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav a:before { display: none; } } @media (orientation: landscape) and (max-width: 850px) { .nav a:before { display: none; } } .nav a:hover { /* Tablet */ } @media (min-width: 1024.02px) { .nav a:hover { color: #E50019; } } .nav a:hover:before { /* Tablet */ } @media (min-width: 1024.02px) { .nav a:hover:before { -webkit-transition:width 0.3s 0.2s, max-width 0.3s 0.2s, height 0.2s, max-height 0.2s; -o-transition:width 0.3s 0.2s, max-width 0.3s 0.2s, height 0.2s, max-height 0.2s; transition: width 0.3s 0.2s, max-width 0.3s 0.2s, height 0.2s, max-height 0.2s; height: 0; max-height: 0; max-width: 12px; width: 1rem; } } .nav .nav__close { display: none; background-color: #E50019; text-align: center; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav .nav__close { opacity: 0; z-index: -1; } } @media (orientation: landscape) and (max-width: 850px) { .nav .nav__close { opacity: 0; z-index: -1; } } /* ------------------------------------------------------------ *\ Page loading \* ------------------------------------------------------------ */ .page-loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; 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; z-index: 9; pointer-events: none; background-color: #fff; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition: opacity 0.5s; } .page-loading ul { position: relative; width: 70px; height: 70px; list-style-type: none; font-size: 0; overflow: hidden; -webkit-transition:1.5s 0.2s, -webkit-transform 1.5s 0.4s; transition:1.5s 0.2s, -webkit-transform 1.5s 0.4s; -o-transition:transform 1.5s 0.4s, 1.5s 0.2s; transition:transform 1.5s 0.4s, 1.5s 0.2s; transition: transform 1.5s 0.4s, 1.5s 0.2s, -webkit-transform 1.5s 0.4s; } .page-loading li { display: inline-block; position: absolute; top: 0; left: 0; width: 50%; height: 50%; vertical-align: top; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; background-color: #000; -webkit-transform: translate(50%, 50%) scale(1.1); -ms-transform: translate(50%, 50%) scale(1.1); transform: translate(50%, 50%) scale(1.1); -webkit-transition:-webkit-transform 0.6s; transition:-webkit-transform 0.6s; -o-transition:transform 0.6s; transition:transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; } .page-loading li:nth-child(3), .page-loading li:nth-child(4) { background-color: #E50019; } .page-loading.view1 li:nth-child(1) { -webkit-transform: translate(-18%, -16%) scale(0.7); -ms-transform: translate(-18%, -16%) scale(0.7); transform: translate(-18%, -16%) scale(0.7); } .page-loading.view1 li:nth-child(2) { -webkit-transform: translate(102%, -13%) scale(0.28); -ms-transform: translate(102%, -13%) scale(0.28); transform: translate(102%, -13%) scale(0.28); } .page-loading.view1 li:nth-child(3) { -webkit-transform: translate(-20%, 100%) scale(0.45); -ms-transform: translate(-20%, 100%) scale(0.45); transform: translate(-20%, 100%) scale(0.45); } .page-loading.view1 li:nth-child(4) { -webkit-transform: translate(97%, 97%) scale(1.1); -ms-transform: translate(97%, 97%) scale(1.1); transform: translate(97%, 97%) scale(1.1); } .page-loading.view2 li:nth-child(1) { -webkit-transform: translate(102%, -13%) scale(0.28); -ms-transform: translate(102%, -13%) scale(0.28); transform: translate(102%, -13%) scale(0.28); } .page-loading.view2 li:nth-child(2) { -webkit-transform: translate(97%, 97%) scale(1.1); -ms-transform: translate(97%, 97%) scale(1.1); transform: translate(97%, 97%) scale(1.1); } .page-loading.view2 li:nth-child(3) { -webkit-transform: translate(-18%, -16%) scale(0.7); -ms-transform: translate(-18%, -16%) scale(0.7); transform: translate(-18%, -16%) scale(0.7); } .page-loading.view2 li:nth-child(4) { -webkit-transform: translate(-20%, 100%) scale(0.45); -ms-transform: translate(-20%, 100%) scale(0.45); transform: translate(-20%, 100%) scale(0.45); } .page-loading.view3 li:nth-child(1) { -webkit-transform: translate(97%, 97%) scale(1.1); -ms-transform: translate(97%, 97%) scale(1.1); transform: translate(97%, 97%) scale(1.1); } .page-loading.view3 li:nth-child(2) { -webkit-transform: translate(-20%, 100%) scale(0.45); -ms-transform: translate(-20%, 100%) scale(0.45); transform: translate(-20%, 100%) scale(0.45); } .page-loading.view3 li:nth-child(3) { -webkit-transform: translate(102%, -13%) scale(0.28); -ms-transform: translate(102%, -13%) scale(0.28); transform: translate(102%, -13%) scale(0.28); } .page-loading.view3 li:nth-child(4) { -webkit-transform: translate(-18%, -16%) scale(0.7); -ms-transform: translate(-18%, -16%) scale(0.7); transform: translate(-18%, -16%) scale(0.7); } .page-loading.view4 li:nth-child(1) { -webkit-transform: translate(-20%, 100%) scale(0.45); -ms-transform: translate(-20%, 100%) scale(0.45); transform: translate(-20%, 100%) scale(0.45); } .page-loading.view4 li:nth-child(2) { -webkit-transform: translate(-18%, -16%) scale(0.7); -ms-transform: translate(-18%, -16%) scale(0.7); transform: translate(-18%, -16%) scale(0.7); } .page-loading.view4 li:nth-child(3) { -webkit-transform: translate(97%, 97%) scale(1.1); -ms-transform: translate(97%, 97%) scale(1.1); transform: translate(97%, 97%) scale(1.1); } .page-loading.view4 li:nth-child(4) { -webkit-transform: translate(102%, -13%) scale(0.28); -ms-transform: translate(102%, -13%) scale(0.28); transform: translate(102%, -13%) scale(0.28); } .page-loading.page-loaded { opacity: 0; visibility: hidden; -webkit-transition:all 0s 0.5s, opacity 0.8s; -o-transition:all 0s 0.5s, opacity 0.8s; transition: all 0s 0.5s, opacity 0.8s; pointer-events: none; } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section-alt \* ------------------------------------------------------------ */ .section-alt { padding: 33.1rem 0 30.1rem; /* Tablet */ } @media (max-width: 1024px) { .section-alt { padding: 15rem 0 !important; } } .section-alt + .section-alt { padding-top: 16.8rem; } .section-alt .section__subtitles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -2rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__subtitles { display: block; } } .section-alt .section__subtitles h2.h3 { padding: 0 2rem; margin-bottom: 0; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .section-alt .section__subtitles h2.h3 { font-size: 9rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__subtitles h2.h3 { margin-bottom: 2.5rem; } } .section-alt .section__subtitles h2.h3:first-child { font-weight: 300; } .section-alt .section__subtitles h2.h3:nth-child(2) { font-weight: 600; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__subtitles h2.h3:nth-child(2) { margin-left: 15%; margin-bottom: 3.5rem; } } .section-alt .section__subtitles h2.h3:last-child { /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__subtitles h2.h3:last-child { margin-left: 30%; } } .section-alt .section__head { margin-bottom: 37rem; /* Tablet */ } @media (max-width: 1024px) { .section-alt .section__head { margin-bottom: 15rem !important; } } .section-alt .section__head h2 { max-width: 70%; margin-bottom: 32.2rem; /* Tablet */ } @media (max-width: 1024px) { .section-alt .section__head h2 { max-width: 100%; margin-bottom: 15rem; } } .section-alt .section__head--alt { margin-bottom: 31.5rem; } .section-alt .section__head--alt h2 { margin-bottom: 0; } .section-alt .section__entry { margin-top: 0; padding: 4rem 4rem 4rem 13rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .section-alt .section__entry { padding-left: 4rem; margin-top: 15rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__entry { margin-top: 10rem; } } .section-alt .section__grid { margin-bottom: 26rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .section-alt .section__grid { margin-bottom: 15rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt .section__grid { margin-bottom: 10rem; } } .section-alt .section__grid--alt { margin-bottom: 0; } .section-alt .section__grid--alt + * { margin-top: 26rem; } .section-alt .section__body > h2.h4 { max-width: 73%; width: 100%; /* Tablet */ } @media (max-width: 1024px) { .section-alt .section__body > h2.h4 { max-width: 100%; } } .section-alt .section__body--alt > h2.h4 { max-width: 75%; margin-bottom: 30.2rem; /* Tablet */ } @media (max-width: 1024px) { .section-alt .section__body--alt > h2.h4 { max-width: 100%; margin-bottom: 15rem; } } .section-alt .section__body--alt .section__entry { margin-top: 0; height: 100%; padding: 3.7rem 0 4rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-alt .section__body--alt .section__entry p { max-width: 49rem; width: 100%; font-weight: 300; } /* ------------------------------------------------------------ *\ Section-alt--def \* ------------------------------------------------------------ */ .section-alt--def { padding-bottom: 16rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt--def { padding-bottom: 0 !important; } } /* ------------------------------------------------------------ *\ Section-alt--dev \* ------------------------------------------------------------ */ .section-alt--dev { padding-bottom: 22.7rem; } .section-alt--dev .section__head { margin-bottom: 24.9rem; } .section-alt--dev .section__head h2 { margin-bottom: 0; } .section-alt--dev .section__entry { margin-top: 10.5rem; padding: 2rem 0rem 2rem 1.3rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt--dev .section__entry { padding-left: 0; } } .section-alt--dev .section__entry h2.h4 { margin-bottom: 4.2rem; padding-left: 0.7rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-alt--dev .section__entry h2.h4 { padding-left: 0; } } .section-alt--dev .section__entry p { font-weight: 300; } /* ------------------------------------------------------------ *\ Section-dev \* ------------------------------------------------------------ */ .section-dev { color: #fff; } .section-dev h2 { margin-bottom: 34.3rem; /* Tablet */ /* Mobile */ } @media (max-width: 1024px) { .section-dev h2 { margin-bottom: 20rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev h2 { margin-bottom: 12rem; } } .section-dev .section__main { background-color: #000; } .section-dev .section__image { padding-top: 34.1%; background-size: cover; } .section-dev .section__inner { padding: 33.9rem 0 29.5rem; /* Tablet */ } @media (max-width: 1024px) { .section-dev .section__inner { padding: 15rem 0; } } /* ------------------------------------------------------------ *\ Section-dev--alt \* ------------------------------------------------------------ */ .section-dev--alt { padding: 33.1rem 0 15.2rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev--alt { padding: 20rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 80vh; } } .section-dev--alt h2 { margin-bottom: 22.1rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev--alt h2 { margin-bottom: 12rem; } } .section-dev--alt h2.h4 { margin-bottom: 0; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev--alt h2.h4 { margin-bottom: 6rem; } } .section-dev--alt p { font-weight: 300; margin-bottom: 4.7rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev--alt p { margin-bottom: 6rem; } } .section-dev--alt .section__entry { max-width: 52rem; width: 100%; margin-left: auto; padding: 1.3rem 0 0 3rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-dev--alt .section__entry { padding-left: 0; /* Mobile */ } } @media (max-width: 767px) and (max-width: 767px), screen and (max-width: 767px) and (max-width: 812px) and (orientation: landscape), screen and (max-width: 812px) and (orientation: landscape) and (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) and (max-width: 812px) and (orientation: landscape) { .section-dev--alt .section__entry { max-width: 100%; margin-left: 0; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 13.7rem 0 10rem; } .section .section__entry { max-width: 69%; width: 100%; padding: 25.1rem 0 25.3rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section .section__entry { max-width: 100%; padding: 10rem 0; } } .section .section__entry--size1 { max-width: 90.4rem; padding: 22.3rem 0 20rem; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section .section__entry--size1 { padding: 15rem 0; } } .section .section__entry--size1 h2.h4 { font-weight: 400; } .section .section__entry--center { text-align: center; margin: 0 auto; } .section .section__images { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: calc((-100vw + 144rem) / 2); display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: -4rem; /* Tablet */ } @media (max-width: 1024px) { .section .section__images { margin-left: -2rem; } } .section .section__image { padding: 0 4rem; /* Tablet */ } @media (max-width: 1024px) { .section .section__image { padding: 0 2rem; } } .section .section__image img { width: 100%; height: auto; } .section .section__image--size1 { max-width: 43%; -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; } .section .section__image--size2 { max-width: 57%; -webkit-box-flex: 0; -ms-flex: 0 0 57%; flex: 0 0 57%; margin-bottom: 11.4%; } .section--nospace { padding-top: 0; padding-bottom: 0; } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select select::-ms-expand { display: none; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: calc( 144rem + 15px * 2 ); padding-left: 15px; padding-right: 15px; margin: auto; width: 100%; } /* Shell Fluid */ .shell--fluid { max-width: none; } /* ------------------------------------------------------------ *\ Stats \* ------------------------------------------------------------ */ .stats { margin: 0 -2.8rem; } .stats .h5 { line-height: 1.2; margin-bottom: 0.3rem; font-weight: 700; } .stats li { display: inline-block; padding: 0 2.8rem; } .stats p { font-size: 1.4rem; font-weight: 300; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; min-height: 100vh; padding-left: 16rem; max-width: 100%; overflow: hidden; /* Mobile */ } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .wrapper { padding-left: 0 !important; padding-right: 0 !important; } } @media (orientation: landscape) and (max-width: 850px) { .wrapper { padding-left: 0 !important; padding-right: 0 !important; } } /* ------------------------------------------------------------ *\ Overwrites \* ------------------------------------------------------------ */