/* ------------------------------------------------------------ *\ Vendor \* ------------------------------------------------------------ */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;-o-transition-duration:50ms;transition-duration:50ms} [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms} [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s} [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s} [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s} [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s} [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s} [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s} [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s} [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s} [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s} [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s} [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;-o-transition-duration:.45s;transition-duration:.45s} [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s} [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;-o-transition-duration:.55s;transition-duration:.55s} [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s} [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s} [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s} [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;-o-transition-duration:.65s;transition-duration:.65s} [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s} [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s} [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s} [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;-o-transition-duration:.75s;transition-duration:.75s} [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s} [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s} [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s} [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;-o-transition-duration:.85s;transition-duration:.85s} [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s} [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;-o-transition-duration:.9s;transition-duration:.9s} [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s} [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;-o-transition-duration:.95s;transition-duration:.95s} [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;-o-transition-delay:.95s;transition-delay:.95s} [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s} [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;-o-transition-duration:1.05s;transition-duration:1.05s} [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;-o-transition-delay:1.05s;transition-delay:1.05s} [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;-o-transition-duration:1.1s;transition-duration:1.1s} [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s} [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;-o-transition-duration:1.15s;transition-duration:1.15s} [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;-o-transition-delay:1.15s;transition-delay:1.15s} [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s} [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s} [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;-o-transition-duration:1.25s;transition-duration:1.25s} [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s} [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s} [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s} [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;-o-transition-duration:1.35s;transition-duration:1.35s} [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;-o-transition-delay:1.35s;transition-delay:1.35s} [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;-o-transition-duration:1.4s;transition-duration:1.4s} [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s} [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;-o-transition-duration:1.45s;transition-duration:1.45s} [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;-o-transition-delay:1.45s;transition-delay:1.45s} [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s} [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s} [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;-o-transition-duration:1.55s;transition-duration:1.55s} [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;-o-transition-delay:1.55s;transition-delay:1.55s} [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s} [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s} [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;-o-transition-duration:1.65s;transition-duration:1.65s} [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;-o-transition-delay:1.65s;transition-delay:1.65s} [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;-o-transition-duration:1.7s;transition-duration:1.7s} [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;-o-transition-delay:1.7s;transition-delay:1.7s} [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;-o-transition-duration:1.75s;transition-duration:1.75s} [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s} [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s} [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s} [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;-o-transition-duration:1.85s;transition-duration:1.85s} [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;-o-transition-delay:1.85s;transition-delay:1.85s} [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;-o-transition-duration:1.9s;transition-duration:1.9s} [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;-o-transition-delay:1.9s;transition-delay:1.9s} [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;-o-transition-duration:1.95s;transition-duration:1.95s} [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s} [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s} [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s} [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;-o-transition-duration:2.05s;transition-duration:2.05s} [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;-o-transition-delay:2.05s;transition-delay:2.05s} [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;-o-transition-duration:2.1s;transition-duration:2.1s} [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;-o-transition-delay:2.1s;transition-delay:2.1s} [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;-o-transition-duration:2.15s;transition-duration:2.15s} [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;-o-transition-delay:2.15s;transition-delay:2.15s} [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;-o-transition-duration:2.2s;transition-duration:2.2s} [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;-o-transition-delay:2.2s;transition-delay:2.2s} [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;-o-transition-duration:2.25s;transition-duration:2.25s} [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s} [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;-o-transition-duration:2.3s;transition-duration:2.3s} [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;-o-transition-delay:2.3s;transition-delay:2.3s} [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;-o-transition-duration:2.35s;transition-duration:2.35s} [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;-o-transition-delay:2.35s;transition-delay:2.35s} [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;-o-transition-duration:2.4s;transition-duration:2.4s} [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;-o-transition-delay:2.4s;transition-delay:2.4s} [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;-o-transition-duration:2.45s;transition-duration:2.45s} [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;-o-transition-delay:2.45s;transition-delay:2.45s} [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;-o-transition-duration:2.5s;transition-duration:2.5s} [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s} [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;-o-transition-duration:2.55s;transition-duration:2.55s} [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;-o-transition-delay:2.55s;transition-delay:2.55s} [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;-o-transition-duration:2.6s;transition-duration:2.6s} [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;-o-transition-delay:2.6s;transition-delay:2.6s} [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;-o-transition-duration:2.65s;transition-duration:2.65s} [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;-o-transition-delay:2.65s;transition-delay:2.65s} [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;-o-transition-duration:2.7s;transition-duration:2.7s} [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;-o-transition-delay:2.7s;transition-delay:2.7s} [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;-o-transition-duration:2.75s;transition-duration:2.75s} [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;-o-transition-delay:2.75s;transition-delay:2.75s} [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;-o-transition-duration:2.8s;transition-duration:2.8s} [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;-o-transition-delay:2.8s;transition-delay:2.8s} [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;-o-transition-duration:2.85s;transition-duration:2.85s} [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;-o-transition-delay:2.85s;transition-delay:2.85s} [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;-o-transition-duration:2.9s;transition-duration:2.9s} [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;-o-transition-delay:2.9s;transition-delay:2.9s} [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;-o-transition-duration:2.95s;transition-duration:2.95s} [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;-o-transition-delay:2.95s;transition-delay:2.95s} [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s} [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0} [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);-o-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);-o-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)} [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)} [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)} [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);-o-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);-o-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)} [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);-o-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)} [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)} [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)} [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)} [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)} [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)} [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)} [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)} [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)} [data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform} [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} [data-aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)} [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)} [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)} [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)} [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)} [data-aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)} [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)} [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)} [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)} [data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)} [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform} [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)} [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)} [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)} [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)} [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)} [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ SCSS Functions \* ------------------------------------------------------------ */ /* example usage*/ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { /*width: 100%;*/ border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=text], input[type=button], input[type=tel], input[type=email], input[type=submit], input[type=date], input[type=search], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Bold.woff2") format("woff2"), url("../css/Montserrat-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Black.woff2") format("woff2"), url("../css/Montserrat-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-BlackItalic.woff2") format("woff2"), url("../css/Montserrat-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-LightItalic.woff2") format("woff2"), url("../css/Montserrat-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-MediumItalic.woff2") format("woff2"), url("../css/Montserrat-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Italic.woff2") format("woff2"), url("../css/Montserrat-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-BoldItalic.woff2") format("woff2"), url("../css/Montserrat-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../css/Montserrat-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../css/Montserrat-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-ExtraLight.woff2") format("woff2"), url("../css/Montserrat-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Light.woff2") format("woff2"), url("../css/Montserrat-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Medium.woff2") format("woff2"), url("../css/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-ExtraBold.woff2") format("woff2"), url("../css/Montserrat-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Regular.woff2") format("woff2"), url("../css/Montserrat-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../css/Montserrat-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-Thin.woff2") format("woff2"), url("../css/Montserrat-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-ThinItalic.woff2") format("woff2"), url("../css/Montserrat-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("../css/Montserrat-SemiBold.woff2") format("woff2"), url("../css/Montserrat-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-ExtraLight.woff2") format("woff2"), url("../css/IBMPlexSans-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-Bold.woff2") format("woff2"), url("../css/IBMPlexSans-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-BoldItalic.woff2") format("woff2"), url("../css/IBMPlexSans-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans.woff2") format("woff2"), url("../css/IBMPlexSans.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-Thin.woff2") format("woff2"), url("../css/IBMPlexSans-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-ExtraLightItalic.woff2") format("woff2"), url("../css/IBMPlexSans-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../css/IBMPlexSans-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-LightItalic.woff2") format("woff2"), url("../css/IBMPlexSans-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-Light.woff2") format("woff2"), url("../css/IBMPlexSans-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-MediumItalic.woff2") format("woff2"), url("../css/IBMPlexSans-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-Medium.woff2") format("woff2"), url("../css/IBMPlexSans-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-ThinItalic.woff2") format("woff2"), url("../css/IBMPlexSans-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), url("../css/IBMPlexSans-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url("../css/IBMPlexSans-Italic.woff2") format("woff2"), url("../css/IBMPlexSans-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Oswald'; src: url("../css/Oswald-Light.woff2") format("woff2"), url("../css/Oswald-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Oswald'; src: url("../css/Oswald-Regular.woff2") format("woff2"), url("../css/Oswald-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Oswald'; src: url("../css/Oswald-Bold.woff2") format("woff2"), url("../css/Oswald-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-ExtraBold.woff2") format("woff2"), url("../css/Poppins-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Black.woff2") format("woff2"), url("../css/Poppins-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Bold.woff2") format("woff2"), url("../css/Poppins-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-BoldItalic.woff2") format("woff2"), url("../css/Poppins-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-BlackItalic.woff2") format("woff2"), url("../css/Poppins-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Italic.woff2") format("woff2"), url("../css/Poppins-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-LightItalic.woff2") format("woff2"), url("../css/Poppins-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Medium.woff2") format("woff2"), url("../css/Poppins-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../css/Poppins-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Light.woff2") format("woff2"), url("../css/Poppins-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-ExtraLightItalic.woff2") format("woff2"), url("../css/Poppins-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-ExtraLight.woff2") format("woff2"), url("../css/Poppins-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-ThinItalic.woff2") format("woff2"), url("../css/Poppins-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../css/Poppins-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-MediumItalic.woff2") format("woff2"), url("../css/Poppins-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Thin.woff2") format("woff2"), url("../css/Poppins-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-Regular.woff2") format("woff2"), url("../css/Poppins-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../css/Poppins-SemiBold.woff2") format("woff2"), url("../css/Poppins-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.2; color: #2b2a2a; } a { color: inherit; text-decoration: none; -webkit-transition:color .3s, background-color .3s, opacity .3s; -o-transition:color .3s, background-color .3s, opacity .3s; transition: color .3s, background-color .3s, opacity .3s; } a:focus { outline: 1px solid #000; outline-color: #000; outline-style: auto; outline-width: 1px; border-radius: 10px; } a[href^="tel"] { cursor: pointer; text-decoration: none; } button:focus { outline: 1px solid #000; outline-color: #000; outline-style: auto; outline-width: 1px; border-radius: 10px; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { margin-bottom: calc(1.2em / 2); } .h1, h1 { font-size: 55px; } .h2, h2 { font-size: 50px; } .h3, h3 { font-size: 36px; } .h4, h4 { font-size: 30px; } .h5, h5 { font-size: 26px; } .h6, h6 { font-size: 21px; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.2em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Overflow Hidden */ .overflow-hidden { overflow: hidden; } /* Mobile Visible */ .mobile-visible { position: absolute; left: -9999px; top: -9999px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .mobile-visible { position: static; } } /* Mobile Hidden */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .mobile-hidden { position: absolute; left: -9999px; top: -9999px; } } /* Backgorunds */ .bg-blue { background-color: #113796; } .bg-light-blue { background-color: #34529e; } .bg-dark-blue { background-color: #3862b9; } .bg-light-blue-alt { background-color: #00aeef; } .bg-dark-blue-alt { background-color: #161f62; } .bg-grey { background-color: #383838; } .bg-light-grey { background-color: #535353; } /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* sr-only */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 767.02px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1023.02px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1199.02px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Components \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { border: 1px solid #aaa8a8; padding: 33px 38px 33px 30px; height: 100%; } @media (max-width: 1023px) { .article { padding: 26px 17px 26px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article { padding: 35px 47px 32px 31px; max-width: 448px; margin: auto; } } .article .article__title { font-size: 17px; line-height: 1.41; margin-bottom: 13px; font-weight: 500; text-transform: uppercase; max-width: 250px; } .article .article__entry { font-size: 15px; margin-bottom: 18px; } .article .article__actions { padding-left: 3px; } /* ------------------------------------------------------------ *\ Articles \* ------------------------------------------------------------ */ .articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } @media (max-width: 1023px) { .articles { margin: 0 -5px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles { margin: 0; display: block; } } .articles .articles__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 16px; min-height: 100%; } @media (max-width: 1023px) { .articles .articles__item { padding: 0 5px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .articles .articles__item { padding: 0; margin-bottom: 10px; max-width: 100%; } } /* ------------------------------------------------------------ *\ Brake \* ------------------------------------------------------------ */ .brake { background-color: #fff; padding: 31px 42px 47px 35px; height: 100%; } @media (max-width: 1199px) { .brake { padding: 30px 25px 30px 25px; } } @media (max-width: 1023px) { .brake { padding: 30px 14px 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brake { padding: 22px 10px 17px 8px; } } .brake .brake__image-inner { overflow: hidden; width: 130px; height: 130px; border-radius: 50%; position: relative; } @media (max-width: 1023px) { .brake .brake__image-inner { margin: auto; } } .brake .brake__image { max-width: 147px; width: 100%; padding-top: 21px; } @media (max-width: 1023px) { .brake .brake__image { max-width: 100%; padding-top: 0; margin-bottom: 20px; } } .brake .brake__image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .brake .brake__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .brake .brake__inner { display: block; } } .brake .brake__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-left: 15px; } .brake .brake__title { font-size: 20px; line-height: 1.85; margin-bottom: 10px; text-transform: uppercase; font-family: "Montserrat", "Times New Roman", Times, serif; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brake .brake__title { line-height: 1.3; } } .brake .brake__entry { font-size: 16px; line-height: 1.25; } /* ------------------------------------------------------------ *\ Brakes \* ------------------------------------------------------------ */ .brakes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brakes { display: block; margin: 0; } } .brakes .brakes__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 7px; min-height: 100%; margin-bottom: 19px; } @media (max-width: 1023px) { .brakes .brakes__item { margin-bottom: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brakes .brakes__item { max-width: 100%; padding: 0; } } /* ------------------------------------------------------------ *\ Brand \* ------------------------------------------------------------ */ /*.brand {*/ /*width: 100%;*/ /*background-color: #fff;*/ /*border: 1px solid #d8d6d6;*/ /*min-height: 120px;*/ /*height: 150px;*/ /*text-align: center;*/ /*padding: 21px 0 22px; */ /*vertical-align: middle}*/ .brand { width: 100%; background-color: #fff; height: 150px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 21px 0 22px; } @media (max-width: 1023px) { .brand { min-height: auto; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brand { height: 100%; min-height: auto; padding: 11px 0; } } .brand img { max-width: 100%; max-height: 145px; display: inline-block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brand img { max-width: 50%; min-width: 90px; margin: auto; } } /* ------------------------------------------------------------ *\ Brands \* ------------------------------------------------------------ */ .brands { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -7px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brands { margin: 0 -3px; } } .brands .brands__item { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0 7px; margin-bottom: 16px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .brands .brands__item { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 3px; min-height: 68px; margin-bottom: 7px; } } /* ------------------------------------------------------------ *\ Burger \* ------------------------------------------------------------ */ .btn-burger { display: none; height: 44px; width: 44px; border-radius: 50%; cursor: pointer; position: relative; -webkit-transition:right .4s, top .4s; -o-transition:right .4s, top .4s; transition: right .4s, top .4s; top: 15px; right: 13px; position: absolute; z-index: 12; background-color: #0f3894; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-burger { display: block; } } .btn-burger:before, .btn-burger:after, .btn-burger span { position: absolute; content: ""; display: block; left: 12px; height: 3px; width: 20px; background-color: #fff; -webkit-transition:top .3s, opacity .3s, -webkit-transform .3s; transition:top .3s, opacity .3s, -webkit-transform .3s; -o-transition:top .3s, transform .3s, opacity .3s; transition:top .3s, transform .3s, opacity .3s; transition: top .3s, transform .3s, opacity .3s, -webkit-transform .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-burger:before { top: calc(50% - 7px); } .btn-burger span { top: 50%; } .btn-burger:after { top: calc(50% + 7px); } /* Btn Burger Triggered */ .btn-burger--triggered { top: 15px; } .btn-burger--triggered:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 20px; } .btn-burger--triggered:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 20px; } .btn-burger--triggered span { opacity: 0; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Btn block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* Btn Red */ .btn--red { text-transform: uppercase; font-size: 22px; line-height: 1.36; font-family: "Montserrat", "Times New Roman", Times, serif; font-weight: 900; background-color: #c11304; color: #fff; -webkit-transition:color .3s, background-color .3s; -o-transition:color .3s, background-color .3s; transition: color .3s, background-color .3s; padding: 15px 27px; -webkit-transition:background-color .3s; -o-transition:background-color .3s; transition: background-color .3s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--red { font-size: 19px; } } .btn--red:hover { background-color: #113796; color: #fff; } /* Btn Red Small */ .btn--red-small { font-weight: 700; font-size: 16px; padding: 10px 19px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--red-small { font-size: 14px; line-height: 1.36; padding: 11px 19px; } } .btn--red-small:hover { background-color: #113796; color: #fff; } /* Btn Red Extra Small */ .btn--red-extra-small { font-weight: 700; font-size: 13px; line-height: 1.38; padding: 8px 16px; } .btn--red-extra-small:hover { background-color: #113796; color: #fff; } /* Btn Red Medium */ .btn--red-medium { font-weight: 700; font-size: 16px; line-height: 1.38; padding: 12px 24px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--red-medium { font-size: 13px; line-height: 1.38; padding: 10px 18px; } } .btn--red-medium:hover { background-color: #113796; color: #fff; } /* Btn Transparent */ .btn--transparent { background-color: transparent; border: 2px solid #fff; text-transform: uppercase; font-family: "Montserrat", "Times New Roman", Times, serif; font-weight: 700; font-size: 16px; line-height: 1.38; padding: 9px 16px; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition: opacity .3s; } @media (max-width: 1199px) { .btn--transparent { font-size: 15px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn--transparent { font-size: 11px; line-height: 1.36; padding: 6px 10px; } } .btn--transparent:hover { opacity: 0.7; color: #fff; } /* Btn Transparent Red */ .btn--transparent-red { background-color: transparent; color: #c11304; border: 3px solid #c11304; padding: 8px 13px; text-transform: uppercase; font-size: 16px; font-weight: 700; -webkit-transition:border .3s, background-color .3s, color .3s; -o-transition:border .3s, background-color .3s, color .3s; transition: border .3s, background-color .3s, color .3s; } .btn--transparent-red:hover, .btn--transparent-red:active { background-color: #c11304; color: #fff; } /* ------------------------------------------------------------ *\ Checkbox \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Copyright \* ------------------------------------------------------------ */ .copyright { background-color: #18212c; color: #fff; padding: 33px 0 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .copyright { padding: 26px 0 20px; } } @media (max-width: 1023px) { .copyright p { font-size: 14px; text-align: center; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .copyright p { font-size: 13px; } } .copyright .copyright__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .copyright .copyright__inner { display: block; } } /* ------------------------------------------------------------ *\ Coupon \* ------------------------------------------------------------ */ .coupon { color: #fff; padding: 48px 15px 59px; background-repeat: no-repeat; background-position: 0 center; background-size: cover; height: 100%; overflow: hidden; position: relative; } @media (max-width: 1199px) { .coupon { padding: 35px 15px 44px; min-height: 230px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon { min-height: 220px; padding: 33px 15px 39px; } } .coupon .coupon__background-primary { height: 143%; width: 56%; position: absolute; right: -6%; top: -15%; z-index: 3; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon .coupon__background-primary { right: -6.7%; } } .coupon .coupon__background-secondary { height: 143%; width: 56%; position: absolute; z-index: 2; -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); right: -5.3%; top: -15%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon .coupon__background-secondary { right: -6.2%; } } .coupon .coupon__title { font-size: 30px; line-height: 1.4; text-transform: uppercase; font-weight: 700; font-family: "Oswald", "Times New Roman", Times, serif; margin-bottom: 19px; } @media (max-width: 1199px) { .coupon .coupon__title { font-size: 26px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon .coupon__title { font-size: 20px; line-height: 1.4; margin-bottom: 13px; } } .coupon .coupon__title span { font-weight: 400; } .coupon .coupon__entry { font-size: 17px; line-height: 1.41; text-transform: uppercase; margin-bottom: 26px; } @media (max-width: 1199px) { .coupon .coupon__entry { font-size: 16px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon .coupon__entry { font-size: 11px; line-height: 1.46; margin-bottom: 17px; } } .coupon .coupon__content { max-width: 40.6%; -webkit-box-flex: 0; -ms-flex: 0 0 40.6%; flex: 0 0 40.6%; margin-left: auto; height: 100%; position: relative; z-index: 6; } @media (max-width: 1199px) { .coupon .coupon__content { max-width: 43.6%; -webkit-box-flex: 0; -ms-flex: 0 0 43.6%; flex: 0 0 43.6%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupon .coupon__content { max-width: 39.9%; -webkit-box-flex: 0; -ms-flex: 0 0 39.9%; flex: 0 0 39.9%; } } /* ------------------------------------------------------------ *\ Coupons \* ------------------------------------------------------------ */ .coupons { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -16px; } @media (max-width: 1023px) { .coupons { display: block; margin: 0; } } .coupons .coupons__item { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 16px; } @media (max-width: 1023px) { .coupons .coupons__item { max-width: 100%; padding: 0; } } @media (max-width: 1023px) { .coupons .coupons__item + .coupons__item { margin-top: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .coupons .coupons__item + .coupons__item { margin-top: 17px; } } /* ------------------------------------------------------------ *\ Detail-alt \* ------------------------------------------------------------ */ .detail-alt { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } .detail-alt address { font-size: 16px; line-height: 1.38; text-transform: uppercase; } @media (max-width: 1023px) { .detail-alt address { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt address { line-height: 1.4; font-size: 16px; } } .detail-alt p { margin-bottom: 5px; text-transform: uppercase; } @media (max-width: 1023px) { .detail-alt p { font-size: 14px; } } @media (max-width: 1023px) { .detail-alt a { font-size: 14px; } } .detail-alt svg { fill: #c11304; width: 15px; height: 15px; margin-right: 17px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt svg { margin-right: 0; } } .detail-alt .detail__content { font-size: 16px; line-height: 1.38; } @media (max-width: 1023px) { .detail-alt .detail__content { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt .detail__content { padding-top: 2px; } } .detail-alt .detail__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt .detail__image { margin-right: 20px; width: 48px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .detail-alt .detail__image img { margin-right: 17px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt .detail__image img { margin-right: 0; } } .detail-alt .details__line { height: 100%; background-color: #c11304; width: 2px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail-alt .details__line { position: absolute; height: 100%; right: 0; top: 0; } } /* ------------------------------------------------------------ *\ Detail \* ------------------------------------------------------------ */ .detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; max-width: 328px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail { text-align: center; margin: auto; max-width: 100%; } } .detail address { font-size: 15px; line-height: 1.47; } @media (max-width: 1199px) { .detail address { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail address { font-size: 15px; margin-bottom: 8px; } } .detail p { font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 0; } @media (max-width: 1023px) { .detail p { font-size: 13px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail p { font-size: 14px; margin-bottom: 5px; } } .detail a { font-weight: 400; font-family: "Oswald", "Times New Roman", Times, serif; font-size: 22px; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition: opacity .3s; } @media (max-width: 1199px) { .detail a { font-size: 20px; } } @media (max-width: 1023px) { .detail a { font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail a { display: inline-block; font-size: 24px; margin-bottom: 13px; } } .detail a:hover { opacity: 0.75; } .detail svg { fill: #fff; height: 12px; width: 12px; } .detail .detail__time { font-size: 20px; line-height: 1.5; font-family: "Oswald", "Times New Roman", Times, serif; } @media (max-width: 1023px) { .detail .detail__time { font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail .detail__content { display: none; width: 100%; } } .detail .detail__image { height: 33px; width: 33px; min-width: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-right: 8px; } @media (max-width: 1023px) { .detail .detail__image { height: 30px; width: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail .detail__image { position: absolute; left: -9999px; top: -9999px; } } /* Detail Flexed */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail--flexed p { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail--flexed .detail__time { margin-left: 9px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .detail--flexed .detail__content { 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; } } /* ------------------------------------------------------------ *\ Details-alt \* ------------------------------------------------------------ */ .details-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details-alt { display: block; } } .details-alt .details__item + .details__item { padding: 0 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details-alt .details__item + .details__item { padding: 0; margin-top: 33px; } } /* ------------------------------------------------------------ *\ Details \* ------------------------------------------------------------ */ .details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; margin: 0 -10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1199px) { .details { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } } @media (max-width: 1023px) { .details { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .details .details__item + .details__item { margin-left: 6px; } .details .details__item { position: relative; padding-left: 6px; } .details .details__item--dropdown:focus, .details .details__item--dropdown:hover { outline: none; padding: 11px 25px 11px 4px; /* margin: -13px -27px -13px 0px; */ } @media (max-width: 1257px) { .details .details__item--dropdown:focus, .details .details__item--dropdown:hover { padding: 11px 0px 11px 4px; margin: -13px -2px -13px 0px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details .details__item--dropdown:focus, .details .details__item--dropdown:hover { padding: 0; margin: 0; border: none; outline: 2px solid #113796; } } .details .details__item.is-focused .dropdown { opacity: 1; pointer-events: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details .details__order-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details .details__order-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details .details__order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display:none !important;} } .details .details__order-3 { padding: 11px 25px 11px 4px; } @media (max-width: 1199px) { .details .details__space { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } } @media (max-width: 1023px) { .details .details__space { -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; } } .details .details__actions { text-align: center; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .details .details__actions { margin: 14px 0 3px; } } /* ------------------------------------------------------------ *\ Dropdown \* ------------------------------------------------------------ */ .sub { position: absolute; top: 100%; left: 0; background-color: #fff; width: 300px; z-index: 25; opacity: 0; pointer-events: none; -webkit-transition:opacity .3s, height .3s; -o-transition:opacity .3s, height .3s; transition: opacity .3s, height .3s; background-color: #093191; padding: 19px 0 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub { width: 100%; padding: 0; } } @media (min-width: 767.02px) { .sub:focus, .sub:hover { pointer-events: auto; opacity: 1; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub { position: static; height: 0; opacity: 0; pointer-events: auto; overflow: hidden; } } .sub ul { display: block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub ul { width: 100%; } } .sub li + li { margin-top: 7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub li + li { margin-top: 0; } } .sub a { display: block; width: 100%; -webkit-transition:background-color .3s, color .3s; -o-transition:background-color .3s, color .3s; transition: background-color .3s, color .3s; font-size: 16px; text-transform: uppercase; line-height: 2.1; padding-left: 32px; position: relative; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub a { padding-left: 0; font-size: 15px; } } .sub a:hover { } .sub a:after { display: block; content: ''; bottom: -4px; height: 1px; width: calc(100% - 63px); left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); position: absolute; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .sub a:after { display: none; } } /** For hours dropdown **/ .dropdown { position: absolute; top: 100%; left: 0; width: 300px; z-index: 25; opacity: 0; pointer-events: none; -webkit-transition:opacity .3s, height .3s; -o-transition:opacity .3s, height .3s; transition: opacity .3s, height .3s; padding: 19px 0 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown { width: 100%; padding: 0; } } @media (min-width: 767.02px) { .dropdown:focus, .dropdown:hover { pointer-events: auto; opacity: 1; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown { position: static; height: 0; opacity: 0; overflow: hidden; } } .dropdown ul { display: block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown ul { width: 100%; } } .dropdown li + li { margin-top: 7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown li + li { margin-top: 0; } } .dropdown a { display: block; width: 100%; -webkit-transition:background-color .3s, color .3s; -o-transition:background-color .3s, color .3s; transition: background-color .3s, color .3s; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 2.1; background-color: #093191; padding-left: 32px; position: relative; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown a { color: #fff; padding-left: 0; font-size: 15px; } } .dropdown a:hover { background-color: #c52214; color: #fff; } .dropdown a:after { display: block; content: ''; bottom: -4px; height: 1px; width: calc(100% - 63px); left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); background-color: #1240ae; position: absolute; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown a:after { display: none; } } .dropdown--fluid { width: 200px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown--fluid { width: 100%; } } .dropdown--hours { width: calc(100%); top: calc(100% + -1px); left: -2px; } @media (max-width: 1257px) { .dropdown--hours { width: calc(100% + 4px); left: -2px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown--hours { position: absolute; height: auto; } } .dropdown--hours .dropdown__bridge { width: 100%; height: 9px; position: absolute; bottom: 100%; left: 0; } .dropdown--hours ul { list-style-type: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .dropdown--hours ul { padding: 17px 0px; } } .dropdown--hours li { padding-left: 28px; padding-right: 28px; text-transform: uppercase; letter-spacing: -0.03em; } @media (max-width: 1257px) { .dropdown--hours li { padding: 0 20px; } } .dropdown--hours li + li { margin-top: 14px; } /* ------------------------------------------------------------ *\ Has-drodown \* ------------------------------------------------------------ */ .has-dd { position: relative; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .has-dd.is-active .sub { height: 100%; overflow: auto; margin-top: 0; opacity: 1; padding: 15px 0; } } .has-dd.is-visible .sub { pointer-events: auto; opacity: 1; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .has-dd.is-visible .sub { height: 100%; overflow: auto; margin-top: 0; opacity: 1; padding: 15px 0; } } /** For hours dropdown **/ .has-dropdown { position: relative; } .has-dropdown.details__item:hover .dropdown { opacity: 1; pointer-events: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .has-dropdown.is-active .dropdown { height: 100%; overflow: auto; margin-top: 0; opacity: 1; padding: 15px 0; } } .has-dropdown.is-visible .dropdown { pointer-events: auto; opacity: 1; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .has-dropdown.is-visible .dropdown { height: 100%; overflow: auto; margin-top: 0; opacity: 1; padding: 15px 0; } } /* ------------------------------------------------------------ *\ Fields \* ------------------------------------------------------------ */ .field { font-size: 15px; padding: 20px 22px; border: 2px solid #bcbcbc; width: 100%; border-radius: 0; } .field:focus { outline: 1px solid #000; outline-color: #000; outline-style: auto; outline-width: 1px; border-radius: 10px; } /* Field textarea */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding-top: 67px; background-color: #111922; overflow: hidden; } @media (max-width: 1023px) { .footer { padding-top: 29px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer { padding-top: 32px; } } .footer .footer__inner { padding-bottom: 56px; } @media (max-width: 1023px) { .footer .footer__inner { padding-bottom: 34px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__inner { padding-bottom: 41px; } } .footer .footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .footer .footer__content { display: block; } } .footer .footer__logo { -webkit-box-flex: 0; -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; padding: 6px 0 0 2px; } @media (max-width: 1199px) { .footer .footer__logo { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 1023px) { .footer .footer__logo { margin-bottom: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__logo { padding: 0px 0 0 21px; margin-bottom: 37px; max-width: 100%; } } .footer .footer__logo img { max-width: 230px; width: 100%; } .footer .footer__info { /*max-width: 718px;*/ width: 100%; } @media (max-width: 1023px) { .footer .footer__info { padding: 0 18px; margin: auto; } } .footer .footer__nav { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; } @media (max-width: 1023px) { .footer .footer__nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__nav { margin-top: 52px; padding-right: 24px; } } .footer .footer__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .footer .footer__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__nav ul { max-width: 292px; margin: auto; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } } .footer .footer__nav li { text-transform: uppercase; font-size: 16px; line-height: 2.5; position: relative; } @media (max-width: 1023px) { .footer .footer__nav li { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__nav li { font-size: 13px; padding: 0 15px; line-height: 1.9; } } .footer .footer__nav li + li { margin-left: 48px; } @media (max-width: 1023px) { .footer .footer__nav li + li { margin-left: 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__nav li + li { margin-left: 0; } } .footer .footer__nav a:hover { color: #c11304; } .footer .footer__line { position: absolute; right: -28px; top: 0; } @media (max-width: 1023px) { .footer .footer__line { right: -12px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .footer__line { right: -2px; } } .footer .footer__nav li:last-child .footer__line { right: -99999px; top: -99999px; } .footer .footer__space { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media (max-width: 1023px) { .footer .footer__space { -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; } } /* ------------------------------------------------------------ *\ Form-newsletter \* ------------------------------------------------------------ */ .form-newsletter .form__head { margin-bottom: 45px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__head { margin-bottom: 29px; } } .form-newsletter .form__title { font-size: 30px; line-height: 1.34; text-transform: uppercase; font-family: "Montserrat", "Times New Roman", Times, serif; color: #FFFFFF; margin-bottom: 11px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__title { text-align: center; font-size: 22px; line-height: 1.32; max-width: 218px; margin: 0 auto 14px; } } .form-newsletter .form__underline { width: 181px; background-color: #0c3592; height: 4px; display: block; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__underline { width: 43px; background-color: #0c3592; height: 4px; display: block; margin: auto; } } .form-newsletter .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__row { display: block; margin: 0; } } .form-newsletter .form__col { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__col { max-width: 100%; padding: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__col + .form__col { margin-top: 13px; } } .form-newsletter .form__field { border-radius: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__field { padding: 9px 17px; } } .form-newsletter .form__body { margin-bottom: 40px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__body { padding: 0 16px 0; max-width: 500px; margin: 0 auto 16px; } } .form-newsletter .form__actions { padding-left: 3px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__actions { padding: 0 16px 0; max-width: 500px; margin: auto; } } .form-newsletter .form__btn { font-size: 20px; line-height: 2; padding: 12px 33px; text-transform: uppercase; color: #fff; background-color: #c11304; -webkit-transition:background-color .3s; -o-transition:background-color .3s; transition: background-color .3s; font-family: "Montserrat", "Times New Roman", Times, serif; font-weight: 700; border: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .form-newsletter .form__btn { padding: 6px 33px; width: 100%; font-size: 22px; } } .form-newsletter .form__btn:hover { background-color: #113796; } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; /* Grid col 1of2 */ } .grid .grid__col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .grid .grid__col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { padding-top: 25px; position: relative; z-index: 10; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header { padding: 12px 0 0; } } .header .header__logo { padding-top: 7px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media (max-width: 1023px) { .header .header__logo { max-width: 160px; margin-bottom: 15px; padding: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__logo { margin-left: -4px; } } .header .header__info { padding: 6px 0 0 5px; margin-bottom: 17px; } @media (max-width: 1023px) { .header .header__info { padding-left: 0; margin-bottom: 15px; } } .header .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .header .header__inner { display: block; } } .header .header__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 1023px) { .header .header__actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__actions { position: absolute; right: 0; top: 0; height: 100vh; background-color: #fff; overflow: hidden; width: 0; -webkit-transition:width .3s, padding .3s; -o-transition:width .3s, padding .3s; transition: width .3s, padding .3s; padding: 70px 0; background-color: #0e3793; color: #fff; display: block; } } .header .header__actions.is-active { width: 90%; padding: 130px 7px 40px; overflow-y: auto; } .header .header__content { /* -webkit-box-flex: 0; * -ms-flex: 0 0 80%; * flex: 0 0 80%; * max-width: 80%; */} @media (max-width: 1199px) { .header .header__content { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } @media (max-width: 1023px) { .header .header__content { max-width: 100%; padding: 0; } } .header .header__review { position: absolute; top: 100%; right: 166px; } @media (max-width: 1199px) { .header .header__review { right: 37px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__review { position: static; margin: 0 -15px; } } .header_table {width:auto !important; float:right;} .header_table_row {padding-bottom:10px; } @media (max-width: 767px) { .header_table { display: none; } } /* ------------------------------------------------------------ *\ Hero \* ------------------------------------------------------------ */ .hero { background-repeat: no-repeat; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; padding: 212px 0 40px; } @media (max-width: 1199px) { .hero { min-height: auto; padding: 145px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero { padding-top: 54%; } } .hero .hero__inner { width: 100%; } .hero .hero__content { max-width: 615px; margin-left: auto; padding-bottom: 90px; } @media (max-width: 1199px) { .hero .hero__content { padding-bottom: 0; max-width: 500px; } } @media (max-width: 1023px) { .hero .hero__content { max-width: 444px; } } .hero .hero__title { text-transform: uppercase; font-size: 50px; line-height: 1.16; color: #fff; font-family: "Poppins", "Times New Roman", Times, serif; font-weight: 800; margin-bottom: 20px; text-shadow: -2px 4px 18px rgba(0, 0, 0, 0.5); } @media (max-width: 1199px) { .hero .hero__title { font-size: 42px; } } /* Hero Services */ .hero--services { min-height: auto; padding: 205px 0 203px; background-position: 15% 26%; } @media (max-width: 1023px) { .hero--services { padding: 130px 0; } } .hero--services .hero__title { font-size: 64px; line-height: 1.16; margin-bottom: 1px; font-weight: 800; font-family: "Poppins", "Times New Roman", Times, serif; } @media (max-width: 1023px) { .hero--services .hero__title { font-size: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero--services .hero__title { text-align: center; font-size: 36px; } } .hero--services .hero__content { max-width: 604px; padding-bottom: 0; } @media (max-width: 1199px) { .hero--services .hero__content { max-width: 482px; } } @media (max-width: 1023px) { .hero--services .hero__content { max-width: 400px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero--services .hero__content { max-width: 100%; } } .hero--services .hero__subtitle { font-size: 28px; line-height: 1.3; font-weight: 700; color: #fff; text-transform: uppercase; } @media (max-width: 1023px) { .hero--services .hero__subtitle { font-size: 25px; line-height: 1.2; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .hero--services .hero__subtitle { text-align: center; font-size: 20px; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; } .logo img { -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition: transform .3s, -webkit-transform .3s; } .logo img:hover { -webkit-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { padding-bottom: 30px; position: relative; overflow: hidden; } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map { width: 100%; padding-top: 46.9%; } @media (max-width: 1023px) { .map { padding-top: 70%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .map { padding-top: 98.4%; } } .map a { display: inline-block !important; } .map [tabindex="0"]:after { content: ''; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #fff; z-index: 55; opacity: 0; } .map [tabindex="0"]:focus:after { opacity: 1; } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 6px 0 0px; } @media (max-width: 1023px) { .nav { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; width: auto; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav { padding: 0 7px; margin-bottom: 25px; width: 100%; } } .nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .nav > ul { width: auto; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav > ul { display: block; text-align: center; width: 100%; } } .nav > ul > li > a { font-size: 18px; text-transform: uppercase; position: relative; } @media (max-width: 1199px) { .nav > ul > li > a { font-size: 16px; } } @media (max-width: 1023px) { .nav > ul > li > a { font-size: 15px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav > ul > li > a { color: #fff; } } .nav > ul > li > a img { position: absolute; right: -21px; top: 7px; -webkit-transition:top .3s, -webkit-transform .3s; transition:top .3s, -webkit-transform .3s; -o-transition:transform .3s, top .3s; transition:transform .3s, top .3s; transition: transform .3s, top .3s, -webkit-transform .3s; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav > ul > li > a img { -webkit-filter: brightness(5.5); filter: brightness(5.5); } } .nav .has-dd:hover svg { } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav .has-dd.is-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .nav .has-dd.is-visible svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav .has-dd:hover svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav > ul > li { padding: 10px 28px 25px 28px; } @media (max-width: 1199px) { .nav > ul > li { padding: 10px 17px 10px; margin-bottom: 12px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav > ul > li { margin-bottom: 25px; } } @media (min-width: 767.02px) { .nav > ul > li:focus a ~ .sub, .nav > ul > li:hover a ~ .sub { opacity: 1; pointer-events: auto; } } @media (min-width: 767.02px) { .nav > ul > li:focus img, .nav > ul > li:hover img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 5px; } } .nav > ul > li:hover { } .nav > ul > li:hover img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-filter: brightness(5.5); filter: brightness(5.5); } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav > ul > li:hover img { -webkit-transform: none; -ms-transform: none; transform: none; } } .nav > ul > li:hover a { } .nav > ul > li:hover .sub { } .nav li.is-current > a { text-decoration: underline; font-weight: bold; } .nav li.has-dd { padding: 10px 32px 6px 17px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav li.has-dd { padding: 8px 10px 8px 10px; } } .nav .nav__space { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: block; } @media (max-width: 1023px) { .nav .nav__space { -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; } } /* ------------------------------------------------------------ *\ Payments \* ------------------------------------------------------------ */ .payments { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .payments { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .payments { display: block; } } .payments p { text-transform: uppercase; margin-right: 26px; } @media (max-width: 1023px) { .payments p { font-size: 14px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .payments p { margin: 0 0 13px; font-size: 16px; } } .payments ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .payments ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 8px; margin-bottom: 26px; } } .payments li + li { margin-left: 14px; } @media (max-width: 1023px) { .payments li + li { margin-left: 8px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .payments li + li { margin-left: 14px; } } .payments img { -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; -o-transition:transform .3s; transition:transform .3s; transition: transform .3s, -webkit-transform .3s; } .payments img:hover { -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Review \* ------------------------------------------------------------ */ .review { background-color: rgba(17, 55, 150, 0.8); color: #fff; padding: 8px 21px 8px 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 21px 3px 17px; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #113796; } } .review p { text-transform: uppercase; font-size: 13px; line-height: 1.85; margin-bottom: 1px; font-weight: 600; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .review p { margin-right: 9px; } } .review em { font-size: 12px; line-height: 1.83; font-style: normal; } .review .review__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -7px; margin-right: -5px; } .review .review__inner img { margin-right: 5px; } /* ------------------------------------------------------------ *\ Section-about \* ------------------------------------------------------------ */ .section-about { background-color: #f7f5f5; padding: 60px 0 64px; } @media (max-width: 1023px) { .section-about { padding: 51px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about { padding: 30px 0 35px; } } .section-about .section__inner { text-align: left; } .section-about .section__subtitle { text-transform: uppercase; font-weight: 600; font-size: 20px; line-height: 1.5; color: #000; margin-bottom: 12px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__subtitle { margin-bottom: 2px; } } .section-about .section__title { font-size: 36px; line-height: 0.83; text-transform: uppercase; margin-bottom: 29px; color: #000; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__title { font-size: 28px; line-height: 1.07; margin-bottom: 19px; } } .section-about .section__underline { width: 96px; background-color: #0c3592; height: 4px; display: block; margin: auto; } .section-about .section__head { font-family: "Montserrat", "Times New Roman", Times, serif; margin-bottom: 43px; } @media (max-width: 1023px) { .section-about .section__head { margin-bottom: 35px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__head { margin-bottom: 26px; } } .section-about .section__body { max-width: 900px; margin: auto; } .section-about .section__entry { /*font-size: 21px;*/ line-height: 1.52; font-weight: 300; margin-bottom: 48px; } @media (max-width: 1023px) { .section-about .section__entry { font-size: 19px; margin-bottom: 43px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__entry { font-size: 17px; line-height: 1.30; max-width: 90%; margin: 0 auto 26px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about .section__btn { padding: 8px 15px; } } /* ------------------------------------------------------------ *\ Section-articles \* ------------------------------------------------------------ */ .section-articles { padding: 70px 0 74px; overflow: hidden; } @media (max-width: 1023px) { .section-articles { padding: 40px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles { padding: 35px 0 40px; } } .section-articles .section__title { font-size: 28px; line-height: 1.07; text-transform: uppercase; text-align: center; margin-bottom: 18px; color: #000; font-family: "Montserrat", "Times New Roman", Times, serif; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles .section__title { font-size: 22px; line-height: 1.36; margin-bottom: 11px; } } .section-articles .section__head { margin-bottom: 53px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles .section__head { margin-bottom: 37px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles .section__body { padding: 0 5px 0 9px; } } .section-articles .section__actions { text-align: center; margin-top: 54px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles .section__actions { margin-top: 30px; } } .section-articles .section__underline { width: 43px; background-color: #133b99; height: 4px; display: block; margin: auto; } /* ------------------------------------------------------------ *\ Section-brakes \* ------------------------------------------------------------ */ .section-brakes { background-color: #f7f5f5; padding: 63px 0 48px; overflow: hidden; } @media (max-width: 1023px) { .section-brakes { padding: 40px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brakes { padding: 35px 0 26px; } } .section-brakes .section__title { text-align: center; text-transform: uppercase; font-size: 28px; line-height: 1.43; font-family: "Montserrat", "Times New Roman", Times, serif; max-width: 853px; margin: 0 auto 47px; } @media (max-width: 1023px) { .section-brakes .section__title { font-size: 23px; margin-bottom: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brakes .section__title { font-size: 19px; } } /* ------------------------------------------------------------ *\ Section-brands \* ------------------------------------------------------------ */ .section-brands { background-color: #f7f5f5; padding: 59px 0 45px; overflow: hidden; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brands { padding: 25px 0 30px; } } .section-brands .section__title { font-size: 30px; line-height: 1.34; font-family: "Montserrat", "Times New Roman", Times, serif; text-align: center; text-transform: uppercase; color: #000; margin-bottom: 16px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brands .section__title { font-size: 22px; line-height: 1.36; margin-bottom: 11px; } } .section-brands .section__underline { width: 84px; background-color: #0c3592; height: 4px; display: block; margin: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brands .section__underline { width: 42px; background-color: #0c3592; height: 4px; display: block; margin: auto; } } .section-brands .section__head { margin-bottom: 64px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brands .section__head { margin-bottom: 32px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-brands .section__body { margin: 0 -6px; } } /* ------------------------------------------------------------ *\ Section-coupons \* ------------------------------------------------------------ */ .section-coupons { padding: 45px 0; overflow: hidden; background-color: #f7f5f5; } @media (max-width: 1023px) { .section-coupons { padding: 20px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-coupons { padding: 19px 0; } } /* ------------------------------------------------------------ *\ Section-image-text \* ------------------------------------------------------------ */ .section-image-text { padding: 67px 0 76px; overflow: hidden; } @media (max-width: 1023px) { .section-image-text { padding: 35px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text { padding: 16px 0 25px; } } .section-image-text .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__inner { display: block; } } .section-image-text .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 50.8%; flex: 0 0 50.8%; max-width: 50.8%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__image { max-width: 100%; margin-bottom: 20px; } } .section-image-text .section__image img { width: 100%; } .section-image-text .section__content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 21px 4px 13px 59px; } @media (max-width: 1023px) { .section-image-text .section__content { padding: 10px 0 10px 32px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__content { padding: 0; } } .section-image-text .section__title { font-size: 28px; line-height: 1.32; font-family: "Montserrat", "Times New Roman", Times, serif; margin-bottom: 28px; text-transform: uppercase; } @media (max-width: 1023px) { .section-image-text .section__title { font-size: 23px; margin-bottom: 15px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__title { font-size: 19px; } } .section-image-text .section__entry { font-size: 19px; line-height: 1.48; } @media (max-width: 1023px) { .section-image-text .section__entry { font-size: 18px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-text .section__entry { font-size: 16px; } } /* ------------------------------------------------------------ *\ Section-map \* ------------------------------------------------------------ */ .section-map { padding: 48px 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map { padding: 26px 0; background-color: #f7f5f5; } } .section-map .section__title { font-size: 28px; line-height: 1.07; text-transform: uppercase; font-family: "Montserrat", "Times New Roman", Times, serif; margin-bottom: 18px; color: #000; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__title { font-size: 22px; line-height: 1.36; margin-bottom: 10px; } } .section-map .section__underline { width: 44px; height: 4px; display: block; margin: auto; } .section-map .section__head { margin-bottom: 43px; } .section-map .section__body { position: relative; } .section-map .section__actions { position: absolute; right: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: calc(100% - 30px); max-width: 298px; width: 100%; } @media (max-width: 1023px) { .section-map .section__actions { max-width: 240px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions { position: static; width: auto; min-width: 100%; margin: 0 -8px; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; background-color: #fff; } } .section-map .section__actions ul { height: 100%; width: 100%; background-color: #fff; list-style-type: none; padding: 34px 0 17px; overflow-y: auto; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions ul { padding: 18px 21px 22px 11px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 7px; -moz-column-gap: 7px; column-gap: 7px; } } .section-map .section__actions a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 21px; line-height: 2.4; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 33px; /*word-break: break-all;*/ text-transform: uppercase; } @media (max-width: 1023px) { .section-map .section__actions a { font-size: 17px; line-height: 1.3; padding: 10px 20px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions a { font-size: 15px; padding: 0 0 0 10px; line-height: 1.7; word-break: keep-all;} } .section-map .section__actions a:hover { background-color: #c11304; color: #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions a:hover { background-color: transparent; color: #c11304; } } .section-map .section__actions a:hover svg { fill: #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions a:hover svg { fill: #000; } } .section-map .section__actions li.is-active a { background-color: #c11304; color: #fff; font-weight: 600; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions li.is-active a { background-color: transparent; color: #c11304; } } .section-map .section__actions li.is-active svg { fill: #fff; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions li.is-active svg { fill: #000; } } .section-map .section__actions a svg { width: 11px; height: 15px; margin-right: 20px; -webkit-transition:fill; -o-transition:fill; transition: fill; min-width: 11px;} @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-map .section__actions a svg { margin-right: 8px; min-width:11px;} } /* ------------------------------------------------------------ *\ Section-newsletter \* ------------------------------------------------------------ */ .section-newsletter { padding: 63px 0; min-height: 508px; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } @media (max-width: 1023px) { .section-newsletter { min-height: auto; padding: 100px 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-newsletter { padding: 27px 0 35px; } } .section-newsletter .section__inner { max-width: 719px; } /* ------------------------------------------------------------ *\ Section-services \* ------------------------------------------------------------ */ .section-services { padding: 58px 0 72px; } @media (max-width: 1023px) { .section-services { padding: 40px 0 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services { padding: 35px 0 44px; } } .section-services .section__title { margin-bottom: 39px; } @media (max-width: 1023px) { .section-services .section__title { margin-bottom: 45px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services .section__title { margin-bottom: 31px; } } .section-services .section__title h2 { text-align: center; font-family: "Montserrat", "Times New Roman", Times, serif; font-weight: 700; line-height: 1.07; font-size: 28px; margin-bottom: 18px; text-transform: uppercase; color: #000; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services .section__title h2 { font-size: 22px; line-height: 1.36; margin-bottom: 11px; } } .section-services .section__underlined { width: 43px; height: 4px; background-color: #0c3592; color: #0c3592; display: block; margin: auto; } .section-services .section__content { margin-bottom: 33px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-services .section__content { margin-bottom: 18px; } } .section-services .section__actions { text-align: center; } /* ------------------------------------------------------------ *\ Section-testimonials \* ------------------------------------------------------------ */ .section-testimonials { padding: 59px 0 69px; background-color: #133b99; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials { padding: 31px 0 45px; } } .section-testimonials .section__title { margin-bottom: 68px; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__title { margin-bottom: 47px; } } .section-testimonials .section__title h2 { font-size: 28px; line-height: 1.07; text-transform: uppercase; font-family: "Montserrat", "Times New Roman", Times, serif; color: #fff; margin-bottom: 18px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__title h2 { font-size: 22px; line-height: 1.36; margin-bottom: 13px; } } .section-testimonials .section__inner-content { max-width: 1400px; margin: auto; padding: 0 60px; position: relative; } @media (max-width: 1023px) { .section-testimonials .section__inner-content { padding: 0 47px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__inner-content { padding: 0; position: static; } } .section-testimonials .section__prev img { margin-left: -3px; } .section-testimonials .section__arrows { position: absolute; left: 50%; top: calc(50% + 8px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 14px); } @media (max-width: 1023px) { .section-testimonials .section__arrows { width: calc(100% - 20px); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__arrows { width: 0; top: -99999px; left: -99999px; -webkit-transform: none; -ms-transform: none; transform: none; } } .section-testimonials .section__arrows a { display: block; width: 43px; height: 43px; border-radius: 50%; border: 2px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition: opacity .3s; } @media (max-width: 1023px) { .section-testimonials .section__arrows a { width: 35px; height: 35px; border: 1px solid #fff; } } .section-testimonials .section__arrows a:hover { opacity: .7; } .section-testimonials .section__content { margin: 0 auto 74px; max-width: 1187px; padding: 0 15px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__content { margin: 0 auto 35px; } } .section-testimonials .section__underline { width: 43px; background-color: #fff; height: 4px; display: block; margin: auto; } .section-testimonials .section__actions { text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .section__btn { font-size: 13px; line-height: 1.31; padding: 10px 10px; } } .list-stars { list-style-type: none; } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select select::-ms-expand { display: none; } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { border: 1px solid #bfbfbf; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 35px 10px 31px; height: 100%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service { padding: 15px 10px 15px; } } .service p { text-transform: uppercase; font-size: 17px; line-height: 1.76; text-align: center; color: #000; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service p { font-size: 15px; } } .service .service__content { max-width: 100%; } .service .service__image { width: 100%; min-height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .service .service__image { max-width: 50px; margin: auto; } } /* ------------------------------------------------------------ *\ Services \* ------------------------------------------------------------ */ .services { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .services .services__item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 7px; margin-bottom: 12px; } @media (max-width: 1023px) { .services .services__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .services .services__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 13px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: calc( 1250px + 15px * 2); padding-left: 15px; padding-right: 15px; margin: auto; width: 100%; } /* Shell Fluid */ .shell--fluid { max-width: none; } .shell ul { list-style-position: inside; } /* ------------------------------------------------------------ *\ Skip \* ------------------------------------------------------------ */ .skip { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .skip:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { margin-right: 10px; } .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .socials ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .socials li { width: 31px; height: 31px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7px 0; } .socials li + li { margin-left: 7px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .socials li + li { margin-left: 30px; } } .socials svg { fill: #fff; height: 16px; width: 16px; } .socials a { -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition: opacity .3s; display: inline-block; } .socials a:hover { opacity: .75; } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { text-align: center; } .testimonial .testimonial__title { 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; margin-bottom: 11px; } .testimonial .testimonial__title h3 { text-transform: uppercase; font-size: 19px; line-height: 1.32; font-weight: 600; position: relative; } .testimonial .testimonial__title h3 img { position: absolute; left: -34px; top: -9px; } .testimonial .testimonial__image { height: 93px; width: 93px; border-radius: 50%; overflow: hidden; margin: 0 auto 23px; } .testimonial .testimonial__entry { max-width: 400px; margin: 0 auto 0; font-size: 18px; line-height: 1.28; margin-bottom: 27px; } @media (max-width: 1023px) { .testimonial .testimonial__entry { font-size: 16px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial .testimonial__entry { font-size: 18px; } } .testimonial .testimonial__stars { margin-bottom: 12px; } .testimonial .testimonial__stars img { width: 16px; margin: 0 -2px; } .testimonial .testimonial__location { font-size: 16px; line-height: 1.56; font-weight: 500; } /* ------------------------------------------------------------ *\ Testimonials \* ------------------------------------------------------------ */ .testimonials { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -40px; } @media (max-width: 1023px) { .testimonials { margin: 0 -12px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonials { margin: 0; } } .testimonials .testimonials__item { padding: 0 40px; } @media (max-width: 1023px) { .testimonials .testimonials__item { padding: 0 12px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonials .testimonials__item { margin: auto; padding: 0 25px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; min-height: 100vh; } /* ------------------------------------------------------------ *\ Overwrites \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { padding: 24px 0 20px 80px; text-align:center; font-size:19px;} .breadcrumbs li:last-child { } .breadcrumbs li + li:before { content: ''; width: 32px; height: 11px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; top: -2px; margin: 0 10px; } .breadcrumbs a { text-decoration: none; } @media (max-width: 1023px) { .breadcrumbs { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Mobile Footer Overlay \* ------------------------------------------------------------ */ .btn-overlay { display: none; } @media (max-width: 812px) { .btn { height: 62px; line-height: 57px; padding: 0 10px; } .btn--mobile { display: block; } .btn--mobile-sm { font-size: 18px; height: 53px; line-height: 48px; } .btn-overlay { display: block; background-color: rgba(0,0,0,.55); position: fixed; left: 0; width: 100%; bottom: 0; z-index: 10; } .btn-overlay a { text-decoration: none; } .btn-overlay .btn__content { text-align: center; font-size: 29px; line-height: 1.2; padding: 29px 10px 46px; color: #fff; display: block; } .btn-overlay strong { font-weight: 300; display: block; } .btn-overlay span { display: inline-block; color: #e69138; font-size: 25px; font-weight: 700; display: block; } .btn-overlay .btn__close { position: absolute; top: 0px; right: 10px; color: #fff; font-size: 20px; } .btn-call { fill: #fff; } } @media (max-width: 812px) { .header .header__foot { text-align: center; color: orange; min-height: 107.5px; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .header__foot strong { margin-bottom: 5px; } } .header .header__bar { text-align: center; display: none; } @media (max-width: 812px) { .header .header__bar { display: block; color: #ebebeb; font-size: 10px; } } @media (max-width: 812px) { .list-logos-alt li { border: 2px solid #fff; width: 48px; height: 48px; display: inline-block; vertical-align: middle; margin: 0 14px; border-radius: 50%; position: relative; } } @media (max-width: 812px) { .list-logos-alt li svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 70%; max-height: 70%; width: 100%; height: auto; }} .dropdown--hours ul strong { display: inline-block; min-width: 40px; } .testimonial_table { width:100%;} .section-testimonials {clear: right;} .testimonial_col_1 { width:33%; } .testimonial_col_2 { width:33%; } .testimonial_col_3 { width:33%; } @media (max-width: 812px) { .testimonial_col_1 { width:100%; } .testimonial_col_2 { display:none; } .testimonial_col_3 { display:none; } } .header__content {width:100%;} #details_table {width:100%;} .footer__info ul { list-style-type: none; } .footer__content { text-align:center; } .footer__inner h3 { text-align:center; } .footer__info { font-size: 16px; text-transform: uppercase;} .copyright__inner p {margin-top:8px;} .copyright__inner p {margin-top:8px;} .copyright {max-width:1200px; text-align:center;margin:auto;padding-left: 15px; padding-right: 15px;} /* ------------------------------------------------------------ *\ New Footer \* ------------------------------------------------------------ */ .footer .shell { text-align: center; max-width: 1200px; } .footer-nav-links { margin-bottom: 35px; } .footer-nav-links ul { /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } .footer-nav-links > ul > li > a { margin-left: 15px; margin-right: 15px; } .footer-location-data { margin-bottom: 15px; } .footer-location-data > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; } .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; margin-bottom: 30px; } .footer-content-statement { margin-bottom: 15px; } .list-icons li { text-align: center; } .footer .list-icons li p { line-height: 1.6; } @media (max-width: 1023px) { .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; } } @media (max-width: 767px) { .footer-location-data > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; } .list-icons li + li { margin-top: 0px; } .footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; } } .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .copyright p { margin-bottom: 0px; font-size: 14px; } .copyright .list-payments { display: flex; } .copyright .list-payments li { display: inline-block; } @media (max-width: 767px) { .copyright { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Raleway', sans-serif; font-weight: 500; text-align: center; } .copyright p { flex: 0 1 100%; max-width: 100%; font-size: 14px; letter-spacing: 0; } .copyright .footer__payments { order: -1; text-align: center; margin-bottom: 10px; } .copyright .list-payments { align-items: center; } } /* ------------------------------------------------------------ *\ List Widgets \* ------------------------------------------------------------ */ .list-widgets { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 50px; } .list-widgets li { -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px; position: relative; } .list-widgets a { display: block; color: #fff; overflow: hidden; text-align: center;} .list-widgets a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .list-widgets img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .list-widgets p { margin-left: 0 !important; position: absolute; bottom: 0; left: 15px; right: 15px; background: rgba(23,23,23,.5); text-align: center; font-size: 14px; padding: 23px; } @media (max-width: 1200px) { .list-widgets { margin: 0 -10px; } .list-widgets li { padding: 0 10px; } .list-widgets p { left: 10px; right: 10px; } } @media (max-width: 767px) { .list-widgets { display: block; margin: 0 -20px; } .list-widgets li { max-width: 100%; margin-bottom: 5px; } .list-widgets p { margin-bottom: 0 !important; padding-bottom: 21px; padding-top: 19px; } } .list-widgets .section__col { display: block; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------------ *\ Section-Portfolio \* ------------------------------------------------------------ */ .section--portfolio { padding: 58px 0 72px; } @media (max-width: 1023px) { .section--portfolio { padding: 40px 0 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--portfolio { padding: 35px 0 44px; } } .section--portfolio .section__title { margin-bottom: 39px; } @media (max-width: 1023px) { .section--portfolio .section__title { margin-bottom: 45px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--portfolio .section__title { margin-bottom: 31px; } } .section--portfolio .section__title h2 { text-align: center; font-family: "Montserrat", "Times New Roman", Times, serif; font-weight: 700; line-height: 1.07; font-size: 28px; margin-bottom: 18px; text-transform: uppercase; color: #000; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--portfolio .section__title h2 { font-size: 22px; line-height: 1.36; margin-bottom: 11px; } } .section--portfolio .section__underlined { width: 43px; height: 4px; background-color: #0c3592; color: #0c3592; display: block; margin: auto; } .section--portfolio .section__content { margin-bottom: 33px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--portfolio .section__content { margin-bottom: 18px; } } .section--portfolio .section__actions { text-align: center; } .portfolio__image img { margin-bottom: 50px; width: 300px; height: 200px; }