[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-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;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;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-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;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;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-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;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;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-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;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;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-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;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;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-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;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;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-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;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;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-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;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;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-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;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;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-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;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;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-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;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;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-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;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;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-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;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;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-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;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;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-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;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;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-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;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;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-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;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;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-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;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;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-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;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;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-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;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;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-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;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;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-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;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;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-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;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;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-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;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;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-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;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;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-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;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;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-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;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;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-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;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;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-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;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;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-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;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;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-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;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;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-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;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;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-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;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;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-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;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;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-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;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;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-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;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;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-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;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;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-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;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;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-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;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;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-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;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;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-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;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;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-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;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;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-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;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;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-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;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;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-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;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;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-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;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;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-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;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;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-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;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;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-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;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;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-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;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;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-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;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;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-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;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;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-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;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;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-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;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;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-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;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;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-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;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;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-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;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;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-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;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;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-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;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;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-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;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;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);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;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;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;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;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);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);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);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);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);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);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);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);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);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);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);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);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);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);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);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;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;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);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);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;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;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)} .vue-map-container { position: relative; } .vue-map-container .vue-map { left: 0; right: 0; top: 0; bottom: 0; position: absolute; } .vue-map-hidden { display: none; } .vue-street-view-pano-container { position: relative; } .vue-street-view-pano-container .vue-street-view-pano { left: 0; right: 0; top: 0; bottom: 0; position: absolute; } .grecaptcha-badge { display: none; } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }.grecaptcha-badge { display: none; } @font-face { font-family: "Styrene A"; src: url("../fonts/StyreneA-Medium.woff2") format("woff2"), url("../fonts/StyreneA-Medium.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "LTBrewery"; src: url("../fonts/LinotypeBrewery-Heavy.woff2") format("woff2"), url("../fonts/LinotypeBrewery-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "NorthwellAlt"; src: url("../fonts/NorthwellAlt.woff2") format("woff2"), url("../fonts/NorthwellAlt.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } html, body { width: 100%; height: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; background: #fff; color: #000; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: "Styrene A", Helvetica, sans-serif; line-height: 1.5; -webkit-font-feature-settings: "liga", "kern"; font-feature-settings: "liga", "kern"; overflow-x: hidden; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } [v-cloak] > * { display: none; } [v-cloak]::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } [v-cloak]::after { content: ""; position: absolute; z-index: 2; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/logo.svg) 50% 50% no-repeat; background-size: 100px 100px; -webkit-animation: loading 1s infinite alternate; animation: loading 1s infinite alternate; } @-webkit-keyframes loading { from { opacity: 0.5; } to { opacity: 1; } } @keyframes loading { from { opacity: 0.5; } to { opacity: 1; } } .post-edit-link { position: fixed; z-index: 100; bottom: 0; right: 0; background: #0a0ac8; color: #fff; font-size: 12px; letter-spacing: 0.05em; 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; font-weight: bold; text-decoration: none; padding: 25px; } .fade-enter-active, .fade-leave-active { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .fade-enter, .fade-leave-to { opacity: 0; } #app { padding-top: 65px; } @media (min-width: 1200px) { #app { padding-top: 115px; } } #fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; pointer-events: none; background: #f3f3f2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; display: none; } #fader.appear { display: block; } #fader.fade-out { opacity: 0; -webkit-animation-name: fade-out; animation-name: fade-out; } #fader.fade-in { opacity: 1; -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 12px; position: relative; z-index: 1000; height: 65px; position: fixed; background: #fff; top: 0; right: 0; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { .header { padding: 0 50px; height: 115px; } } .header--sticky { position: fixed; } @media (min-width: 1200px) { .header--sticky { height: 75px; } } .body--sidebar .header { background: rgba(0, 0, 0, 0); } .header__logo { margin-right: auto; margin-left: 0; } .header__logo svg { display: block; width: 136px; height: 39px; color: #0a0ac8; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { .header__logo svg { width: 10.9375vw; height: 3.17708333vw; width: 150px; height: 44px; } } @media (min-width: 1800px) { .header__logo svg { width: 150px; height: 44px; } } .body--sidebar .header__logo svg { color: #fff; } .header__nav { margin-left: auto; margin-right: 0; list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__nav-item { display: none; } @media (min-width: 769px) { .header__nav-item { display: block; padding: 0; margin-right: 20px; } } @media (min-width: 1200px) { .header__nav-item { margin-right: 40px; } } .header__nav-item--address { display: none; } @media (min-width: 1024px) { .header__nav-item--address { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1200px) { .header__nav-item--address { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; 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; text-align: center; margin-left: 20px; } } .header__nav-item address { display: block; font-family: "LTBrewery", Helvetica, sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: 0.075em; -webkit-transform: translateY(7%); transform: translateY(7%); } .header__nav-link, .header__nav-button, .header__nav .wpml-ls-link { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; display: block; color: #7a7a7a; text-decoration: none; padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 769px) { .header__nav-link, .header__nav-button, .header__nav .wpml-ls-link { font-size: 16px; } } @media (min-width: 1800px) { .header__nav-link, .header__nav-button, .header__nav .wpml-ls-link { font-size: 16px; } } .header__nav-link:hover, .header__nav-button:hover, .header__nav .wpml-ls-link:hover { color: #000; } .body--sidebar .header__nav-link, .body--sidebar .header__nav-button, .body--sidebar .header__nav .wpml-ls-link { color: #fff; } .header__nav-button { display: block; color: #0a0ac8; } .header__nav-button:hover { color: #000; } .body--sidebar .header__nav-button { color: #fff; border-color: #fff; } .header__menu { margin-right: 0; margin-left: 0; display: block; border: 0; padding: 0; margin: 0; background: none; } .header__menu:focus { outline: none; } .sidebar { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #000; } .sidebar--open { z-index: 10; } .sidebar__button { display: none; position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; } .sidebar__content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 115px; } .sidebar__nav { margin: auto; padding: 9.6vw; list-style: none; } @media (min-width: 769px) { .sidebar__nav { padding: 7.29166667vw 0; } } .sidebar__item { width: 100%; position: relative; padding: 5px 0; } @media (min-width: 769px) { .sidebar__item { padding: 0.52083333vw 0; } } @media (min-width: 769px) { .sidebar__item.mobile-only { display: none; } } .sidebar__link { display: block; position: relative; text-decoration: none; } @media (min-width: 769px) { .sidebar__link:hover .sidebar__link-picture, .sidebar__link:focus .sidebar__link-picture { opacity: 1; } .sidebar__link:hover .sidebar__link-label:after, .sidebar__link:focus .sidebar__link-label:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .sidebar__link:hover .sidebar__link-label:before, .sidebar__link:focus .sidebar__link-label:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; } .sidebar__link:hover .sidebar__link-image, .sidebar__link:focus .sidebar__link-image { -webkit-transform: translateX(0); transform: translateX(0); } } .sidebar__link:focus { outline: none; } .sidebar__item .wpml-ls-link, .sidebar__link-label { color: #0a0ac8; font-family: "LTBrewery", Helvetica, sans-serif; font-size: 5.86666667vw; letter-spacing: 0.07em; line-height: 1; text-transform: uppercase; text-decoration: none; position: relative; z-index: 1; } @media (min-width: 1024px) { .sidebar__item .wpml-ls-link, .sidebar__link-label { font-size: 2.44791667vw; } } @media (min-width: 1800px) { .sidebar__item .wpml-ls-link, .sidebar__link-label { font-size: 47px; } } .sidebar__item .wpml-ls-link:before, .sidebar__link-label:before { content: ""; position: absolute; left: -0.5em; top: 0; bottom: 0; width: 1.5em; background: center center no-repeat; background-size: contain; -webkit-transform: translateX(-130%); transform: translateX(-130%); opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .sidebar__item:nth-child(1) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(1) .sidebar__link-label:before { background-image: url(../images/menu-icon-1.svg); } .sidebar__item:nth-child(2) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(2) .sidebar__link-label:before { background-image: url(../images/menu-icon-2.svg); } .sidebar__item:nth-child(3) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(3) .sidebar__link-label:before { background-image: url(../images/menu-icon-3.svg); } .sidebar__item:nth-child(4) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(4) .sidebar__link-label:before { background-image: url(../images/menu-icon-4.svg); } .sidebar__item:nth-child(5) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(5) .sidebar__link-label:before { background-image: url(../images/menu-icon-5.svg); } .sidebar__item:nth-child(6) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(6) .sidebar__link-label:before { background-image: url(../images/menu-icon-6.svg); } .sidebar__item:nth-child(7) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(7) .sidebar__link-label:before { background-image: url(../images/menu-icon-7.svg); } .sidebar__item .wpml-ls-link:after, .sidebar__link-label:after { content: ""; display: block; background: #0a0ac8; height: 0.1em; -webkit-transform: scaleX(0); transform: scaleX(0); position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .sidebar__link-image { display: block; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(5%); transform: translateX(5%); max-width: 40.36458333vw; } .sidebar__link-picture { display: block; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; z-index: 0; right: 0; top: 0; -webkit-transform: translateX(50%) translateY(-10%); transform: translateX(50%) translateY(-10%); opacity: 0; pointer-events: none; } @media (min-width: 769px) { .sidebar__link-picture { max-width: 50vw; } } .sidebar__item:nth-child(1) .sidebar__link-picture { -webkit-transform: translateY(-10%); transform: translateY(-10%); } @media (min-width: 769px) { .sidebar__item:nth-child(1) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-10%); transform: translateX(50%) translateY(-10%); } } .sidebar__item:nth-child(2) .sidebar__link-picture { -webkit-transform: translateY(-20%); transform: translateY(-20%); } @media (min-width: 769px) { .sidebar__item:nth-child(2) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-20%); transform: translateX(50%) translateY(-20%); } } .sidebar__item:nth-child(3) .sidebar__link-picture { -webkit-transform: translateY(-30%); transform: translateY(-30%); } @media (min-width: 769px) { .sidebar__item:nth-child(3) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-30%); transform: translateX(50%) translateY(-30%); } } .sidebar__item:nth-child(4) .sidebar__link-picture { -webkit-transform: translateY(-40%); transform: translateY(-40%); } @media (min-width: 769px) { .sidebar__item:nth-child(4) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-40%); transform: translateX(50%) translateY(-40%); } } .sidebar__item:nth-child(5) .sidebar__link-picture { -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 769px) { .sidebar__item:nth-child(5) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } } .sidebar__item:nth-child(6) .sidebar__link-picture { -webkit-transform: translateY(-60%); transform: translateY(-60%); } @media (min-width: 769px) { .sidebar__item:nth-child(6) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-60%); transform: translateX(50%) translateY(-60%); } } .sidebar__item:nth-child(7) .sidebar__link-picture { -webkit-transform: translateY(-70%); transform: translateY(-70%); } @media (min-width: 769px) { .sidebar__item:nth-child(7) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-70%); transform: translateX(50%) translateY(-70%); } } .sidebar__item:nth-child(8) .sidebar__link-picture { -webkit-transform: translateY(-80%); transform: translateY(-80%); } @media (min-width: 769px) { .sidebar__item:nth-child(8) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-80%); transform: translateX(50%) translateY(-80%); } } .sidebar__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 36px; height: 18px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { .sidebar__icon { width: 36px; height: 18px; } } .sidebar__icon:hover { cursor: pointer; } @media (min-width: 1200px) { .sidebar__icon:hover span:nth-child(1) { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .sidebar__icon:hover span:nth-child(3) { -webkit-transform: translateY(5px); transform: translateY(5px); } } .sidebar__icon span { display: block; height: 2px; width: 100%; background: #0a0ac8; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1200px) { .sidebar__icon span { height: 2px; } } .sidebar__icon--open { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sidebar__icon--open span { background: #fff; } .sidebar__icon--open span:nth-child(1) { -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } .sidebar__icon--open span:nth-child(2) { display: none; } .sidebar__icon--open span:nth-child(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } @media (min-width: 1200px) { .sidebar__icon--open:hover span:nth-child(1) { -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } .sidebar__icon--open:hover span:nth-child(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } } .sidebar__footer { color: #fff; font-family: "LTBrewery", Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.075em; padding: 9.6vw; margin: 0 0 0 0; } @media (min-width: 769px) { .sidebar__footer { display: none; } } body.body--sidebar { overflow: hidden; } .form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; padding: 0; margin: 0; min-width: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 769px) { .form__row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .form__group { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 10px; } @media (min-width: 769px) { .form__group { margin: 0 1.82291667vw 0; -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; } } .form__label { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; color: #0a0ac8; } @media (min-width: 769px) { .form__label { font-size: 16px; } } @media (min-width: 1800px) { .form__label { font-size: 16px; } } @media (min-width: 769px) { .form__label { margin-bottom: 2.60416667vw; } } .form__input { display: block; width: 100%; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #0a0ac8; line-height: 1; border-bottom: 3px solid #0a0ac8; padding: 5px 0; height: 3em; } @media (min-width: 769px) { .form__input { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .form__input { font-size: 16px; } } @media (min-width: 769px) { .form__input { border-width: 5px; } } .form__input[aria-invalid="true"] { border-color: #b53a43; } .form__input:focus { outline: none; } .form input[type="date"] { position: relative; } .form input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; height: 100%; color: transparent; background: url(../images/icon-calendar.svg) center center no-repeat; background-size: contain; } .form select { background: url(../images/icon-arrow-down.svg) center right no-repeat; background-size: 0.75em; } .form__actions { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 35px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 769px) { .form__actions { margin: 160px auto 0; } } .form__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: transparent; color: #0a0ac8; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; margin: 0 0 15px; } @media (min-width: 1024px) { .form__button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .form__button { font-size: 14px; } } .form__button:hover { cursor: pointer; color: #fff; background: transparent; } .form__button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .form__button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .form__button:before, .form__button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form__button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .form__button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: transparent; } @media (min-width: 769px) { .form__button { margin: 0 15px; } } .section { position: relative; } .section--with-border:after { content: ""; border: 3px solid #0a0ac8; position: absolute; top: 9.6vw; left: 9.6vw; right: 9.6vw; bottom: 9.6vw; pointer-events: none; } @media (min-width: 769px) { .section--with-border:after { top: 7.29166667vw; left: 7.29166667vw; right: 7.29166667vw; bottom: 7.29166667vw; border-width: 5px; } } .section--with-border-white:after { border-color: #fff; } .section--with-border-blue:after { border-color: #0a0ac8; } .section--with-border-black:after { border-color: #000; } .section__inner { width: 100%; max-width: 67.70833333vw; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .section__title { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; position: absolute; top: 0; right: 0; left: 0; height: 19.2vw; width: 100%; text-align: center; margin: 0; 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; } @media (min-width: 769px) { .section__title { font-size: 16px; } } @media (min-width: 1800px) { .section__title { font-size: 16px; } } @media (min-width: 769px) { .section__title { height: 14.58333333vw; } } .block--align-center { text-align: center; margin: auto; } .section-accordions__inner { padding: 9.6vw; } @media (min-width: 769px) { .section-accordions__inner { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 7.29166667vw 7.29166667vw; } } @media (min-width: 769px) { .accordion { border-right: 5px solid #0a0ac8; padding: 0 5.46875vw; } } .accordion:nth-child(1) { padding-left: 0; } .accordion:nth-child(3) { border: 0; padding-right: 0; } .accordion__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; padding-bottom: 10px; position: relative; } @media (min-width: 769px) { .accordion__title { font-size: 27px; } } @media (min-width: 1800px) { .accordion__title { font-size: 27px; } } @media (min-width: 769px) { .accordion__title { pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; } } .accordion__title-label { display: block; padding-right: 10px; } @media (min-width: 769px) { .accordion__title-label { max-width: 100%; } } .accordion__title-icon { position: absolute; right: 0; bottom: 10px; } @media (min-width: 769px) { .accordion__title-icon { display: none; } } .accordion__title-icon svg { display: block; width: 10px; height: 20px; color: #0a0ac8; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion__content { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; display: none; } @media (min-width: 769px) { .accordion__content { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .accordion__content { font-size: 16px; } } @media (min-width: 769px) { .accordion__content { display: block; } } .accordion__content h4, .accordion__content strong { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; display: inline-block; margin: 1em 0 0.5em; } @media (min-width: 769px) { .accordion__content h4, .accordion__content strong { font-size: 16px; } } @media (min-width: 1800px) { .accordion__content h4, .accordion__content strong { font-size: 16px; } } .accordion--open .accordion__content { display: block; } .accordion__content a { color: #000; } .section-blocks { color: #0a0ac8; display: grid; grid-template-columns: 1fr; } @media (min-width: 769px) { .section-blocks { grid-template-columns: 1fr 1fr; grid-gap: 0; } } .section-blocks--with-border:after { content: ""; border: 3px solid #0a0ac8; position: absolute; top: 9.6vw; left: 9.6vw; right: 9.6vw; bottom: 9.6vw; pointer-events: none; } @media (min-width: 769px) { .section-blocks--with-border:after { top: 7.29166667vw; left: 7.29166667vw; right: 7.29166667vw; bottom: 7.29166667vw; border-width: 5px; } } .section-blocks--with-border-white:after { border-color: #fff; } .section-blocks--with-border-white .section-blocks__cta { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #fff; color: #0a0ac8; border: 3px solid #fff; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; position: absolute; } @media (min-width: 1024px) { .section-blocks--with-border-white .section-blocks__cta { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-blocks--with-border-white .section-blocks__cta { font-size: 14px; } } .section-blocks--with-border-white .section-blocks__cta:hover { cursor: pointer; color: #fff; background: transparent; } .section-blocks--with-border-white .section-blocks__cta:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-blocks--with-border-white .section-blocks__cta:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-blocks--with-border-white .section-blocks__cta:before, .section-blocks--with-border-white .section-blocks__cta:after { content: ""; background: #fff; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-blocks--with-border-white .section-blocks__cta:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-blocks--with-border-white .section-blocks__cta:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #fff; } .section-blocks--with-border-blue:after { border-color: #0a0ac8; } .section-blocks--with-border-blue .section-blocks__cta { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #0a0ac8; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; position: absolute; } @media (min-width: 1024px) { .section-blocks--with-border-blue .section-blocks__cta { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-blocks--with-border-blue .section-blocks__cta { font-size: 14px; } } .section-blocks--with-border-blue .section-blocks__cta:hover { cursor: pointer; color: #0a0ac8; background: transparent; } .section-blocks--with-border-blue .section-blocks__cta:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-blocks--with-border-blue .section-blocks__cta:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-blocks--with-border-blue .section-blocks__cta:before, .section-blocks--with-border-blue .section-blocks__cta:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-blocks--with-border-blue .section-blocks__cta:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: transparent; } .section-blocks--with-border-blue .section-blocks__cta:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #0a0ac8; } .section-blocks--with-border-black:after { border-color: #000; } .section-blocks--with-border-black .section-blocks__cta { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #000; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; position: absolute; } @media (min-width: 1024px) { .section-blocks--with-border-black .section-blocks__cta { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-blocks--with-border-black .section-blocks__cta { font-size: 14px; } } .section-blocks--with-border-black .section-blocks__cta:hover { cursor: pointer; color: #fff; background: transparent; } .section-blocks--with-border-black .section-blocks__cta:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-blocks--with-border-black .section-blocks__cta:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-blocks--with-border-black .section-blocks__cta:before, .section-blocks--with-border-black .section-blocks__cta:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-blocks--with-border-black .section-blocks__cta:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-blocks--with-border-black .section-blocks__cta:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #000; } .section-blocks__cta { position: absolute; bottom: 9.6vw; right: 9.6vw; } @media (min-width: 769px) { .section-blocks__cta { bottom: 7.29166667vw; right: 7.29166667vw; } } @media (min-width: 769px) { .section-blocks--reversed > div:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .section-blocks--reversed > div:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .section-blocks--white { background: #fff; color: #000; } .section-blocks--white .section-blocks__text-copy a { color: #0a0ac8; text-decoration: none; } .section-blocks--black { background: #000; color: #fff; } .section-blocks--black .section-blocks__text-copy a { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; color: #fff; text-decoration: none; } @media (min-width: 769px) { .section-blocks--black .section-blocks__text-copy a { font-size: 14px; } } .section-blocks--black .section-blocks__text-copy a:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-blocks--black .section-blocks__text-copy a:hover { cursor: pointer; } .section-blocks--black .section-blocks__text-copy a:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-blocks--blue { background: #0a0ac8; color: #fff; } .section-blocks--blue .section-blocks__text-title { color: #fff; } .section-blocks--blue .section-blocks__text-copy a { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; color: #fff; text-decoration: none; } @media (min-width: 769px) { .section-blocks--blue .section-blocks__text-copy a { font-size: 14px; } } .section-blocks--blue .section-blocks__text-copy a:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-blocks--blue .section-blocks__text-copy a:hover { cursor: pointer; } .section-blocks--blue .section-blocks__text-copy a:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-blocks--gray { background: #f3f3f2; color: #000; } .section-blocks--gray .section-blocks__text-copy a { color: #fff; text-decoration: none; } .section-blocks__image { position: relative; padding: 0; } .section-blocks__image-image { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .section-blocks__image-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; 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; } @media (min-width: 769px) { .section-blocks__image-overlay { padding-left: 7.29166667vw; } } @media (min-width: 769px) { .section-blocks--reversed .section-blocks__image-overlay { padding-left: 0; padding-right: 7.29166667vw; } } .section-blocks__image-title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0; text-align: center; padding: 9.6vw; } @media (min-width: 769px) { .section-blocks__image-title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-blocks__image-title { font-size: 42px; } } .section-blocks__text { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 769px) { .section-blocks__text { text-align: left; } } .section-blocks__text-inner { margin: auto; padding: 9.6vw 19.2vw 9.6vw; } @media (min-width: 769px) { .section-blocks__text-inner { padding: 7.29166667vw 14.58333333vw 7.29166667vw 7.29166667vw; } } .section-blocks--with-border .section-blocks__text-inner { padding-bottom: 28.8vw; } @media (min-width: 769px) { .section-blocks--with-border .section-blocks__text-inner { padding-bottom: 14.58333333vw; padding-top: 14.58333333vw; } } @media (min-width: 769px) { .section-blocks--reversed .section-blocks__text-inner { padding-left: 14.58333333vw; padding-right: 7.29166667vw; } } .section-blocks__text-inner img { display: block; width: 100%; height: auto; max-width: 60%; margin: -45% auto 40px; position: relative; z-index: 1; } @media (min-width: 769px) { .section-blocks__text-inner img { margin: auto auto 5.20833333vw 0; } } .section-blocks__text-title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 auto 0.75em; color: #0a0ac8; max-width: 21ch; } @media (min-width: 769px) { .section-blocks__text-title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-blocks__text-title { font-size: 42px; } } @media (min-width: 769px) { .section-blocks__text-title { margin-right: 0; margin-left: 0; } } .section-blocks__text-subtitle { font-family: "NorthwellAlt", cursive, sans-serif; line-height: 1; font-size: 41px; font-weight: normal; margin: -0.2em auto 0.2em; -webkit-transform: translate3d(16%, 0%, 0); transform: translate3d(16%, 0%, 0); } @media (min-width: 769px) { .section-blocks__text-subtitle { font-size: 6.25vw; -webkit-transform: translateX(18%) translateY(-20%); transform: translateX(18%) translateY(-20%); } } @media (min-width: 1800px) { .section-blocks__text-subtitle { font-size: 120px; } } .section-blocks__text-copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 0 16vw; } @media (min-width: 769px) { .section-blocks__text-copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-blocks__text-copy { font-size: 16px; } } @media (min-width: 769px) { .section-blocks__text-copy { margin-bottom: 3.125vw; } } .section-blocks__text-copy:last-child { margin-bottom: 0; } .section-blocks__text-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: transparent; color: #0a0ac8; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 1024px) { .section-blocks__text-button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-blocks__text-button { font-size: 14px; } } .section-blocks__text-button:hover { cursor: pointer; color: #fff; background: transparent; } .section-blocks__text-button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-blocks__text-button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-blocks__text-button:before, .section-blocks__text-button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-blocks__text-button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-blocks__text-button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: transparent; } .section-blocks__text-button--black { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #0a0ac8; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 1024px) { .section-blocks__text-button--black { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-blocks__text-button--black { font-size: 14px; } } .section-blocks__text-button--black:hover { cursor: pointer; color: #0a0ac8; background: transparent; } .section-blocks__text-button--black:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-blocks__text-button--black:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-blocks__text-button--black:before, .section-blocks__text-button--black:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-blocks__text-button--black:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: transparent; } .section-blocks__text-button--black:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #0a0ac8; } .section-booking-form { background: url(../images/SH_BrandPattern_White.jpg) center center no-repeat; background-size: cover; padding: 19.2vw 9.6vw 9.6vw; } @media (min-width: 769px) { .section-booking-form { padding: 14.58333333vw 7.29166667vw 7.29166667vw; } } .home .section-booking-form { padding: 28.8vw 9.6vw 9.6vw; } @media (min-width: 769px) { .home .section-booking-form { padding: 29.16666667vw 7.29166667vw 7.29166667vw; } } .section-booking-form-events { background: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-booking-form-events { padding: 7.29166667vw 7.29166667vw; } } @media (min-width: 769px) { .section-booking-form-events__inner { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 7.29166667vw; } } .section-booking-form-events__block { margin-bottom: 9.6vw; } @media (min-width: 769px) { .section-booking-form-events__block { margin-bottom: 7.29166667vw; } } @media (min-width: 769px) { .section-booking-form-events__block:nth-child(2) { max-width: 600px; } } .section-booking-form-events__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 1em; max-width: 18ch; } @media (min-width: 769px) { .section-booking-form-events__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-booking-form-events__title { font-size: 42px; } } .section-booking-form-events__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0; } @media (min-width: 769px) { .section-booking-form-events__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-booking-form-events__copy { font-size: 16px; } } .section-booking-form-events__copy a { color: #0a0ac8; text-decoration: none; } .section-booking-form-events .gform_wrapper input[type="text"], .section-booking-form-events .gform_wrapper input[type="email"], .section-booking-form-events .gform_wrapper textarea, .section-booking-form-events .gform_wrapper select { color: #0a0ac8; border-color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="text"]::-webkit-input-placeholder, .section-booking-form-events .gform_wrapper input[type="email"]::-webkit-input-placeholder, .section-booking-form-events .gform_wrapper textarea::-webkit-input-placeholder, .section-booking-form-events .gform_wrapper select::-webkit-input-placeholder { color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="text"]::-moz-placeholder, .section-booking-form-events .gform_wrapper input[type="email"]::-moz-placeholder, .section-booking-form-events .gform_wrapper textarea::-moz-placeholder, .section-booking-form-events .gform_wrapper select::-moz-placeholder { color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="text"]:-ms-input-placeholder, .section-booking-form-events .gform_wrapper input[type="email"]:-ms-input-placeholder, .section-booking-form-events .gform_wrapper textarea:-ms-input-placeholder, .section-booking-form-events .gform_wrapper select:-ms-input-placeholder { color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="text"]::-ms-input-placeholder, .section-booking-form-events .gform_wrapper input[type="email"]::-ms-input-placeholder, .section-booking-form-events .gform_wrapper textarea::-ms-input-placeholder, .section-booking-form-events .gform_wrapper select::-ms-input-placeholder { color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="text"]::placeholder, .section-booking-form-events .gform_wrapper input[type="email"]::placeholder, .section-booking-form-events .gform_wrapper textarea::placeholder, .section-booking-form-events .gform_wrapper select::placeholder { color: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #0a0ac8; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 1024px) { .section-booking-form-events .gform_wrapper input[type="submit"] { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-booking-form-events .gform_wrapper input[type="submit"] { font-size: 14px; } } .section-booking-form-events .gform_wrapper input[type="submit"]:hover { cursor: pointer; color: #0a0ac8; background: transparent; } .section-booking-form-events .gform_wrapper input[type="submit"]:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-booking-form-events .gform_wrapper input[type="submit"]:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-booking-form-events .gform_wrapper input[type="submit"]:before, .section-booking-form-events .gform_wrapper input[type="submit"]:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-booking-form-events .gform_wrapper input[type="submit"]:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-booking-form-events .gform_wrapper input[type="submit"]:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #0a0ac8; } .section-contact { background: #0a0ac8; color: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-contact { padding: 7.29166667vw 7.29166667vw; } } .section-contact__inner { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 9.6vw; margin: auto; } @media (min-width: 769px) { .section-contact__inner { grid-template-columns: 1fr 1fr; grid-gap: 0; padding: 0 1.82291667vw; } } @media (min-width: 769px) { .section-contact__block:nth-child(1) { padding-right: 7.29166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-contact__logo { margin-bottom: 5.20833333vw; max-width: 250px; } .section-contact__logo svg { display: block; width: 100%; height: auto; fill: #fff; color: #fff; } .section-contact__copy { margin-bottom: 30px; } .section-contact__links { margin-bottom: 30px; } .section-contact__link { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; margin-right: 20px; } @media (min-width: 769px) { .section-contact__link { font-size: 14px; } } .section-contact__link:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-contact__link:hover { cursor: pointer; } .section-contact__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-contact__copyright { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; font-size: 10px; text-transform: uppercase; } @media (min-width: 769px) { .section-contact__copyright { font-size: 16px; } } @media (min-width: 1800px) { .section-contact__copyright { font-size: 16px; } } @media (min-width: 769px) { .section-contact__copyright { font-size: 10px; } } .section-contact__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 1em; } @media (min-width: 769px) { .section-contact__title { font-size: 27px; } } @media (min-width: 1800px) { .section-contact__title { font-size: 27px; } } .section-contact__copy { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; } @media (min-width: 769px) { .section-contact__copy { font-size: 16px; } } @media (min-width: 1800px) { .section-contact__copy { font-size: 16px; } } @media (min-width: 769px) { .section-contact #field_1_6 { max-width: 40%; margin-top: 20px; } } @media (min-width: 769px) { .section-contact .gform_footer { float: right; -webkit-transform: translateY(-165%); transform: translateY(-165%); } } .section-features { background: #0a0ac8 url(../images/SH_BrandPattern_Blue.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-features { padding: 7.29166667vw 14.58333333vw; } } .section-features__inner { text-align: center; } .section-features__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; grid-column: 1 / 3; } @media (min-width: 769px) { .section-features__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-features__title { font-size: 42px; } } @media (min-width: 769px) { .section-features__title { grid-column: 1 / 4; grid-row: 3 / 4; } } .section-features__icons { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 20px; margin: 9.6vw 0; } @media (min-width: 769px) { .section-features__icons { margin: 7.29166667vw 0; grid-template-columns: repeat(3, 1fr); grid-gap: 80px 20px; } } .section-features__cell { -ms-flex-item-align: start; align-self: flex-start; } .section-features__label { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; color: #fff; margin: 0; } @media (min-width: 769px) { .section-features__label { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .section-features__label { font-size: 13px; } } .section-features__icon { display: block; margin: auto auto 10px; height: 20vw; width: 20vw; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } @media (min-width: 769px) { .section-features__icon { margin-bottom: 32px; max-width: 80px; max-height: 80px; width: 100%; height: auto; } } .section-features__actions { text-align: center; } .section-features__link { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; } @media (min-width: 769px) { .section-features__link { font-size: 14px; } } .section-features__link:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-features__link:hover { cursor: pointer; } .section-features__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-booking-form { background: url(../images/SH_BrandPattern_White.jpg) center center no-repeat; background-size: cover; padding: 19.2vw 9.6vw 9.6vw; } @media (min-width: 769px) { .section-booking-form { padding: 14.58333333vw 7.29166667vw 7.29166667vw; } } .home .section-booking-form { padding: 28.8vw 9.6vw 9.6vw; } @media (min-width: 769px) { .home .section-booking-form { padding: 29.16666667vw 7.29166667vw 7.29166667vw; } } .section-hero-alt { display: grid; grid-template-columns: 1fr; } @media (min-width: 769px) { .section-hero-alt { grid-template-columns: 1fr 1fr; grid-gap: 0; } } .section-hero-alt__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-hero-alt__block:nth-child(1) { background: #0a0ac8; padding: 0; padding-bottom: 100%; position: relative; } .section-hero-alt__block:nth-child(1) img, .section-hero-alt__block:nth-child(1) video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-hero-alt__block:nth-child(2) { background: #fff url(../images/SH_BrandPattern_White.jpg) repeat; background-position: 0 0; padding: 9.6vw; text-align: center; min-height: 50vh; } @media (min-width: 769px) { .section-hero-alt__block:nth-child(2) { min-height: 0; text-align: left; } } .section-hero-alt__block:nth-child(2) img { display: block; width: 80%; height: auto; margin: auto auto 16vw; } @media (min-width: 769px) { .section-hero-alt__block:nth-child(2) img { margin: 0 0 3.125vw; } } .section-hero-alt__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: transparent; color: #0a0ac8; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; display: inline-flex; margin: auto; } @media (min-width: 1024px) { .section-hero-alt__button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-hero-alt__button { font-size: 14px; } } .section-hero-alt__button:hover { cursor: pointer; color: #fff; background: transparent; } .section-hero-alt__button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-hero-alt__button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-hero-alt__button:before, .section-hero-alt__button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-hero-alt__button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-hero-alt__button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: transparent; } .section-image-full__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-image-full__gallery-slide { height: 140vw; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; } @media (min-width: 769px) { .section-image-full__gallery-slide { height: 50vw; } } .section-hero-full { 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; background-image: url(../images/hero-1@2x.jpg); background-color: #f3f3f2; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 100vw; } @media (min-width: 769px) { .section-hero-full { min-height: 0; height: calc(100vh - 115px); } } .section-hero-full__inner { text-align: center; padding: 9.6vw; } @media (min-width: 769px) { .section-hero-full__inner { padding: 7.29166667vw; } } .section-hero-full__image { display: block; width: 100%; height: auto; } .section-hero-full__title { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; } @media (min-width: 769px) { .section-hero-full__title { font-size: 16px; } } @media (min-width: 1800px) { .section-hero-full__title { font-size: 16px; } } .section-hero-full__heading { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 auto 0.5em; } @media (min-width: 769px) { .section-hero-full__heading { font-size: 3.95833333vw; } } @media (min-width: 1800px) { .section-hero-full__heading { font-size: 76px; } } .section-hero-full__heading--blue { color: #0a0ac8; } .section-hero-full__text { font-size: 12px; margin: 0 auto; } @media (min-width: 769px) { .section-hero-full__text { font-size: 1.04166667vw; max-width: 36.45833333vw; } } @media (min-width: 1800px) { .section-hero-full__text { font-size: 20px; max-width: 700px; } } .section-hero-full--black { background-color: #000; color: #fff; } .section-hero-full--white { background-color: #fff; } .section-hero-full--blue { background-color: #0a0ac8; color: #fff; } .section-intermission__inner { margin-bottom: -21.35416667vw; position: absolute; left: 0; right: 0; } .section-intermission__image { display: block; width: 50%; height: auto; max-width: 67.70833333vw; margin: auto; position: relative; z-index: 1; -webkit-transform: translateY(-45%); transform: translateY(-45%); } .section-intermission svg { display: block; width: 28.64583333vw; height: auto; margin: auto; position: relative; z-index: 1; -webkit-transform: translateY(-70%); transform: translateY(-70%); } .section-intermission__text { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 5.46875vw; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; text-align: center; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; z-index: 2; } .section-intermission__text-1 { color: #0a0ac8; } .section-intermission__text-2 { color: #000; } .section-directory { padding: 0; } @media (min-width: 769px) { .section-directory { padding: 0; } } .section-directory__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0; text-align: center; color: #0a0ac8; padding: 7.29166667vw 0; background: #000; } @media (min-width: 769px) { .section-directory__title { font-size: 3.95833333vw; } } @media (min-width: 1800px) { .section-directory__title { font-size: 76px; } } .section-directory__dropdown-groups { list-style: none; margin: 0; padding: 15px 30px; } @media (min-width: 769px) { .section-directory__dropdown-groups { display: none; } } .section-directory__dropdown { text-align: center; color: #0a0ac8; } .section-directory__dropdown--active { color: #000; } .section-directory__dropdown-label { display: block; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; padding: 15px 0; } @media (min-width: 769px) { .section-directory__dropdown-label { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .section-directory__dropdown-label { font-size: 13px; } } .section-directory__groups { display: none; } @media (min-width: 769px) { .section-directory__groups { margin: 0; padding: 0; list-style: none; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } } .section-directory__group { position: relative; padding-bottom: 3.64583333vw; text-align: center; color: #fff; } .section-directory__group:hover { cursor: pointer; } .section-directory__group:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 50%; width: 40px; height: 40px; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); border: 20px solid transparent; border-top-color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .section-directory__group--active:after { opacity: 1; -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } .section-directory__group-label { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; position: relative; z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 769px) { .section-directory__group-label { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .section-directory__group-label { font-size: 13px; } } .section-directory__group-label:hover { color: #0a0ac8; } .section-directory__group-label:hover::before { background: #0a0ac8; } .section-directory__group-label:before { content: ""; position: absolute; bottom: -0.4em; left: 0; height: 2px; background: #fff; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .section-directory__tabs { background: #f3f3f2; padding: 0; text-align: center; } .section-directory__tab { padding: 9.6vw; } @media (min-width: 769px) { .section-directory__tab { padding: 3.64583333vw 0; } } .section-directory__tab p { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 auto; max-width: 80ch; } @media (min-width: 769px) { .section-directory__tab p { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-directory__tab p { font-size: 16px; } } .section-directory__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 4.6875vw 0; } .section-directory__category { text-transform: uppercase; margin: 0 10px; text-decoration: underline; } .section-menu { padding: 19.2vw 9.6vw 9.6vw; } @media (min-width: 769px) { .section-menu { padding: 14.58333333vw 7.29166667vw 7.29166667vw; grid-template-columns: 1fr; } } .section-menu__inner { width: 100%; padding: 9.6vw; position: relative; background: url(../images/bg-menu-2.svg) 0 0 repeat; background-size: 182%; border: 1px solid #876124; } @media (min-width: 769px) { .section-menu__inner { display: grid; grid-template-columns: 11fr 13fr; padding: 0vw; background-position: center center; background-repeat: no-repeat; background-size: contain; border-width: 0vw; } } .section-menu__image { display: block; width: 100%; height: auto; } .section-menu__image-overlay { display: block; width: 100%; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9); transform: translate3d(-50%, -50%, 0) scale(0.9); } .section-menu__block { background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-menu__block:nth-child(1) { position: relative; margin-bottom: 9.6vw; } @media (min-width: 769px) { .section-menu__block:nth-child(1) { margin-bottom: 0; padding: 3.64583333vw; } } .section-menu__block:nth-child(2) { margin-right: -9.12vw; } @media (min-width: 769px) { .section-menu__block:nth-child(2) { padding-left: 10.9375vw; margin-right: -6.92708333vw; } } .section-menu__title { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; text-align: center; position: absolute; top: 0; right: 0; left: 0; height: 19.2vw; width: 100%; text-align: center; margin: 0; 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; } @media (min-width: 769px) { .section-menu__title { font-size: 16px; } } @media (min-width: 1800px) { .section-menu__title { font-size: 16px; } } @media (min-width: 769px) { .section-menu__title { height: 14.58333333vw; } } .section-menu__nav { padding: 0; margin: 0; list-style: none; } @media (min-width: 769px) { .section-menu__nav { padding-top: 0; padding-bottom: 0; } } .section-menu__item { width: 100%; position: relative; } @media (min-width: 769px) { .section-menu__item.mobile-only { display: none; } } .section-menu__link { display: block; position: relative; text-decoration: none; padding: 5px 0; } @media (min-width: 769px) { .section-menu__link { padding: 3px 0; } } .section-menu__link:hover .section-menu__link-picture { opacity: 1; } .section-menu__link:hover .section-menu__link-label:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .section-menu__link:hover .section-menu__link-label:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; } .section-menu__link:hover .section-menu__link-image { -webkit-transform: translateX(0); transform: translateX(0); } .section-menu__link-label { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 5.06666667vw; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; position: relative; z-index: 1; color: #0a0ac8; } @media (min-width: 769px) { .section-menu__link-label { font-size: 1.82291667vw; } } @media (min-width: 1800px) { .section-menu__link-label { font-size: 35px; } } .section-menu__link-label:before { content: ""; position: absolute; left: -0.5em; top: 0; bottom: 0; width: 1.5em; background: center center no-repeat; background-size: contain; -webkit-transform: translateX(-130%); transform: translateX(-130%); opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .section-menu__item:nth-child(1) .section-menu__link-label:before { background-image: url(../images/menu-icon-1.svg); } .section-menu__item:nth-child(2) .section-menu__link-label:before { background-image: url(../images/menu-icon-2.svg); } .section-menu__item:nth-child(3) .section-menu__link-label:before { background-image: url(../images/menu-icon-3.svg); } .section-menu__item:nth-child(4) .section-menu__link-label:before { background-image: url(../images/menu-icon-4.svg); } .section-menu__item:nth-child(5) .section-menu__link-label:before { background-image: url(../images/menu-icon-5.svg); } .section-menu__item:nth-child(6) .section-menu__link-label:before { background-image: url(../images/menu-icon-6.svg); } .section-menu__item:nth-child(7) .section-menu__link-label:before { background-image: url(../images/menu-icon-7.svg); } .section-menu__link-label:after { content: ""; display: block; background: #0a0ac8; height: 0.1em; -webkit-transform: scaleX(0); transform: scaleX(0); position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .section-originals { background: #000; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9.6vw; padding-bottom: 27.60416667vw; } @media (min-width: 769px) { .section-originals { padding: 7.29166667vw; padding-bottom: 27.60416667vw; } } .section-originals__inner { text-align: center; } @media (min-width: 769px) { .section-originals__inner { text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 62.5vw; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1.5625vw; } } .section-originals__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 1em; } @media (min-width: 769px) { .section-originals__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-originals__title { font-size: 42px; } } @media (min-width: 769px) { .section-originals__title { grid-column: 1 / 2; } } @media (min-width: 769px) { .section-originals__content { grid-column: 2 / 3; } } .section-originals__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 0 1em; } @media (min-width: 769px) { .section-originals__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-originals__copy { font-size: 16px; } } .section-originals__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #0a0ac8; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; margin-top: 8vw; } @media (min-width: 1024px) { .section-originals__button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-originals__button { font-size: 14px; } } .section-originals__button:hover { cursor: pointer; color: #0a0ac8; background: transparent; } .section-originals__button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-originals__button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-originals__button:before, .section-originals__button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-originals__button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: transparent; } .section-originals__button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #0a0ac8; } @media (min-width: 769px) { .section-originals__button { margin-top: 2.08333333vw; } } .section-room { padding: 9.6vw; } @media (min-width: 769px) { .section-room { padding: 7.29166667vw; } } .section-room__inner { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 9.6vw; } @media (min-width: 769px) { .section-room__inner { grid-template-columns: 1fr 1fr; grid-gap: 0; } } .section-room__content, .section-room__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .section-room__content { text-align: center; } @media (min-width: 769px) { .section-room__content { text-align: left; padding: 7.29166667vw; } } .section-room__images { width: 100%; } .section-room__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; margin: 0 0 0.5em; } @media (min-width: 769px) { .section-room__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-room__title { font-size: 42px; } } .section-room__text { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 0 2em; } @media (min-width: 769px) { .section-room__text { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-room__text { font-size: 16px; } } .section-room__link { color: #7a7a7a; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; color: #7a7a7a; margin-bottom: 2em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (min-width: 769px) { .section-room__link { font-size: 14px; } } .section-room__link:before { content: ""; height: 0.1em; background: #7a7a7a; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-room__link:hover { cursor: pointer; } .section-room__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } @media (min-width: 769px) { .section-room__link { font-size: 20px; margin-bottom: 2.60416667vw; } } .section-room__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: transparent; color: #0a0ac8; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; display: inline-flex; } @media (min-width: 1024px) { .section-room__button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-room__button { font-size: 14px; } } .section-room__button:hover { cursor: pointer; color: #fff; background: transparent; } .section-room__button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-room__button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-room__button:before, .section-room__button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-room__button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-room__button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: transparent; } @media (min-width: 769px) { .section-room--reversed .section-room__images { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 769px) { .section-room--reversed .section-room__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .room-gallery { width: 100%; } .room-gallery__slide img { display: block; width: 100%; height: auto; } .room-gallery__next, .room-gallery__prev { position: absolute; z-index: 10; top: 50%; width: 32px; height: 32px; 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; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 769px) { .room-gallery__next, .room-gallery__prev { width: 4.16666667vw; height: 4.16666667vw; } } .room-gallery__next:hover, .room-gallery__prev:hover { cursor: pointer; } .room-gallery__next:hover svg, .room-gallery__prev:hover svg { color: #0a0ac8; } .room-gallery__next svg, .room-gallery__prev svg { display: block; width: 11px; height: 19px; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 769px) { .room-gallery__next svg, .room-gallery__prev svg { width: 20px; height: 34px; } } .room-gallery__prev { left: 0; } .room-gallery__prev svg { -webkit-transform: scale(-1); transform: scale(-1); } .room-gallery__next { right: 0; } .section-slider { padding: 19.2vw 9.6vw 38.4vw; display: block; } @media (min-width: 769px) { .section-slider { padding: 7.29166667vw 7.29166667vw 7.29166667vw; } } .section-slider:after { content: ""; border: 3px solid #0a0ac8; position: absolute; top: 19.2vw; left: 9.6vw; right: 9.6vw; bottom: 9.6vw; pointer-events: none; } @media (min-width: 769px) { .section-slider:after { top: 14.58333333vw; left: 7.29166667vw; right: 7.29166667vw; bottom: 7.29166667vw; border-width: 5px; } } .section-slider__cta { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #0a0ac8; color: #fff; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; position: absolute; bottom: 9.6vw; right: 9.6vw; } @media (min-width: 1024px) { .section-slider__cta { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-slider__cta { font-size: 14px; } } .section-slider__cta:hover { cursor: pointer; color: #0a0ac8; background: transparent; } .section-slider__cta:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-slider__cta:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-slider__cta:before, .section-slider__cta:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-slider__cta:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff; } .section-slider__cta:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #0a0ac8; } @media (min-width: 769px) { .section-slider__cta { bottom: 7.29166667vw; right: 7.29166667vw; } } .section-slider .gallery { position: relative; padding: 9.6vw 9.6vw 9.6vw 9.6vw; margin: 0 auto; overflow: initial; } @media (min-width: 769px) { .section-slider .gallery { max-width: 42.8125vw; max-width: 53.22916667vw; padding: 14.58333333vw 7.29166667vw; } } .section-slider .gallery__prev, .section-slider .gallery__next { border: 3px solid #0a0ac8; width: 6.66666667vw; height: 6.66666667vw; 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; position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 769px) { .section-slider .gallery__prev, .section-slider .gallery__next { border-width: 3px; width: 90px; height: 90px; } } .section-slider .gallery__prev:hover, .section-slider .gallery__next:hover { border-color: #0a0ac8; background: #0a0ac8; cursor: pointer; } .section-slider .gallery__prev:hover svg, .section-slider .gallery__next:hover svg { color: #fff; } .section-slider .gallery__prev svg, .section-slider .gallery__next svg { display: block; width: 1.6vw; height: 3.2vw; color: #0a0ac8; -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } @media (min-width: 769px) { .section-slider .gallery__prev svg, .section-slider .gallery__next svg { width: 22px; height: 37px; } } .section-slider .gallery__prev svg path, .section-slider .gallery__next svg path { stroke-width: 3px; } @media (min-width: 769px) { .section-slider .gallery__prev svg path, .section-slider .gallery__next svg path { stroke-width: 1.2px; } } .section-slider .gallery__prev.swiper-button-disabled, .section-slider .gallery__next.swiper-button-disabled { opacity: 0.2; pointer-events: none; } .section-slider .gallery__prev { left: 9.6vw; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media (min-width: 769px) { .section-slider .gallery__prev { left: 7.29166667vw; } } .section-slider .gallery__prev svg { -webkit-transform: scale(-1); transform: scale(-1); } .section-slider .gallery__next { right: 9.6vw; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); } @media (min-width: 769px) { .section-slider .gallery__next { right: 7.29166667vw; } } .section-slider .gallery__slide img { display: block; width: 100%; height: auto; margin: 0 auto; } .section-slider .gallery__slide-info { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28.8vw; } @media (min-width: 769px) { .section-slider .gallery__slide-info { height: 14.58333333vw; } } .section-slider .gallery__slide-info > div:nth-child(1) { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 769px) { .section-slider .gallery__slide-info > div:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .section-slider .gallery__slide-info > div:nth-child(2) { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } @media (min-width: 769px) { .section-slider .gallery__slide-info > div:nth-child(2) { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .section-slider .gallery__slide-info > div:nth-child(2) { font-size: 13px; } } @media (min-width: 769px) { .section-slider .gallery__slide-info > div:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .section-slider .gallery__slide-pager { display: block; padding: 0 20px; } .section-slider .gallery__slide-page-current { font-family: "NorthwellAlt", cursive, sans-serif; font-size: 50px; line-height: 0.5; display: block; margin-bottom: -0.2em; margin-top: 0.2em; } .section-slider .gallery__slide-page-separator { border: 1px solid #000; display: block; max-width: 3em; margin: auto; } .section-slider .gallery__slide-page-total { font-size: 40px; line-height: 1; display: block; } .sunshine__bg { width: 100%; height: auto; display: block; } .sunshine__sky { position: absolute; width: 100%; height: auto; left: 0; right: 0; bottom: 0; } .sunshine__sun { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } @media (min-width: 769px) { .section-taft-diaz { display: grid; grid-template-columns: 1fr 1fr; } } .section-taft-diaz__block { padding: 9.6vw; } @media (min-width: 769px) { .section-taft-diaz__block { padding: 14.58333333vw 7.29166667vw; } } .section-taft-diaz__block:nth-child(1) { background: url(../images/SH_BrandPattern_White.jpg) center center no-repeat; background-size: cover; } @media (min-width: 769px) { .section-taft-diaz__block:nth-child(1) { padding-left: 14.58333333vw; } } .section-taft-diaz__block:nth-child(2) { background: #0a0ac8; } @media (min-width: 769px) { .section-taft-diaz__block:nth-child(2) { padding-right: 0vw; padding-left: 0vw; } } .section-taft-diaz__inner { text-align: center; } @media (min-width: 769px) { .section-taft-diaz__inner { text-align: left; } } .section-taft-diaz__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; margin: 0 0 0.5em; } @media (min-width: 769px) { .section-taft-diaz__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-taft-diaz__title { font-size: 42px; } } .section-taft-diaz__text { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 0 2em; } @media (min-width: 769px) { .section-taft-diaz__text { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-taft-diaz__text { font-size: 16px; } } .section-taft-diaz__text a[href*="tel"] { white-space: nowrap; color: #000; } .section-taft-diaz__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 769px) { .section-taft-diaz__buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .section-taft-diaz__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: transparent; color: #0a0ac8; border: 3px solid #0a0ac8; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 1024px) { .section-taft-diaz__button { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .section-taft-diaz__button { font-size: 14px; } } .section-taft-diaz__button:hover { cursor: pointer; color: #fff; background: transparent; } .section-taft-diaz__button:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .section-taft-diaz__button:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .section-taft-diaz__button:before, .section-taft-diaz__button:after { content: ""; background: #0a0ac8; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-taft-diaz__button:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .section-taft-diaz__button:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: transparent; } .section-taft-diaz__subtitle { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #fff; text-align: center; margin: 0 0 10px; } @media (min-width: 769px) { .section-taft-diaz__subtitle { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-taft-diaz__subtitle { font-size: 42px; } } .section-taft-diaz__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 12px; line-height: 1.22; letter-spacing: 0.175em; text-transform: uppercase; font-weight: normal; text-align: center; color: #fff; margin: 0 0 10.66666667vw; } @media (min-width: 769px) { .section-taft-diaz__copy { font-size: 1.04166667vw; } } @media (min-width: 1800px) { .section-taft-diaz__copy { font-size: 20px; } } @media (min-width: 769px) { .section-taft-diaz__copy { margin-bottom: 3.64583333vw; } } .section-taft-diaz__copy:last-child { margin-bottom: 0; } .section-taft-diaz__list { margin: 0 auto 10.66666667vw; padding: 0; list-style: none; text-align: center; } @media (min-width: 1200px) { .section-taft-diaz__list { padding: 0; margin-bottom: 3.64583333vw; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 0.26041667vw; text-align: initial; max-width: 36.45833333vw; } } .section-taft-diaz__list li { margin-bottom: 20px; text-align: center; line-height: 1rem; } @media (min-width: 1200px) { .section-taft-diaz__list li { text-align: left; } } .section-taft-diaz__link { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; color: #fff; } @media (min-width: 769px) { .section-taft-diaz__link { font-size: 14px; } } .section-taft-diaz__link:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-taft-diaz__link:hover { cursor: pointer; } .section-taft-diaz__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-taft-diaz .social-media-td { padding: 2rem 0 0; } .section-taft-diaz .social-media-td .icon { width: 40px; height: 40px; padding: 0 8px 0 0; } .section-taft-events { background: #0a0ac8 url(../images/SH_BrandPattern_Blue.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-taft-events { padding: 7.29166667vw 14.58333333vw; } } .section-taft-events__inner { text-align: center; } .section-taft-events__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; } @media (min-width: 769px) { .section-taft-events__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-taft-events__title { font-size: 42px; } } .section-taft-events__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; } @media (min-width: 769px) { .section-taft-events__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-taft-events__copy { font-size: 16px; } } @media (min-width: 769px) { .section-taft-events__copy { padding: 0 14.58333333vw; } } .section-taft-events__icons { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; margin: 9.6vw 0; } @media (min-width: 769px) { .section-taft-events__icons { margin: 7.29166667vw 0; grid-template-columns: repeat(3, 1fr); } } .section-taft-events__cell { -ms-flex-item-align: start; align-self: flex-start; } .section-taft-events__label { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; color: #fff; } @media (min-width: 769px) { .section-taft-events__label { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .section-taft-events__label { font-size: 13px; } } .section-taft-events__icon { display: block; margin: auto auto 10px; height: 20vw; width: 20vw; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } @media (min-width: 769px) { .section-taft-events__icon { margin-bottom: 32px; max-width: 80px; max-height: 80px; width: 100%; height: auto; } } .section-taft-events__actions { text-align: center; } .section-taft-events__link { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; } @media (min-width: 769px) { .section-taft-events__link { font-size: 14px; } } .section-taft-events__link:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-taft-events__link:hover { cursor: pointer; } .section-taft-events__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-taft-menus { background: #000; color: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-taft-menus { padding: 7.29166667vw 7.29166667vw; } } .section-taft-menus__inner { display: grid; grid-template-columns: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 769px) { .section-taft-menus__inner { grid-template-columns: 2fr 1fr; } } .section-taft-menus__inner img { width: 50%; height: auto; display: block; margin: auto; } @media (min-width: 769px) { .section-taft-menus__inner img { width: 100%; max-width: 300px; } } .section-taft-menus__block { margin-bottom: 2em; text-align: center; } @media (min-width: 769px) { .section-taft-menus__block { text-align: left; padding: 0 7.29166667vw; margin-bottom: 0; } } .section-taft-menus__block:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 769px) { .section-taft-menus__block:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 7.29166667vw 0; } } .section-taft-menus__block:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 769px) { .section-taft-menus__block:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0; } } .section-taft-menus__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0 0 2em; } @media (min-width: 769px) { .section-taft-menus__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-taft-menus__copy { font-size: 16px; } } .section-taft-menus__subtitle { font-family: "Styrene A", Helvetica, sans-serif; font-size: 12px; line-height: 1.22; letter-spacing: 0.175em; text-transform: uppercase; font-weight: normal; margin: 0 0 2.60416667vw; display: none; } @media (min-width: 769px) { .section-taft-menus__subtitle { font-size: 1.04166667vw; } } @media (min-width: 1800px) { .section-taft-menus__subtitle { font-size: 20px; } } @media (min-width: 769px) { .section-taft-menus__subtitle { display: block; } } .section-taft-menus__link { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; } @media (min-width: 769px) { .section-taft-menus__link { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-taft-menus__link { font-size: 42px; } } .section-taft-menus__list { margin: 0; padding: 0; list-style: none; } @media (min-width: 769px) { .section-taft-menus__list { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } } .section-taft-menus__list li { margin-bottom: 10px; } .section-ticker { background: #000; color: #0a0ac8; padding: 24px 0; overflow: hidden; } .section-ticker__text { color: #0a0ac8; font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; text-transform: uppercase; white-space: nowrap; will-change: transform; -webkit-animation: ticker 30s linear infinite; animation: ticker 30s linear infinite; } @media (min-width: 1800px) { .section-ticker__text { font-size: 34px; } } @-webkit-keyframes ticker { from { -webkit-transform: translateX(0vw); transform: translateX(0vw); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes ticker { from { -webkit-transform: translateX(0vw); transform: translateX(0vw); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .section-title { padding: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url(../images/GoldPattern.svg) center -1px no-repeat; background-size: auto 100%; } @media (min-width: 769px) { .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.86458333vw 0; } } .section-title__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; text-align: center; margin: 0; } @media (min-width: 769px) { .section-title__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-title__title { font-size: 42px; } } @-webkit-keyframes shine { to { background-position: center center, right center; } } @keyframes shine { to { background-position: center center, right center; } } .section-simple { padding: 9.6vw; color: #fff; background: #000; } @media (min-width: 769px) { .section-simple { padding: 7.29166667vw; } } @media (min-width: 769px) { .section-simple__inner { margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 56.66666667vw; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1.5625vw; } } .section-simple__image { display: block; width: 100%; height: auto; margin: auto; grid-column: 1 / 3; } .section-simple__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; } @media (min-width: 769px) { .section-simple__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-simple__title { font-size: 42px; } } @media (min-width: 769px) { .section-simple__title { grid-column: 1 / 2; } } @media (min-width: 769px) { .section-simple__content { grid-column: 2 / 3; } } .section-simple__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0; } @media (min-width: 769px) { .section-simple__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-simple__copy { font-size: 16px; } } .section-simple-content { padding: 9.6vw; background: #fff; } @media (min-width: 769px) { .section-simple-content { padding: 7.29166667vw; } } @media (min-width: 769px) { .section-simple-content__inner { margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 56.66666667vw; } } .section-simple-content__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 23px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; } @media (min-width: 769px) { .section-simple-content__title { font-size: 2.1875vw; } } @media (min-width: 1800px) { .section-simple-content__title { font-size: 42px; } } .section-simple-content__copy { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; margin: 0; } @media (min-width: 769px) { .section-simple-content__copy { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .section-simple-content__copy { font-size: 16px; } } .section-notice { padding: 2rem 2rem; background: #0a0ac8; color: #fff; text-align: center; border-top: 4px solid #ebd276; border-bottom: 4px solid #ebd276; } .section-notice .section-notice__inner { max-width: 1200px; margin: 0 auto; } .section-notice .section-notice__title { text-transform: uppercase; margin-top: 0px; } .section-notice .section-notice__content a { color: #ebd276; text-decoration: none; } .section-gravity { background: #000; color: #fff; padding: 9.6vw; } @media (min-width: 769px) { .section-gravity { padding: 7.29166667vw 7.29166667vw; } } .section-gravity__inner { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 9.6vw; margin: auto; } @media (min-width: 769px) { .section-gravity__inner { grid-template-columns: 1fr 1fr; grid-gap: 0; padding: 0 1.82291667vw; } } .section-gravity__block { text-transform: none; } @media (min-width: 769px) { .section-gravity__block:nth-child(1) { padding-right: 7.29166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-gravity__block_form { padding: 20px 0 0; } @media (min-width: 769px) { .section-gravity__block_form { padding: 110px 0 0; } } .section-gravity__copy { margin-bottom: 30px; text-transform: none; } .section-gravity__copy a { color: #fff; font-weight: 800; } .section-gravity__copy a:hover { color: #0a0ac8; } .section-gravity__links { margin-bottom: 30px; } .section-gravity__link { color: #fff; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; margin-right: 20px; } @media (min-width: 769px) { .section-gravity__link { font-size: 14px; } } .section-gravity__link:before { content: ""; height: 0.1em; background: #fff; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .section-gravity__link:hover { cursor: pointer; } .section-gravity__link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .section-gravity__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 1em; } @media (min-width: 769px) { .section-gravity__title { font-size: 27px; } } @media (min-width: 1800px) { .section-gravity__title { font-size: 27px; } } .section-gravity__copy { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; text-transform: none; } @media (min-width: 769px) { .section-gravity__copy { font-size: 16px; } } @media (min-width: 1800px) { .section-gravity__copy { font-size: 16px; } } .sh-modal { visibility: hidden; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; opacity: 0; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .sh-modal.sh-active { visibility: visible; opacity: 1; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .sh-modal-content { position: relative; background-color: #0a0ac8; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 8px solid #0a0ac8; width: 70%; /* Could be more or less, depending on screen size */ } .sh-modal-content-close { position: absolute; top: -20px; right: -20px; z-index: 50; background-color: #0a0ac8; color: #fff; font-size: 20px; line-height: 20px; padding: 10px 15px; } .sh-modal-content-close:hover { cursor: pointer; } .sh-modal-content .message { position: relative; z-index: 4; width: 50%; height: 100%; padding: 30px; margin: 0 0 0 50%; background-color: #fff; background-image: url("/wp-content/themes/stantonhouse-v1/public/images/pattern-2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .sh-modal-content .message-call { margin: 0; width: 100%; } .sh-modal-content .message-content { position: relative; padding: 0 20px; text-align: center; } .sh-modal-content .message-content .logo { width: 100%; height: auto; padding: 0 60px 0px; } .sh-modal-content .message-content p { color: #0a0ac8; font-size: 18px; line-height: 22px; text-align: center; } .sh-modal-content .message-content a { margin: 0 auto; } .sh-modal-content .background-img { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; } .sh-modal-content .background-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; width: 100%; } @media (max-width: 1399.98px) { .sh-modal-content .message { width: 60%; padding: 20px; margin: 0 0 0 40%; } .sh-modal-content .message-call { margin: 0; width: 100%; } .sh-modal-content .message-content { position: relative; padding: 0; text-align: center; } .sh-modal-content .message-content .logo { padding: 0 100px 0px; } .sh-modal-content .message-content p { font-size: 16px; line-height: 20px; } .sh-modal-content .message-content a { margin: 0 auto; } .sh-modal-content .background-img { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .sh-modal-content .background-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; width: 100%; } } @media (max-width: 991.98px) { .sh-modal-content .message { width: 100%; padding: 20px; margin: 0; } } @media (max-width: 767.98px) { .sh-modal-content { margin: 30% auto; /* 15% from the top and centered */ padding: 10px; border: 4px solid #0a0ac8; width: 90%; /* Could be more or less, depending on screen size */ } .sh-modal-content .message { width: 100%; height: 100%; padding: 20px; margin: 0; } .sh-modal-content .message-content { position: relative; padding: 0 20px; text-align: center; } .sh-modal-content .message-content-close { top: -10px; right: -10px; } .sh-modal-content .message-content .logo { width: 100%; padding: 0 30px 0px; } .sh-modal-content .message-content p { color: #0a0ac8; font-size: 16px; line-height: 20px; text-align: center; } .sh-modal-content .message-content a { margin: 0 auto; } .sh-modal-content .background-img { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .sh-modal-content .background-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; width: 100%; } } .section-notice { padding: 2rem 2rem; background: #0a0ac8; color: #fff; text-align: center; border-top: 4px solid #ebd276; border-bottom: 4px solid #ebd276; } .section-notice .section-notice__inner { max-width: 1200px; margin: 0 auto; } .section-notice .section-notice__title { text-transform: uppercase; margin-top: 0px; } .section-notice .section-notice__content a { color: #ebd276; text-decoration: none; } .section-mailchimp-signup { padding: 7.29166667vw 7.29166667vw; background: #fff url(../images/SH_BrandPattern_White.jpg) repeat; background-position: 0 0; color: #fff; text-align: center; border-top: 4px solid #ebd276; border-bottom: 4px solid #ebd276; } .section-mailchimp-signup__inner { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 9.6vw; margin: auto; } @media (min-width: 769px) { .section-mailchimp-signup__inner { grid-template-columns: 1fr 1fr; grid-gap: 0; padding: 0 1.82291667vw; } } @media (min-width: 769px) { .section-mailchimp-signup__block:nth-child(1) { padding-right: 7.29166667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-mailchimp-signup__title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 27px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; margin: 0; color: #0a0ac8; text-align: left; } .section-mailchimp-signup__content { color: #000; text-align: left; } .section-mailchimp-signup__content a { color: #ebd276; text-decoration: none; } .section-mailchimp-signup #mc_embed_signup { padding: 2rem 0 0; } .section-mailchimp-signup .email { font-size: 16px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; color: #0a0ac8; background: none; border: 0; border-bottom: 5px solid #0a0ac8; border-radius: 0; width: 100%; padding: 0 0 10px; } .section-mailchimp-signup .button { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #fff; color: #fff; border: 5px solid #0a0ac8; background: #0a0ac8; border-radius: 0px; padding: 20px 40px; text-decoration: none; margin: 20px 0px; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; } .section-mailchimp-signup .button:hover { background: transparent; color: #0a0ac8; cursor: pointer; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; } .sidebar { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #000; } .sidebar--open { z-index: 10; } .sidebar__button { display: none; position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; } .sidebar__content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 115px; } .sidebar__nav { margin: auto; padding: 9.6vw; list-style: none; } @media (min-width: 769px) { .sidebar__nav { padding: 7.29166667vw 0; } } .sidebar__item { width: 100%; position: relative; padding: 5px 0; } @media (min-width: 769px) { .sidebar__item { padding: 0.52083333vw 0; } } @media (min-width: 769px) { .sidebar__item.mobile-only { display: none; } } .sidebar__link { display: block; position: relative; text-decoration: none; } @media (min-width: 769px) { .sidebar__link:hover .sidebar__link-picture, .sidebar__link:focus .sidebar__link-picture { opacity: 1; } .sidebar__link:hover .sidebar__link-label:after, .sidebar__link:focus .sidebar__link-label:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .sidebar__link:hover .sidebar__link-label:before, .sidebar__link:focus .sidebar__link-label:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; } .sidebar__link:hover .sidebar__link-image, .sidebar__link:focus .sidebar__link-image { -webkit-transform: translateX(0); transform: translateX(0); } } .sidebar__link:focus { outline: none; } .sidebar__item .wpml-ls-link, .sidebar__link-label { color: #0a0ac8; font-family: "LTBrewery", Helvetica, sans-serif; font-size: 5.86666667vw; letter-spacing: 0.07em; line-height: 1; text-transform: uppercase; text-decoration: none; position: relative; z-index: 1; } @media (min-width: 1024px) { .sidebar__item .wpml-ls-link, .sidebar__link-label { font-size: 2.44791667vw; } } @media (min-width: 1800px) { .sidebar__item .wpml-ls-link, .sidebar__link-label { font-size: 47px; } } .sidebar__item .wpml-ls-link:before, .sidebar__link-label:before { content: ""; position: absolute; left: -0.5em; top: 0; bottom: 0; width: 1.5em; background: center center no-repeat; background-size: contain; -webkit-transform: translateX(-130%); transform: translateX(-130%); opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .sidebar__item:nth-child(1) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(1) .sidebar__link-label:before { background-image: url(../images/menu-icon-1.svg); } .sidebar__item:nth-child(2) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(2) .sidebar__link-label:before { background-image: url(../images/menu-icon-2.svg); } .sidebar__item:nth-child(3) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(3) .sidebar__link-label:before { background-image: url(../images/menu-icon-3.svg); } .sidebar__item:nth-child(4) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(4) .sidebar__link-label:before { background-image: url(../images/menu-icon-4.svg); } .sidebar__item:nth-child(5) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(5) .sidebar__link-label:before { background-image: url(../images/menu-icon-5.svg); } .sidebar__item:nth-child(6) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(6) .sidebar__link-label:before { background-image: url(../images/menu-icon-6.svg); } .sidebar__item:nth-child(7) .sidebar__item .wpml-ls-link:before, .sidebar__item:nth-child(7) .sidebar__link-label:before { background-image: url(../images/menu-icon-7.svg); } .sidebar__item .wpml-ls-link:after, .sidebar__link-label:after { content: ""; display: block; background: #0a0ac8; height: 0.1em; -webkit-transform: scaleX(0); transform: scaleX(0); position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .sidebar__link-image { display: block; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(5%); transform: translateX(5%); max-width: 40.36458333vw; } .sidebar__link-picture { display: block; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; z-index: 0; right: 0; top: 0; -webkit-transform: translateX(50%) translateY(-10%); transform: translateX(50%) translateY(-10%); opacity: 0; pointer-events: none; } @media (min-width: 769px) { .sidebar__link-picture { max-width: 50vw; } } .sidebar__item:nth-child(1) .sidebar__link-picture { -webkit-transform: translateY(-10%); transform: translateY(-10%); } @media (min-width: 769px) { .sidebar__item:nth-child(1) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-10%); transform: translateX(50%) translateY(-10%); } } .sidebar__item:nth-child(2) .sidebar__link-picture { -webkit-transform: translateY(-20%); transform: translateY(-20%); } @media (min-width: 769px) { .sidebar__item:nth-child(2) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-20%); transform: translateX(50%) translateY(-20%); } } .sidebar__item:nth-child(3) .sidebar__link-picture { -webkit-transform: translateY(-30%); transform: translateY(-30%); } @media (min-width: 769px) { .sidebar__item:nth-child(3) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-30%); transform: translateX(50%) translateY(-30%); } } .sidebar__item:nth-child(4) .sidebar__link-picture { -webkit-transform: translateY(-40%); transform: translateY(-40%); } @media (min-width: 769px) { .sidebar__item:nth-child(4) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-40%); transform: translateX(50%) translateY(-40%); } } .sidebar__item:nth-child(5) .sidebar__link-picture { -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 769px) { .sidebar__item:nth-child(5) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } } .sidebar__item:nth-child(6) .sidebar__link-picture { -webkit-transform: translateY(-60%); transform: translateY(-60%); } @media (min-width: 769px) { .sidebar__item:nth-child(6) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-60%); transform: translateX(50%) translateY(-60%); } } .sidebar__item:nth-child(7) .sidebar__link-picture { -webkit-transform: translateY(-70%); transform: translateY(-70%); } @media (min-width: 769px) { .sidebar__item:nth-child(7) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-70%); transform: translateX(50%) translateY(-70%); } } .sidebar__item:nth-child(8) .sidebar__link-picture { -webkit-transform: translateY(-80%); transform: translateY(-80%); } @media (min-width: 769px) { .sidebar__item:nth-child(8) .sidebar__link-picture { -webkit-transform: translateX(50%) translateY(-80%); transform: translateX(50%) translateY(-80%); } } .sidebar__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 36px; height: 18px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { .sidebar__icon { width: 36px; height: 18px; } } .sidebar__icon:hover { cursor: pointer; } @media (min-width: 1200px) { .sidebar__icon:hover span:nth-child(1) { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .sidebar__icon:hover span:nth-child(3) { -webkit-transform: translateY(5px); transform: translateY(5px); } } .sidebar__icon span { display: block; height: 2px; width: 100%; background: #0a0ac8; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1200px) { .sidebar__icon span { height: 2px; } } .sidebar__icon--open { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sidebar__icon--open span { background: #fff; } .sidebar__icon--open span:nth-child(1) { -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } .sidebar__icon--open span:nth-child(2) { display: none; } .sidebar__icon--open span:nth-child(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } @media (min-width: 1200px) { .sidebar__icon--open:hover span:nth-child(1) { -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } .sidebar__icon--open:hover span:nth-child(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } } .sidebar__footer { color: #fff; font-family: "LTBrewery", Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.075em; padding: 9.6vw; margin: 0 0 0 0; } @media (min-width: 769px) { .sidebar__footer { display: none; } } body.body--sidebar { overflow: hidden; } .section-room__button { margin: 0px 20px 20px 0px; display: inline-block; } .hide-modal-btn { display: inline-block; } .hide-call-btn { display: none; } @media (max-width: 767.98px) { .hide-modal-btn { display: none; } .hide-call-btn { display: inline-block; } } .kmap { background: #000; color: #fff; } .kmap__categories { display: block; list-style: none; margin: 0; padding: 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } @media (min-width: 1024px) { .kmap__categories { width: auto; left: auto; right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: calc(4.5vw + 170px); margin: 0 0 5vw; } } .kmap__category { position: relative; border: 2px solid #b53a43; margin-top: -2px; } @media (min-width: 1024px) { .kmap__category { background: transparent; border: 0; margin-top: 0; } } .kmap__category--active { border: 0; } .kmap__category-label { position: relative; z-index: 0; display: block; font-size: 18px; font-weight: bold; letter-spacing: 0.05em; line-height: 1; text-decoration: underline; -webkit-transition: all 0.3s; transition: all 0.3s; color: #b53a43; padding: 12.5px; font-family: "LTBrewery", Helvetica, sans-serif; text-transform: uppercase; text-align: center; } @media (min-width: 1024px) { .kmap__category-label { font-size: 2.08333333vw; color: #fff; opacity: 0.5; margin-bottom: 2vw; padding: 0; font-family: "Styrene A", Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; text-transform: none; } } @media (min-width: 1800px) { .kmap__category-label { font-size: 40px; } } .kmap__category-label:hover { opacity: 1; cursor: pointer; } .kmap__category--active .kmap__category-label { opacity: 1; color: #fff; background: #b53a43; } @media (min-width: 1024px) { .kmap__category--active .kmap__category-label { background: transparent; color: #b53a43; text-decoration: underline; } } .kmap__category-dropdown { list-style: none; margin: 0; padding: 25px 0; display: none; } @media (min-width: 1024px) { .kmap__category-dropdown { display: grid; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; grid-template-rows: repeat(7, 1fr); grid-template-columns: repeat(5, 1fr); grid-auto-flow: column; grid-gap: 0 4vw; padding: 0; position: absolute; z-index: 1; } } .kmap__category--active .kmap__category-dropdown { display: block; } @media (min-width: 1024px) { .kmap__category--active .kmap__category-dropdown { display: grid; } } .kmap__category-dropdown li { margin: 0; padding: 0; white-space: nowrap; font-size: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; padding: 5px 12.5px; } @media (min-width: 1024px) { .kmap__category-dropdown li { font-size: 15px; color: #fff; padding: 0; } } .kmap__category-dropdown li:hover { color: #b53a43; cursor: pointer; } .kmap__locations { list-style: none; margin: 0 0 20px; padding: 0; display: grid; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; grid-template-rows: repeat(7, 1fr); grid-template-columns: repeat(5, 1fr); grid-auto-flow: column; grid-gap: 0; } .kmap__location { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .kmap__google { height: 50vh; width: 100%; font-family: "LTBrewery", Helvetica, sans-serif !important; } @media (min-width: 1024px) { .kmap__google { height: 51.04166667vw; height: 60vh; } } .center-marker { background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../images/logo-map.svg); width: 40px; height: 40px; z-index: 9999; } .marker { width: 40px; height: 40px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../images/pins/pin.png); } .marker--icon-bar { background-image: url(../images/pins/SVG/pin-bar.svg); } .marker--icon-restaurant { background-image: url(../images/pins/SVG/pin-restaurant.svg); } .marker--icon-coffee { background-image: url(../images/pins/SVG/pin-coffee.svg); } .marker--icon-art { background-image: url(../images/pins/SVG/pin-art.svg); } .marker--icon-golf { background-image: url(../images/pins/SVG/pin-golf.svg); } .marker--icon-icon { background-image: url(../images/pins/SVG/pin-icon.svg); } .marker--icon-mountain { background-image: url(../images/pins/SVG/pin-mountain.svg); } .marker--icon-museum { background-image: url(../images/pins/SVG/pin-museum.svg); } .marker--icon-music { background-image: url(../images/pins/SVG/pin-music.svg); } .marker--icon-park { background-image: url(../images/pins/SVG/pin-park.svg); } .marker--icon-restaurant { background-image: url(../images/pins/SVG/pin-restaurant.svg); } .marker--icon-shop { background-image: url(../images/pins/SVG/pin-shop.svg); } .marker--icon-neighborhood { background-image: url(../images/pins/SVG/pin-neighborhood.svg); } .marker--icon-ticket { background-image: url(../images/pins/SVG/pin-ticket.svg); } .marker__window { padding: 10px; width: 400px; text-align: center; } .marker__window-inner { margin: auto; max-width: 300px; } .marker__window-title { font-family: "LTBrewery", Helvetica, sans-serif; font-size: 21px; line-height: 1.22; text-transform: uppercase; letter-spacing: 0.075em; color: #0a0ac8; margin: 0 0 10px; } @media (min-width: 769px) { .marker__window-title { font-size: 27px; } } @media (min-width: 1800px) { .marker__window-title { font-size: 27px; } } .marker__window-description { font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; font-size: 10px; line-height: 1.5; letter-spacing: 0.175em; text-transform: uppercase; color: #000; margin: 10px 0 10px; } @media (min-width: 769px) { .marker__window-description { font-size: 0.98958333vw; font-size: 13px; } } @media (min-width: 1800px) { .marker__window-description { font-size: 13px; } } .marker__window-description:empty { display: none; } .marker__window-link { color: #0a0ac8; font-size: 12px; line-height: 1; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; position: relative; font-family: "Styrene A", Helvetica, sans-serif; } @media (min-width: 769px) { .marker__window-link { font-size: 14px; } } .marker__window-link:before { content: ""; height: 0.1em; background: #0a0ac8; position: absolute; bottom: -0.3em; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center left; transform-origin: center left; } .marker__window-link:hover { cursor: pointer; } .marker__window-link:hover:before { -webkit-transform: scale(0); transform: scale(0); } .marker__window-link[href=""] { display: none; } .gm-style .gm-style-iw-c { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 3px solid #0a0ac8; } .gm-style .gm-style-iw-t::after { -webkit-box-shadow: none; box-shadow: none; background: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 20px; height: 20px; border-bottom: 3px solid #0a0ac8; border-right: 3px solid #0a0ac8; top: -1px; } /* Login page */ .login { height: 100vh; background: #bababa; color: #323232; 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; } .login h1 a { background-image: url(../images/logo.svg); background-size: contain; width: 270px; height: 150px; margin-bottom: 70px; color: #000; } .login #login { width: 100%; max-width: 400px; background: #fff; padding: 70px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 0; } .login form { -webkit-box-shadow: none; box-shadow: none; border: 0; } .login .button.button-large { height: auto !important; line-height: 1 !important; padding: 10px 20px !important; border-radius: 0 !important; font-size: 14px !important; text-transform: uppercase; } .gform_wrapper .gform_fields { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gform_fields .hidden_sub_label { display: none; } .gform_wrapper .gfield_label { display: none; } .gform_wrapper .screen-reader-text { display: none; } .gform_wrapper .gform_validation_container { display: none; } .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper textarea, .gform_wrapper select { font-size: 12px; font-weight: 600; letter-spacing: 0.175em; text-transform: uppercase; color: #fff; background: none; border: 0; border-bottom: 3px solid #fff; border-radius: 0; width: 100%; padding: 0 0 10px; } @media (min-width: 769px) { .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper textarea, .gform_wrapper select { font-size: 16px; } } @media (min-width: 1800px) { .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper textarea, .gform_wrapper select { font-size: 16px; } } @media (min-width: 769px) { .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper textarea, .gform_wrapper select { border-width: 5px; } } .gform_wrapper input[type="text"]::-webkit-input-placeholder, .gform_wrapper input[type="email"]::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder, .gform_wrapper select::-webkit-input-placeholder { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; text-transform: uppercase; } .gform_wrapper input[type="text"]::-moz-placeholder, .gform_wrapper input[type="email"]::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder, .gform_wrapper select::-moz-placeholder { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; text-transform: uppercase; } .gform_wrapper input[type="text"]:-ms-input-placeholder, .gform_wrapper input[type="email"]:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder, .gform_wrapper select:-ms-input-placeholder { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; text-transform: uppercase; } .gform_wrapper input[type="text"]::-ms-input-placeholder, .gform_wrapper input[type="email"]::-ms-input-placeholder, .gform_wrapper textarea::-ms-input-placeholder, .gform_wrapper select::-ms-input-placeholder { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; text-transform: uppercase; } .gform_wrapper input[type="text"]::placeholder, .gform_wrapper input[type="email"]::placeholder, .gform_wrapper textarea::placeholder, .gform_wrapper select::placeholder { font-family: "Styrene A", Helvetica, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; text-transform: uppercase; } @media (min-width: 769px) { .gform_wrapper input[type="text"]::-webkit-input-placeholder, .gform_wrapper input[type="email"]::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder, .gform_wrapper select::-webkit-input-placeholder { font-size: 0.98958333vw; font-size: 16px; } .gform_wrapper input[type="text"]::-moz-placeholder, .gform_wrapper input[type="email"]::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder, .gform_wrapper select::-moz-placeholder { font-size: 0.98958333vw; font-size: 16px; } .gform_wrapper input[type="text"]:-ms-input-placeholder, .gform_wrapper input[type="email"]:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder, .gform_wrapper select:-ms-input-placeholder { font-size: 0.98958333vw; font-size: 16px; } .gform_wrapper input[type="text"]::-ms-input-placeholder, .gform_wrapper input[type="email"]::-ms-input-placeholder, .gform_wrapper textarea::-ms-input-placeholder, .gform_wrapper select::-ms-input-placeholder { font-size: 0.98958333vw; font-size: 16px; } .gform_wrapper input[type="text"]::placeholder, .gform_wrapper input[type="email"]::placeholder, .gform_wrapper textarea::placeholder, .gform_wrapper select::placeholder { font-size: 0.98958333vw; font-size: 16px; } } @media (min-width: 1800px) { .gform_wrapper input[type="text"]::-webkit-input-placeholder, .gform_wrapper input[type="email"]::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder, .gform_wrapper select::-webkit-input-placeholder { font-size: 16px; } .gform_wrapper input[type="text"]::-moz-placeholder, .gform_wrapper input[type="email"]::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder, .gform_wrapper select::-moz-placeholder { font-size: 16px; } .gform_wrapper input[type="text"]:-ms-input-placeholder, .gform_wrapper input[type="email"]:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder, .gform_wrapper select:-ms-input-placeholder { font-size: 16px; } .gform_wrapper input[type="text"]::-ms-input-placeholder, .gform_wrapper input[type="email"]::-ms-input-placeholder, .gform_wrapper textarea::-ms-input-placeholder, .gform_wrapper select::-ms-input-placeholder { font-size: 16px; } .gform_wrapper input[type="text"]::placeholder, .gform_wrapper input[type="email"]::placeholder, .gform_wrapper textarea::placeholder, .gform_wrapper select::placeholder { font-size: 16px; } } .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="email"]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus { outline: none; } .gform_wrapper input[type="text"][aria-invalid="true"], .gform_wrapper input[type="email"][aria-invalid="true"], .gform_wrapper textarea[aria-invalid="true"], .gform_wrapper select[aria-invalid="true"] { border-color: #b53a43; } .gform_wrapper textarea { border: 3px solid #fff; padding: 10px; } @media (min-width: 769px) { .gform_wrapper textarea { border-width: 5px; } } .gform_wrapper select { text-transform: uppercase; } .gform_wrapper select option { background: #fff; color: #0a0ac8; } .gform_wrapper input.datepicker { background: url(../images/icon-calendar.svg) 100% center no-repeat; background-size: 1.75em auto; } .gform_wrapper .ginput_complex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .ginput_complex span { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 15px; } @media (min-width: 769px) { .gform_wrapper .ginput_complex span { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; margin-bottom: 0; } } .gform_wrapper .gfield { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 2.60416667vw; } @media (min-width: 769px) { .gform_wrapper .gfield span { margin-right: 10%; } } .gform_wrapper .gfield span:last-child { margin-right: 0; } .gform_wrapper input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 12px; font-family: "Styrene A", Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.175em; line-height: 1; background: #fff; color: #0a0ac8; border: 3px solid #fff; border-radius: 0px; padding: 10px 20px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; min-width: 160px; white-space: nowrap; position: relative; z-index: 1; overflow: hidden; } @media (min-width: 1024px) { .gform_wrapper input[type="submit"] { padding: 1.04166667vw 2.08333333vw; padding: 15px 40px; font-size: 0.72916667vw; font-size: 14px; border-width: 5px; } } @media (min-width: 1200px) { .gform_wrapper input[type="submit"] { font-size: 14px; } } .gform_wrapper input[type="submit"]:hover { cursor: pointer; color: #fff; background: transparent; } .gform_wrapper input[type="submit"]:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .gform_wrapper input[type="submit"]:hover:after { -webkit-transform: translateX(100%); transform: translateX(100%); } .gform_wrapper input[type="submit"]:before, .gform_wrapper input[type="submit"]:after { content: ""; background: #fff; position: absolute; z-index: -1; top: -1px; left: -1px; bottom: -1px; right: -1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gform_wrapper input[type="submit"]:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #0a0ac8; } .gform_wrapper input[type="submit"]:after { -webkit-transform: translateX(0%); transform: translateX(0%); background: #fff; } .gform_wrapper .gf_left_half, .gform_wrapper .gf_right_half { width: 50%; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 20px 0 0; } .gform_wrapper .gform_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9.6vw 0; } @media (min-width: 769px) { .gform_wrapper .gform_footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; } } .gform_wrapper .validation_error, .gform_wrapper .validation_message { color: #b53a43; font-size: 13px; padding: 10px 0; } .gform_wrapper .ui-datepicker-trigger { display: none; } .gform_ajax_spinner { display: none; width: 16px; height: 16px; } .ui-datepicker, .ui-datepicker table, .ui-datepicker tr, .ui-datepicker td, .ui-datepicker th { margin: 0; padding: 0; border-radius: 0; border-spacing: 0; } .ui-datepicker { background: #fff; display: none; cursor: default; position: absolute; padding-bottom: 10px; text-transform: uppercase; z-index: 91000 !important; border: 3px solid #0a0ac8; } @media (min-width: 769px) { .ui-datepicker { border-width: 5px; } } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 5px; padding: 5px; cursor: pointer; z-index: 1001; } .ui-datepicker-prev { left: 10px; padding-left: 0; } .ui-datepicker-next { right: 10px; padding-right: 0; } .ui-datepicker-prev span, .ui-datepicker-next span { display: block; width: auto; color: #fff !important; text-indent: 0; } .ui-datepicker-header { border-radius: 0; color: #fff; background: #0a0ac8; display: block; margin-top: 0; padding: 10px; font-size: 13px; font-family: "Styrene A", Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; text-align: center; } .ui-datepicker-prev span { background-position: 0px 0px; } .ui-datepicker-next span { background-position: -5px 0px; } .ui-datepicker-prev-hover span { background-position: 0px -10px; } .ui-datepicker-next-hover span { background-position: -5px -10px; } .ui-datepicker-calendar th { padding-top: 15px; padding-bottom: 10px; text-align: center; font-weight: normal; } .ui-datepicker-calendar td { text-align: center; } .ui-datepicker-calendar .ui-state-default { display: block; width: 40px; line-height: 40px; outline: none; color: #000; text-decoration: none; border: 1px solid transparent; } .ui-datepicker-calendar .ui-state-hover { background: tint(#000, 70); } .ui-datepicker-calendar .ui-state-active { color: #fff; background: #0a0ac8; } .ui-datepicker-month, .ui-datepicker-year { background: transparent; color: #fff; border: 0; font-size: 13px; font-family: "Styrene A", Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; margin-top: -2px; } .ui-datepicker-other-month .ui-state-default { color: #000; } .wpml-ls-legacy-list-horizontal { border: 0; padding: 0; } .wpml-ls-legacy-list-horizontal .wpml-ls-item { display: block; } .wpml-ls-legacy-list-horizontal a { padding: 0; }