[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}/* MIXINS */ @font-face { font-family: "configurator"; src: url("../fonts/configurator.eot"); src: url("../fonts/configurator.eot?#iefix") format("embedded-opentype"), url("../fonts/configurator.woff") format("woff"), url("../fonts/configurator.ttf") format("truetype"), url("../fonts/configurator.svg#configurator") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "configurator" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "configurator" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-check:before { content: "\61"; } .icon-info:before { content: "\62"; } .icon-issue-opened:before { content: "\63"; } .icon-person:before { content: "\64"; } .icon-chevron-down:before { content: "\65"; } .icon-chevron-left:before { content: "\66"; } .icon-chevron-right:before { content: "\67"; } .icon-chevron-up:before { content: "\68"; } .icon-three-bars:before { content: "\69"; } .icon-star:before { content: "\6a"; } .icon-star-half:before { content: "\6b"; } .icon-star-half-o:before { content: "\6c"; } .icon-star-o:before { content: "\6d"; } .icon-facebook-logo:before { content: "\6e"; } .icon-linkedin-logo:before { content: "\6f"; } .icon-instagram:before { content: "\70"; } .icon-info-circled:before { content: "\71"; } .icon-attention:before { content: "\72"; } .icon-twitter:before { content: "\73"; } .Hidden { display: none; } #calcSummary { position: fixed; bottom: 0; right: 30px; width: 400px; background: #fff; padding: 15px; overflow: hidden; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.1); z-index: 9; } #calcSummary #SummaryHTML.active div.SummaryRow { display: none; } #calcSummary #SummaryHTML.active .SummaryTitle:hover i { -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } #calcSummary #SummaryHTML.active .SummaryTitle i { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #calcSummary #SummaryHTML .SummaryTitle { position: relative; margin: -15px -15px 15px -15px; padding: 5px 15px; background: #e6b53c; color: #fff; cursor: pointer; } #calcSummary #SummaryHTML .SummaryTitle:hover i { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #calcSummary #SummaryHTML .SummaryTitle h2 { position: relative; font-size: 18px; font-style: normal; font-weight: 900; margin: 0; } #calcSummary #SummaryHTML .SummaryTitle i { position: absolute; top: 50%; right: 15px; font-size: 24px; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } #calcSummary #SummaryHTML #SummaryTotalPrice { font-size: 22px; font-weight: 900; margin: 15px -15px -15px -15px; padding: 15px; background: #ededed; } #calcSummary #SummaryHTML .SummaryRow { margin: 0 -30px; padding: 0 30px; display: flex; flex-flow: row wrap; background: #f8f8f8; line-height: 24px; } #calcSummary #SummaryHTML .SummaryRow:nth-child(2n) { background: transparent; } #calcSummary #SummaryHTML .SummaryRow span { width: 50%; display: block; padding: 5px; } #calcSummary #SummaryHTML .SummaryRow span.title { font-weight: 700; } #calcSummary #summaryLoader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: 2; } #calcSummary #summaryLoader img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) scale(0.4); -webkit-transform: translate(-50%, -50%) scale(0.4); -moz-transform: translate(-50%, -50%) scale(0.4); -o-transform: translate(-50%, -50%) scale(0.4); transform: translate(-50%, -50%) scale(0.4); } #calcSummary #summaryLoader.active { visibility: visible; opacity: 1; } div.FormQuoteWrapper { margin: 0; padding: 0; } div.FormQuoteWrapper#FormCalculatorNotification div.section-title:before { display: none; } div.FormQuoteWrapper div.FormRow div.FormField { border: none; } div.FormQuoteWrapper div.FormRow div.FormField input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: rgba(0, 0, 0, 0.05); } div.FormQuoteWrapper div.FormRow a:hover { color: #e6b53c; } .TippedInfo { display: inline-block; } div.FormExclamation { position: absolute; bottom: 0; right: 5px; height: 40px; line-height: 40px; width: 40px; text-align: center; color: #cf0007; font-size: 18px; cursor: pointer; } .FormError input { border: 1px solid #cf0007; } /* section#section-1 { background-image: url('../img/misc/Layer-605.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top center; border-bottom: none; } */ .Calculator { position: relative; } .Calculator .calc-block { position: relative; background: #e6b53c; /*background: rgba(#fff, 0.5);*/ width: auto; /*border: 2px solid rgba(#fff, 1);*/ margin: 0; padding: 30px; /*@include boxshadow;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /*backdrop-filter: blur(3px) saturate(100%) contrast(45%) brightness(130%);*/ } .Calculator .calc-block:before { background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%); /*content: '';*/ top: 0; left: 0; height: 100%; position: absolute; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .Calculator .calc-block .submit-alt { display: none; } .Calculator .calc-block .form-control { background: white; width: auto; } .Calculator .calc-block .FormRow { position: relative; line-height: 40px; font-size: 16px; margin-top: 10px; color: #000; /*color: #fff;*/ } .Calculator .calc-block .FormRow:first-child { margin: 0; } .Calculator .calc-block .FormRow input, .Calculator .calc-block .FormRow select { width: 40%; float: right; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px; } .Calculator .calc-block .FormRow .switch { width: 40%; float: right; } #calcQuick { position: relative; background-image: url("../img/misc/Layer-605.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; border-bottom: none; } #calcQuick .Calculator .calc-block { background: none; } #calcQuick .Calculator .calc-block:before { background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%); content: ''; top: 0; left: 0; height: 100%; position: absolute; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #calcQuick [class*="col-"] { position: relative; } #calcQuick .information { display: none; } #calcQuick .submit-alt { position: absolute; display: block !important; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #calcQuick .submit-alt .btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #calcQuick .section-nav { position: relative; display: none !important; top: auto; left: 0; bottom: 0; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .products-container { position: relative; } .products-container .products { position: relative; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -15px; } .products-container .products .options { width: calc(100% - 52px); height: 30px; border: 1px solid #ccc; position: relative; top: -90px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .products-container .products .options.jscolor { text-align: center; } .products-container .products .product { position: relative; width: calc(100% / 4); margin: 30px 0 0 0; } .products-container .products .product .Product { padding: 0; overflow: visible; background: transparent !important; } .products-container .products .product .Product .ProductContent { position: relative; margin: 0 15px; /*border: 1px solid $color2;*/ background: rgba(45, 72, 140, 0.05); height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; /*overflow: hidden;*/ } .FormAttachedProducts .products-container .products .product .Product .ProductContent { background: #fff; } .products-container .products .product .Product .ProductContent .ProductLabel { width: 85px; height: 85px; background: #f4f6f9; /*border: 1px solid #ddd;*/ position: absolute; right: -5px; top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; color: #2D488C; display: flex; align-items: center; justify-content: center; } .products-container .products .product .Product .ProductContent .ProductLabel div { line-height: 16px; font-size: 13px; } .products-container .products .product .Product .ProductContent .ProductLabel * { width: 100%; } .products-container .products .product .Product .ProductContent div.ProductImage { padding: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; } .products-container .products .product .Product .ProductContent div.ProductImage img { max-width: 100%; height: auto; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .products-container .products .product .Product div.ProductInfo { padding: 15px 15px 100px 15px; } .products-container .products .product .Product div.ProductInfo div.Title { text-align: center; font-weight: 700; height: auto; line-height: 20px; white-space: normal; } .products-container .products .product .Product div.ProductInfo div.Description { font-size: 14px; margin-top: 5px; text-align: center; height: auto; line-height: 20px; white-space: normal; } .products-container .products .product .Product div.ProductInfo div.Amount { position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; line-height: 40px; background: #e6b53c; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*border: 2px solid rgba(#fff, 0.3);*/ margin: 0; padding: 0 5px; min-height: 40px; } .products-container .products .product .Product div.ProductInfo div.Amount span.Price { display: block; font-size: 12px; text-align: center; } .products-container .products .product .Product div.ProductInfo div.Amount input { position: absolute; visibility: hidden; } .products-container .products .product .Product div.ProductInfo div.Amount:hover { border-color: #2D488C; color: #fff; background: #2D488C; /*@include boxshadow;*/ } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount { border: none; cursor: default; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: transparent !important; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount:hover { background: transparent; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount span { position: absolute; width: calc(100% - 122px); top: 0; left: 0; color: #000; line-height: 40px; display: block; background: transparent; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons { position: absolute; top: 0; right: 0; height: 40px; display: flex; align-items: center; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div { position: relative; width: 32px; height: 32px; margin-left: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 0; left: 0; background: transparent; border: 2px solid #e6b53c; color: #e6b53c; line-height: 26px; text-align: center; font-weight: 700; font-size: 28px; font-family: 'Open Sans', sans-serif; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div:hover { background: #2D488C; border-color: #2D488C; color: #fff; /*@include boxshadow;*/ } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount input { position: absolute; visibility: visible; top: 0; left: calc(50% - 39px); width: 78px; padding: 0 10px; text-align: right; background: rgba(45, 72, 140, 0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .products-container .products .product .Product.Active .ProductContent { background: #e6b53c; border-color: #e6b53c; /*@include boxshadow;*/ border-color: #fff; } .products-container .products .product .Product.Active div.ProductInfo { color: #000; } .products-container .products .product .Product.Active div.ProductInfo div.Amount { border-color: #2D488C !important; background: #2D488C !important; color: #fff !important; pointer-events: none; /*@include boxshadow;*/ } .products-container .products .product .Product.Active div.ProductInfo div.Amount span.Price { /*font-weight: 700;*/ } .products-container .products .product .Product:hover { color: inherit; } .products-container .products .product .Product:hover div.ProductContent { cursor: pointer; /*@include boxshadow;*/ border-color: #fff; -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .FormAttachedProducts .products-container .products .product .Product:hover div.ProductContent { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: rgba(45, 72, 140, 0.05); } .products-container .products .product .Product:hover div.ProductInfo div.Amount { /*border-color: rgba(#fff, 0.7);*/ /*color: #fff;*/ /*background: $yellow;*/ /*@include boxshadow;*/ border-color: #2D488C; color: #fff; background: #2D488C; } /* Switch */ div.row div.switch { float: right; width: 34%; height: 40px; } div.row div.switch label { width: 100% !important; height: 100%; padding: 0 !important; background: none !important; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; } div.row div.switch label:before, div.row div.switch label:after { left: 0; right: 0; } div.row div.switch label:before { content: "NEE"; color: rgba(0, 0, 0, 0.3); padding-left: 50%; text-align: center; background: rgba(255, 255, 255, 0.3); z-index: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } div.row div.switch label:after { content: "JA"; color: #000; text-align: center; width: 50%; z-index: 2; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } div.row div.switch input:checked + label:before { content: "JA"; padding-left: 0; padding-right: 50%; background: rgba(255, 255, 255, 0.3); } div.row div.switch input:checked + label:after { content: "NEE"; margin-left: 50%; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /* End switch */ div.InformationBar { width: auto; font-size: 14px; padding: 0 20px 0 70px; color: #000; background: rgba(45, 72, 140, 0.05); border-top: 2px solid #2D488C; margin: 0 0 30px 0; height: 50px; line-height: 50px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } div.InformationBar .DisplaySelectedItem { display: inline-block; } div.InformationBar:before { background: #2D488C; text-align: center; color: #fff; font-size: 24px; font-weight: normal; width: 48px; height: 48px; font-family: 'configurator'; content: '\71'; position: absolute; left: 0; top: 0; } .FormAttachedProducts div.InformationBar { /*display: none;*/ } .QuoteSummarySlideStatus { display: inline-block; background: rgba(0, 0, 0, 0.05); padding: 5px 15px; font-size: 14px; } div.SummarySlide { margin: 20px 0 0 0; } div.SummarySlide table { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 100%; font-size: 17px; border-spacing: 0px; overflow: hidden; } div.SummarySlide table thead { background: #e6b53c; } div.SummarySlide table thead tr { background: #e6b53c; } div.SummarySlide table thead tr td { background: #e6b53c; position: relative; padding: 0 15px; height: 40px; line-height: 40px; color: #FFF; } div.SummarySlide table tbody tr:nth-child(2n+2) td, div.SummarySlide table tbody tr:nth-child(2n+2) input { background: #f9f9f9; } div.SummarySlide table tbody tr { height: 40px; line-height: 40px; } div.SummarySlide table tbody tr.CustomQuote td { background: #FFF !important; } div.SummarySlide table tbody tr.CustomQuote td:first-of-type { text-align: center; } div.SummarySlide table tbody tr.NoBackground td { border: 0px; background: #FFF !important; } div.SummarySlide table tbody tr td { position: relative; padding: 0 15px; line-height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; } section.FormQuote { padding-bottom: 150px !important; } @keyframes glowing { 0% { top: -150px; } 100% { top: 100%; } } @keyframes glowingltr { 0% { left: -150px; } 100% { left: 100%; } } .section-nav, .submit-alt .alt-button { position: relative; border: 2px solid #2D488C; padding: 0 20px; height: 52px; line-height: 48px; font-size: 16px; font-weight: 600; font-family: 'Poppins', sans-serif; /*text-transform: uppercase;*/ text-decoration: none; color: #2D488C; cursor: pointer; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; overflow: hidden; z-index: 1; } .section-nav:before, .submit-alt .alt-button:before { position: absolute; top: -50px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 0; height: 0; border-style: solid; border-width: 150px 150px 0 150px; border-color: rgba(45, 72, 140, 0.1) transparent transparent transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; animation: glowing 2500ms infinite; z-index: -1; } .section-nav:after, .submit-alt .alt-button:after { position: relative; display: inline-block; margin-left: 10px; font-size: 22px; vertical-align: middle; content: '\67'; font-family: "clippingmasters"; display: none; } .section-nav:hover, .submit-alt .alt-button:hover { color: #fff; background: #2D488C; /*border-color: $blue;*/ text-decoration: none; } .section-nav:hover:before, .submit-alt .alt-button:hover:before { animation: glowing 1000ms infinite; border-color: rgba(255, 255, 255, 0.1) transparent transparent transparent; } .section-nav.activated, .submit-alt .alt-button.activated { /*animation: glowing 1000ms infinite;*/ } .section-nav.completed, .submit-alt .alt-button.completed { background: #e6b53c; border-color: rgba(0, 0, 0, 0.1); color: #fff; } .section-nav.completed:after, .submit-alt .alt-button.completed:after { content: '\61'; } .section-nav.filled, .submit-alt .alt-button.filled { border-color: rgba(255, 255, 255, 0.3); background: #e6b53c; color: #fff; } .section-nav.filled:before, .submit-alt .alt-button.filled:before { border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; } .section-nav.filled:hover, .submit-alt .alt-button.filled:hover { border-color: rgba(255, 255, 255, 0.7); background: #e6b53c; color: #fff; } .section-nav.block, .submit-alt .alt-button.block { display: block; text-align: center; } .section-nav.alt:before, .submit-alt .alt-button.alt:before { position: absolute; top: 50%; left: -50px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-width: 150px 0 150px 150px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.1); animation: glowingltr 2500ms infinite; } .section-nav.alt:hover:before, .submit-alt .alt-button.alt:hover:before { animation: glowingltr 1000ms infinite; border-color: transparent transparent transparent rgba(0, 0, 0, 0.1); } .section-nav.float, .submit-alt .alt-button.float { position: absolute; top: calc(100% + 30px); left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .section-nav.no-anim:before, .submit-alt .alt-button.no-anim:before { display: none; } .ProductsWrapper { margin: 0 !important; } .ProductsWrapper > section { border-bottom: 1px solid #ddd; padding-bottom: 110px !important; counter-increment: section; /*.section-nav { position: absolute; top: calc(100% + 30px); left: 50%; @include transform(translateX(-50%)); }*/ } .ProductsWrapper > section:before { position: absolute; content: ''; width: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.75); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: 1; } .ProductsWrapper > section .section-title.padding { padding: 0 15px; } .ProductsWrapper > section .section-title h2 { display: inline-block; } .ProductsWrapper > section .section-title:before { position: relative; display: inline-block; content: counter(section); margin-right: 10px; width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #e6b53c; text-align: center; line-height: 42px; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 700; color: #fff; top: -5px; left: 0; z-index: 3; } .ProductsWrapper > section > .container { position: relative; } .ProductsWrapper > section.active { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } .ProductsWrapper > section.active:before { opacity: 0; visibility: hidden; } .ProductsWrapper > section.active > .container:after { height: 60px; } .ProductsWrapper > section.completed:before { opacity: 0; visibility: hidden; } .ProductsWrapper > section.completed > .container:after { height: calc(100% + 170px); } div.fieldset div.form-row input { background: rgba(0, 0, 0, 0.05); } /*# sourceMappingURL=calculator.css.map */ /* MIXINS */ #cart_overview { position: relative; } #cart_overview .cart-products { position: relative; /*margin-bottom: 30px;*/ } #cart_overview .cart-products .cart-product { position: relative; display: flex; /*align-items: center;*/ font-size: 14px; border-bottom: 1px solid rgba(171, 173, 145, 0.25); } #cart_overview .cart-products .cart-product > div { position: relative; padding: 30px 15px; } #cart_overview .cart-products .cart-product h4 { margin: 0; font-weight: 600; } #cart_overview .cart-products .cart-product .cart-product-image { width: 20%; padding: 30px; } #cart_overview .cart-products .cart-product .cart-product-name { width: 35%; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories { position: relative; margin-bottom: 5px; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul { margin: 0; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul li { list-style: none; margin: 0; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul li a { text-decoration: none; color: rgba(45, 72, 140, 0.05); } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single { margin-bottom: 5px; line-height: 22px; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single h5 { font-weight: 600; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single .amount { font-size: 16px; font-weight: normal; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-stock { line-height: 22px; } #cart_overview .cart-products .cart-product .cart-product-name .cart-product-stock span { background: rgba(45, 72, 140, 0.05); color: #fff; padding: 0 10px; line-height: 24px; font-size: 12px; display: inline-block; } #cart_overview .cart-products .cart-product .totals { display: flex; width: 45%; } #cart_overview .cart-products .cart-product .cart-product-quantity { width: 50%; } #cart_overview .cart-products .cart-product .cart-product-quantity h4 { /*display: inline-block;*/ margin-bottom: 5px; } #cart_overview .cart-products .cart-product .cart-product-quantity .quantity { margin-bottom: 10px; /*display: inline-block;*/ } #cart_overview .cart-products .cart-product .cart-product-quantity .quantity input[type="number"] { width: 75px; height: 44px; border: none; background: rgba(0, 0, 0, 0.1); font-size: 16px; font-weight: 600; } #cart_overview .cart-products .cart-product .cart-product-totals { text-align: right; width: 50%; } #cart_overview .cart-products .cart-product .cart-product-totals .amount { font-size: 18px; font-weight: 600; } #cart_overview .cart-product-actions { position: relative; padding: 15px 0; vertical-align: middle; line-height: 34px; border-bottom: 1px solid rgba(171, 173, 145, 0.25); } #cart_overview .cart-product-actions .coupon { display: inline-block; } #cart_overview .cart-product-actions .coupon label { display: none; } #cart_overview .cart-product-actions .coupon input { background: rgba(0, 0, 0, 0.1); border: none; height: 34px; padding: 0 10px; } #cart_overview .cart-product-actions .update-cart { float: right; } /*# sourceMappingURL=woocommerce-cart.css.map */ /* MIXINS */ /* GENERAL WOOCOMMERCE STYLES */ .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 15px; line-height: 34px; background: rgba(0, 0, 0, 0.1); color: #000; font-size: 15px; border-top: 2px solid rgba(45, 72, 140, 0.05); } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { position: relative; top: auto; left: auto; margin-right: 10px; } .woocommerce a.button { position: relative; background-color: #5eb130; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none !important; padding: 0 25px; line-height: 34px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .woocommerce a.button.wc-forward:after { position: absolute; content: ''; display: none; top: 0; right: -17px; width: 0; height: 0; border-top: 17px solid transparent; border-left: 17px solid #5eb130; border-bottom: 17px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .woocommerce a.button:hover { color: #fff; background-color: #000; } .woocommerce a.button:hover:after { border-left-color: #000; } .archive-header { position: relative; background-color: #000; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 0; padding: 300px 0 0 0; } .archive-header h1 { color: #fff; margin: 0; font-weight: 600; /*text-shadow: 0 1px 15px rgba(0,0,0,0.6);*/ } #resultSort { position: relative; overflow: hidden; margin: -60px 0 60px 0; padding: 15px 0; line-height: 38px; /*background: $light;*/ font-size: 16px; font-weight: 600; border-bottom: 2px solid rgba(45, 72, 140, 0.05); /*@include boxshadow(0 5px 5px rgba(0,0,0,0.03));*/ } #resultSort p { margin: 0 !important; line-height: 38px; /*color: #fff;*/ } #resultSort .woocommerce-ordering { margin: 0 !important; } #resultSort .woocommerce-ordering .form-control { font-size: 16px; } #productAdditional { position: relative; font-size: 14px; } #productAdditional table.shop_attributes { border: none !important; } #productAdditional table.shop_attributes tr th { border: none !important; padding: 10px 15px; } #productAdditional table.shop_attributes tr td { border: none !important; } #productAdditional table.shop_attributes tr:nth-child(even) th, #productAdditional table.shop_attributes tr:nth-child(even) td { background: rgba(0, 0, 0, 0.1); } .term-description { margin-bottom: 0; font-size: 15px; } .term-description p { line-height: 22px; } .shop-sidebar { position: relative; margin: 0 0 30px 0; border: 1px solid #ddd; padding: 30px 0; } .shop-sidebar h3 { font-size: 22px; font-weight: normal; } .shop-sidebar .product-categories { margin-bottom: 0; } .shop-sidebar .product-categories li { position: relative; list-style: none; background: #fff; margin: 0 0 2px 0; line-height: normal; } .shop-sidebar .product-categories li:after { position: absolute; content: ''; width: 0; height: 2px; background: #5eb130; bottom: -1px; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .shop-sidebar .product-categories li a { text-decoration: none; display: block; padding: 10px 15px; } .shop-sidebar .product-categories li.current-cat:before { position: absolute; content: ''; width: 5px; height: 100%; top: 0; left: 0; background: #5eb130; } .shop-sidebar .product-categories li.current-cat:after { display: none; } .shop-sidebar .product-categories li:hover:after { width: 100%; } /* END GENERAL WOOCOMMERCE STYLES */ /* CART */ .woocommerce table.shop_table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; } .woocommerce table.shop_table tr th { background: #fff; font-weight: bold; padding: 18px 12px; } .woocommerce table.shop_table tr td { border-top: none; padding: 12px; } .woocommerce table.shop_table tr td input[type="number"] { line-height: 34px; border: none; background: rgba(0, 0, 0, 0.1); } .woocommerce table.shop_table tr.cart_item:nth-child(2n) td { background: rgba(0, 0, 0, 0.1); } .woocommerce table.shop_table tr.cart_item:nth-child(2n) td input[type="number"] { background: #fff; } .woocommerce table.shop_table tfoot tr td { border-top: 1px solid rgba(171, 173, 145, 0.25); padding: 15px; } .woocommerce table.shop_table tfoot tr td input { display: inline-block; } .woocommerce table.shop_table tfoot tr td input.form-control { width: auto; } .woocommerce table.shop_table.cart-totals tr th { padding: 12px 0; border-top: 1px solid #eee; border-bottom: none; } .woocommerce table.shop_table.cart-totals tr:first-child th { border-top: none; } .woocommerce table.shop_table.cart-totals tr.order-total th { font-weight: 700; } .woocommerce table.woocommerce-orders-table tr th { font-size: 14px; font-weight: 600; } .woocommerce .cart-collaterals { position: relative; margin-top: 30px; } .woocommerce .cart-collaterals .cross-sells { position: relative; width: auto; float: none; } .woocommerce .cart-collaterals .cross-sells ul.products li.product { width: calc(50% - 15px) !important; } .woocommerce .cart-collaterals .cart_totals { position: relative; border-top: 2px solid #5eb130; padding: 30px; width: auto; float: none; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } /* END CART */ /* CHECKOUT */ form.woocommerce-checkout .form-row, form#order_review .form-row { display: block; } form.woocommerce-checkout .form-row .woocommerce-input-wrapper, form#order_review .form-row .woocommerce-input-wrapper { display: block; } form.woocommerce-checkout #customer_details, form#order_review #customer_details { position: relative; margin-bottom: 30px; padding: 30px; background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } form.woocommerce-checkout #payment, form#order_review #payment { position: relative; background: rgba(0, 0, 0, 0.05); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /*@include boxshadow(0 1px 2px rgba(0,0,0,0.2));*/ padding: 30px 30px 15px 30px; } form.woocommerce-checkout #payment ul.wc_payment_methods, form#order_review #payment ul.wc_payment_methods { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding: 0 0 15px 0; } form.woocommerce-checkout #payment ul.wc_payment_methods li, form#order_review #payment ul.wc_payment_methods li { margin: 0; list-style: none; } form.woocommerce-checkout #payment .form-row, form#order_review #payment .form-row { margin: 0; padding: 0; } form.woocommerce-checkout #payment .form-row .btn, form#order_review #payment .form-row .btn { /*margin-right: -30px;*/ } /* END CHECKOUT */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: auto; float: none; } .woocommerce div.product form.cart div.quantity { float: none; margin: 0 0 0 20px; } .woocommerce div.product form.cart { margin-bottom: 0; } /* START MYACCOUNT */ .woocommerce .woocommerce-MyAccount-navigation { position: relative; width: 20%; } .woocommerce .woocommerce-MyAccount-navigation ul li { list-style: none; margin: 0 0 2px 0; display: block; } .woocommerce .woocommerce-MyAccount-navigation ul li a { display: block; padding: 8px 15px; background: rgba(0, 0, 0, 0.1); text-decoration: none; font-weight: 600; font-size: 14px; color: #000; } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background: rgba(0, 0, 0, 0.2); } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; background: #5eb130; } .woocommerce .woocommerce-MyAccount-content { width: 78%; } .woocommerce .woocommerce-MyAccount-content .btn-small { font-size: 12px; margin: 2px; padding: 0 10px; } .woocommerce section.woocommerce-order-details { padding: 0; } .woocommerce section.woocommerce-order-details table { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } .woocommerce section.woocommerce-order-details table tr th { font-size: 14px; font-weight: 600; border-bottom: none; } .woocommerce section.woocommerce-order-details table tr td { font-size: 14px; } .woocommerce section.woocommerce-customer-details { padding: 0; } .woocommerce section.shipping-calculator-form { padding: 0; } .woocommerce .woocommerce-checkout-review-order-table tr th { font-size: 14px; font-weight: 600; border-bottom: none !important; } .woocommerce .woocommerce-checkout-review-order-table tr td { font-size: 14px; } .woocommerce .wc-address { position: relative; background: rgba(0, 0, 0, 0.1); padding: 15px; font-size: 14px; font-weight: normal; } .woocommerce .form-block { position: relative; background: #fff; margin-bottom: 30px; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid #5eb130; } .woocommerce .form-block h4 { font-weight: 600; } .woocommerce .default-form { position: relative; background: #fff; margin-bottom: 30px; padding: 15px; border: 1px solid rgba(171, 173, 145, 0.25); border-bottom: 2px solid #5eb130; } .woocommerce .default-form h4 { font-weight: 600; } .woocommerce .form-group-custom .block { display: block; width: 100%; } .woocommerce .form-group-custom .woocommerce-input-wrapper { width: 100%; display: block; } .woocommerce .form-group-custom .woocommerce-input-wrapper input { width: 100%; display: block; } .woocommerce-error, .woocommerce-info .woocommerce-message { line-height: normal; } .woocommerce-error li, .woocommerce-info .woocommerce-message li { line-height: normal; } .woocommerce-error:before, .woocommerce-info .woocommerce-message:before { float: left; margin-top: 3px; } /* END MYACCOUNT */ /*# sourceMappingURL=woocommerce.css.map */ /* MIXINS */ body { font-family: 'Inter', sans-serif; counter-reset: section; font-size: 14px; } h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; color: #2D488C; } h1 { font-size: 3rem; line-height: 3rem; font-weight: 700; /*text-transform: uppercase;*/ margin: 0 0 0.25em 0; color: #e6b53c; } h2 { font-size: 2.25rem; line-height: 2.25rem; font-weight: 700; /*text-transform: uppercase;*/ margin: 0 0 0.25em 0; } h3 { font-size: 24px; font-weight: 700; margin: 0 0 0.25em 0; padding: 0; } h4 { font-size: 18px; font-weight: 700; font-style: normal; margin: 0; padding: 0; } p { line-height: 22px; /*font-size: 18px;*/ margin-bottom: 22px; } p:last-child { margin-bottom: 0; } ol, ul { margin-bottom: 22px; } ol li, ul li { list-style: disc; margin-left: 20px; line-height: 22px; } ol li { list-style: decimal; } a { color: #004c99; } a:hover { color: #004c99; } .btn { position: relative; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 700; font-style: normal; text-transform: uppercase; color: #004c99; display: inline-block; background: transparent; border: 2px solid #004c99; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 42px; line-height: 38px; padding: 0 15px; text-decoration: none !important; } .btn:hover { background: #004c99; color: #fff; border-color: rgba(255, 255, 255, 0.7); } .btn.btn-go { background: #004c99; border: 2px solid rgba(255, 255, 255, 0.3); color: #fff; } .btn.btn-go:hover { border-color: rgba(255, 255, 255, 0.7); /*@include boxshadow;*/ } .btn.btn-italic { font-style: italic; } .btn.btn-small { height: 30px; line-height: 26px; font-size: 14px; } .btn.btn-white { color: #fff; border-color: #fff; background-color: transparent; } .btn.btn-white:hover { border-color: #fff; color: #004c99 !important; background: #fff; } .btn.btn-filled { background: #004c99; color: #fff; border-color: rgba(255, 255, 255, 0.3); } .btn.btn-filled:hover { border-color: rgba(255, 255, 255, 0.7); background: #004c99; color: #fff; } .btn[class*="btn-dir-"] { padding-right: 30px; } .btn[class*="btn-dir-"]:after { position: absolute; top: 50%; right: 10px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; line-height: 16px; text-align: center; display: block; font-size: 12px; font-family: "schuttinggigant" !important; content: '\61'; font-style: normal; font-weight: normal; } .btn.btn-dir-right:after { content: '\63'; } .form-control { background: rgba(0, 0, 0, 0.1); padding: 0 15px; line-height: 40px; height: 40px; font-size: 16px; border: none; } .form-control.inline { width: auto; } i[class*='icon']:before { line-height: 2; } .full-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } section { position: relative; } section .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { /*padding: 0;*/ } section.content { padding: 60px 0; } section.single-content h2 { font-size: 26px; margin-bottom: 10px; color: #004c99; } section .section-title { position: relative; margin-bottom: 28px; } section .section-title h2 { color: #000; margin: 0; } section .section-title h3 { color: #004c99; font-size: 34px; } #mainContent section .section-title { /*font-size: 16px;*/ } #mainContent section .section-title h2 { font-size: 34px; font-style: normal; margin: 0; } #mainContent section .section-title p { /*font-size: 16px;*/ /*line-height: 24px;*/ margin: 15px 0 0 0; } section .textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: rgba(0, 0, 0, 0.05); width: 100%; font-family: 'Open Sans', sans-serif; font-size: 17px; max-height: 350px; padding: 20px; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } section.pink-bg { background-color: #004c99; color: #fff; } section.pink-bg .section-title h2 { color: #fff; } section.pink-bg .section-title h3 { color: #fff; } section#parts .cat-list { position: absolute; bottom: 0; } section.full { /*min-height: calc(100vh - 92px);*/ } section.active-section { background-color: #f8f8f8; } section .elementor-container table:not(.table) { width: 100%; margin: 0 0 20px; } section .elementor-container table:not(.table) tr td { padding: 5px 10px; background: rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.2); } section .elementor-container table:not(.table) tr:nth-child(even) td { background: rgba(0, 0, 0, 0.06); } section .elementor-container a { font-weight: 600; } header { width: 100%; height: 60px; } header div.logo { display: flex; justify-content: center; margin: 10px auto; } header div.logo img { margin: 0 auto; } #header { position: relative; background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } #header #topHeader { background: rgba(45, 72, 140, 0.05); font-size: 11px; } #header #topHeader .container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; height: 40px; } #header #topHeader ul.usps { margin: 0; padding: 0; font-size: 0; display: flex; flex-flow: row wrap; align-items: center; } #header #topHeader ul.usps li { position: relative; display: inline-block; display: flex; flex-flow: row wrap; align-items: center; font-size: 11px; list-style: none; margin: 0 15px 0 0; } #header #topHeader ul.usps li i { font-size: 16px; color: #e6b53c; margin-right: 5px; } #header #topHeader ul.usps li:last-child { margin: 0; } #header #topNav { position: relative; } #header #topNav > ul { margin: 0; padding: 0; font-size: 0; display: flex; flex-flow: row wrap; align-items: center; } #header #topNav > ul > li { position: relative; margin: 0 0 0 15px; font-size: 11px; list-style: none; display: flex; flex-flow: row wrap; align-items: center; } #header #topNav > ul > li > a { display: flex; flex-flow: row wrap; align-items: center; color: #000; } #header #topNav > ul > li > a:hover { text-decoration: none; color: #e6b53c; } #header #topNav > ul > li > a i { font-size: 16px; margin-right: 5px; } #header #mainHeader { position: relative; font-family: 'Poppins', sans-serif; padding: 20px 0; } #header #mainHeader .container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } #header #mainHeader .left-part, #header #mainHeader .right-part { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } #header #mainHeader #logoContainer { width: 205px; } #header #mainHeader #logoContainer img { max-width: 100%; } #header #mainHeader #mainNav { margin-left: 30px; } #header #mainHeader #mainNav > ul { margin: 0; padding: 0; font-size: 0; } #header #mainHeader #mainNav > ul > li { position: relative; margin: 0 0 0 30px; font-size: 1rem; font-weight: 700; list-style: none; display: inline-block; } #header #mainHeader #mainNav > ul > li > a { display: block; color: #000; } #header #mainHeader #mainNav > ul > li > a:hover { text-decoration: none; color: #e6b53c; } #header #mainHeader .reviews { position: relative; } #header #mainHeader .reviews .star-rating { display: flex; flex-flow: row wrap; align-items: center; } #header #mainHeader .reviews .star-rating .stars { color: #e6b53c; } #header #mainHeader .reviews .star-rating .rating { margin-left: 10px; line-height: 24px; } #header #mainHeader .reviews .star-rating .rating span { font-size: 20px; font-weight: 600; } #header #mainHeader .reviews .description { font-size: 12px; } #header #mainHeader .reviews .description a { color: #000; text-decoration: underline; } #header #mainHeader #miniCart { display: flex; flex-flow: row wrap; align-items: center; height: 40px; background: rgba(45, 72, 140, 0.05); margin-left: 30px; padding: 0 10px; font-size: 12px; } #header #mainHeader #miniCart i:before { line-height: 2; } #header #mainHeader #miniCart .cart { font-size: 20px; margin-right: 10px; } #header #mainHeader #miniCart:hover { background: #2D488C; color: #fff; cursor: pointer; } #breadcrumbBar { position: relative; background: #2D488C; color: #fff; } #breadcrumbBar .container { position: relative; display: flex; flex-flow: row wrap; align-items: center; } #breadcrumbBar .home { width: 40px; height: 40px; text-align: center; } #breadcrumbBar .home a { display: block; color: #fff; height: 40px; text-decoration: none !important; line-height: 40px; font-size: 20px; } #breadcrumbBar .home a:hover { background: #fff; color: #2D488C; } #breadcrumbBar .message { display: flex; align-items: center; justify-content: center; flex: 1; height: 40px; font-family: 'Poppins', sans-serif; font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); text-align: center; } #footer { position: relative; padding: 3em 0; background: #f4f6f9; } #footer h3 { margin-bottom: 0.5em; color: #000; } #payoff { position: relative; padding: 0.5em 0; background: rgba(45, 72, 140, 0.1); color: #2D488C; text-align: center; } /*# sourceMappingURL=z_main.css.map */ /* MIXINS */ @media screen and (max-width: 1024px) { #header #mainNav ul li a { line-height: 36px; padding: 0 10px; font-size: 14px; } #calcProgress .steps { display: block; } #calcProgress .steps .step { display: inline-block; width: 48px; } #calcProgress .steps .step:after { font-size: 50px; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #calcProgress .steps .step .content { display: none; } #calcProgress .steps .step.active { width: auto; } #calcProgress .steps .step.active .content { display: block; } #calcSummary { width: calc(40% - 30px); } .products-container .products .product { width: calc(100% / 4); } #cta .posts .post-item { width: calc((100% / 2) - 30px); } .posts.compact .post-item { width: calc((100% / 2) - 30px); } } @media screen and (max-width: 991px) { h1 { font-size: 34px; line-height: 34px; } h2 { font-size: 26px; line-height: 28px; margin-bottom: 5px; } h3 { font-size: 18px; } .btn { font-size: 14px; font-weight: 900; height: 32px; line-height: 28px; padding: 0 10px; } section .section-title { margin-bottom: 10px; } section .section-title h3 { font-size: 24px; } #header #logo { height: calc(100% - 30px); } #uspStroke { top: 90px; } .products-container .products .product { width: calc(100% / 3); } #cta .posts .post-item .content { /*position: relative;*/ } .posts .post-item .content h3 { font-size: 15px; } #partnerSlider.owl-carousel .owl-stage-outer { overflow: hidden; } #partnerSlider.owl-carousel .owl-dots { width: calc(100vw - 30px); line-height: 10px; } #footer .footer-row { display: block; } #footer .footer-row .contact-block { width: auto; display: flex; align-items: center; flex-flow: row wrap; margin: -75px 0 30px 0; padding: 15px 30px; } #footer .footer-row .contact-block img { width: 15%; max-width: none; margin: 0 30px; } #footer .footer-row .contact-block p { text-align: left; } #footer .footer-row .row { width: auto; margin: 0; } } @media screen and (max-width: 800px) { body { font-size: 14px; } h1 { /*font-size: 40px;*/ /*line-height: 40px;*/ } h2 { /*font-size: 32px;*/ /*line-height: 32px;*/ } p { font-size: 14px; line-height: 22px; margin-bottom: 22px; } div#header { width: 100%; height: 60px; } div#header #navToggle { position: absolute; top: 50%; left: 15px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #5eb130; color: #5eb130; background: transparent; } div#header #logo { position: relative; max-width: 220px; height: auto; top: auto; left: auto; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; /*left: 50%;*/ /*@include transform;*/ } div#header #topNav { position: absolute; width: calc(100% - 55px); height: auto; top: 50%; right: 0; z-index: 3; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div#header #topNav .container { height: auto; } div#header #topNav .container > .content { position: absolute; background: #000; padding: 5px; display: none !important; top: 47px; right: auto; left: -55px; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } div#header #topNav .container > .content > [class*="menu-"] > ul > li { /*display: block;*/ margin: 0 5px; } div#header #headerSep { position: absolute; bottom: -2px; left: 0; width: 100%; z-index: 2; } div#header div.languageSwitch { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 48px; overflow: visible; } div#header div.languageSwitch ul li { padding: 0; width: 24px; height: 24px; } div#header div.languageSwitch ul li:after { top: 0; left: 0; width: 100%; height: 100%; float: none; position: absolute; } div#header #mainNav { position: fixed; display: block; top: 60px; left: -400px; /*left: 0;*/ width: 300px; height: calc(100% - 60px); background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12); -moz-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12); box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12); z-index: 1; } div#header #mainNav .container { padding: 0; } div#header #mainNav ul { display: block; text-align: left; } div#header #mainNav ul li { display: block; border: none; border-bottom: 1px solid #ededed; } div#header #mainNav ul li a { color: #000 !important; font-size: 16px; font-weight: 700; line-height: 42px; padding: 0 15px; } div#header #mainNav ul li.special a { color: #fff !important; background: #5eb130 !important; } div#header #mainNav ul li.special:after { display: none; } div#header #mainNav.active { left: 0; } #extraNav { display: block; } #uspStroke { top: 60px; display: none; } #uspStroke ul { vertical-align: middle; padding: 5px 0; } #uspStroke ul li { line-height: 20px; font-size: 14px; } #pageContents { margin-top: 60px; } #slider .slide .content { position: relative; top: auto; left: auto; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; margin-bottom: 30px; } #slider .slide h2 { /*text-shadow: 0 1px 5px rgba(0,0,0,0.7);*/ } #slider .slide p.subtitle { font-size: 20px; line-height: 24px; } #slider .slide:after { background: rgba(0, 0, 0, 0.6); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.4)', endColorstr='rgba(0, 0, 0, 0.6)',GradientType=1 ); /* IE6-9 */ } .calc-block { width: auto; padding: 15px; } .calc-block .FormRow { height: auto; } .calc-block .FormRow .InputGroup { position: relative; top: auto; left: auto; right: auto; width: auto; display: block; overflow: hidden; } .calc-block .FormRow .InputGroup .InputField { float: left; } .calc-block .FormRow .InputGroup .InputField:last-child { float: right; } .calc-info { position: relative; width: auto; top: auto; left: auto; color: #fff; margin: 30px 0 0 0; } .calc-info p { margin-bottom: 12px; } .calc-info p:last-child { margin-bottom: 0; } div.FilterButtons { display: flex; align-items: stretch; justify-content: center; } div.FilterButtons a.FilterButton { flex: 1; flex-direction: column; justify-content: center; line-height: 20px; height: auto; padding: 10px 5px; } div.InformationBar { width: 100%; } div.InformationBar .DisplaySelectedItem { font-size: 14px; } #calcSummary { width: calc(100% - 30px); right: 15px; padding: 15px; } #calcSummary #SummaryHTML h2 { font-size: 18px; margin: -15px -15px 15px -15px; padding: 5px 15px; } #calcSummary #SummaryHTML #SummaryTotalPrice { font-size: 20px; margin: 15px -15px -15px -15px; padding: 5px 15px; } #calcSummary #SummaryHTML .SummaryRow span { float: right; } .calcBlock h2 { font-size: 26px; } .products-container .products { margin: 0 calc(-15px / 2); } .products-container .products .product { width: calc(100% / 2); margin-top: 15px; } .products-container .products .product .Product { padding: 0 calc(15px / 2); } .products-container .products .product .Product .ProductContent { margin: 0; } .products-container .products .product .Product div.ProductInfo { padding-bottom: 15px; } .products-container .products .product .Product div.ProductInfo div.Amount { position: relative; margin-top: 10px; bottom: auto; left: auto; width: auto; height: auto; display: block; line-height: 21px; font-size: 14px; padding: 5px 10px; } .ProductsWrapper > section { padding-top: 45px; } .ProductsWrapper > section.content { padding-bottom: 90px; } .ProductsWrapper > section > .container:before, .ProductsWrapper > section > .container:after { top: -45px; left: 0; width: 2px; height: calc(100% + 155px); } .ProductsWrapper > section > .container:after { height: 0; } .ProductsWrapper > section.active > .container:after { height: 45px; } div.InformationBar { height: auto; line-height: 22px; padding: 10px 15px 10px 36px; } div.InformationBar:before { top: 7px; left: -7px; line-height: 32px; width: 32px; height: 32px; font-size: 16px; } section.content, section#fastDelivery { padding: 30px 0; } section .section-title h3 { font-size: 24px; } section > .container > .row > [class*="col-"] { margin-top: 15px; margin-bottom: 15px; } section#parts .cat-list { position: relative; bottom: auto; } .cm-table { padding: 30px 10px; } .cat-list .inner .cat a { font-size: 14px; } #mainContent section .section-title h2 { font-size: 28px; } #mainContent section .section-title p { margin: 0; } #calcSummary #SummaryHTML .SummaryRow { display: none; } #footer { padding-bottom: 30px; } #footer .footer-row { display: block; } #footer .footer-row .row { width: auto; margin: 15px 0 0 0; } #footer .footer-row .contact-block { width: auto; margin-bottom: 30px; padding: 15px; } #footer .footer-row .contact-block p { font-size: 16px; line-height: 24px; } #footer [class*="col-"] { margin-bottom: 30px; } #footer [class*="col-"]:last-child { margin-bottom: 0; } #footer h3 { margin-bottom: 10px; } #footer .widget { margin-bottom: 25px; } } @media screen and (max-width: 767px) { #header #topNav .container > .content { /*display: none;*/ } } /*# sourceMappingURL=z_responsive.css.map */ /* * Tipped - A Complete Javascript Tooltip Solution - v4.4.2 * (c) 2012-2015 Nick Stakenburg * * http://www.tippedjs.com * * License: http://www.tippedjs.com/license */ .tpd-tooltip { position: absolute; } /* Fix for CSS frameworks that don't keep the use of box-sizing: border-box within their own namespace */ .tpd-tooltip, .tpd-tooltip [class^="tpd-"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Content */ .tpd-content-wrapper { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%; overflow: hidden; } .tpd-content-spacer, .tpd-content-relative, .tpd-content-relative-padder { float: left; position: relative; } .tpd-content-relative { width: 100%; } .tpd-content { float: left; clear: both; position: relative; padding: 10px; font-size: 14px; line-height: 16px; color: #fff; } .tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; } .tpd-tooltip .tpd-content-no-padding { padding: 0 !important; } .tpd-title-wrapper { float: left; position: relative; overflow: hidden; } .tpd-title-spacer { float: left; } .tpd-title-relative, .tpd-title-relative-padder { float: left; position: relative; } .tpd-title-relative { width: 100%; } .tpd-title { float: left; position: relative; font-size: 14px; line-height: 16px; padding: 10px; font-weight: bold; text-transform: uppercase; color: #fff; } .tpd-has-title-close .tpd-title { padding-right: 0 !important; } .tpd-close { position: absolute; top: 0; right: 0; width: 28px; height: 28px; cursor: pointer; overflow: hidden; color: #fff; } .tpd-close-icon { float: left; font-family: Arial, Baskerville, monospace; font-weight: normal; font-style: normal; text-decoration: none; width: 28px; height: 28px; font-size: 28px; line-height: 28px; text-align: center; } /* Skin */ .tpd-skin { position: absolute; top: 0; left: 0; } .tpd-content ul { list-style: none; } .tpd-frames { position: absolute; top: 0; left: 0; } .tpd-frames .tpd-frame { float: left; width: 100%; height: 100%; clear: both; display: none; } .tpd-visible-frame-top .tpd-frame-top { display: block; } .tpd-visible-frame-bottom .tpd-frame-bottom { display: block; } .tpd-visible-frame-left .tpd-frame-left { display: block; } .tpd-visible-frame-right .tpd-frame-right { display: block; } .tpd-backgrounds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .tpd-background-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none; } .tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; } .tpd-background-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } /* only the top background box should be shown when not using a stem */ .tpd-no-stem .tpd-background-box, .tpd-no-stem .tpd-shift-stem { display: none; } .tpd-no-stem .tpd-background-box-top { display: block; } .tpd-background-box-shift, .tpd-background-box-shift-further { position: relative; float: left; width: 100%; height: 100%; } .tpd-background { border-radius: 10px; float: left; clear: both; background: none; -webkit-background-clip: padding-box; /* Safari */ background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */ border-style: solid; border-width: 1px; border-color: #282828; border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */ } .tpd-background-loading { display: none; } /* no radius */ .tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; } .tpd-background-title { float: left; clear: both; width: 100%; background-color: #282828; } .tpd-background-content { float: left; clear: both; width: 100%; background-color: #282828; } .tpd-background-border-hack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid; } .tpd-background-box-top { top: 0; } .tpd-background-box-bottom { bottom: 0; } .tpd-background-box-left { left: 0; } .tpd-background-box-right { right: 0; } /* iframeshim IE6 */ .tpd-iframeshim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; zoom: 1; filter: alpha(opacity=0); opacity: 0; } /* Skin / Stems */ .tpd-shift-stem { position: absolute; top: 0; left: 0; overflow: hidden; } .tpd-shift-stem-side { position: absolute; } .tpd-frame-top .tpd-shift-stem-side, .tpd-frame-bottom .tpd-shift-stem-side { width: 100%; } .tpd-frame-left .tpd-shift-stem-side, .tpd-frame-right .tpd-shift-stem-side { height: 100%; } .tpd-stem { position: absolute; top: 0; left: 0; overflow: hidden; /* shows possible invalid subpx rendering */ width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */ height: 8px; margin-left: 3px; /* space from the side */ margin-top: 2px; /* space between target and stem */ -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } /* remove margins once we're done measuring */ .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; } .tpd-stem-spacer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tpd-stem-reset .tpd-stem-spacer { margin-top: 0; } .tpd-stem-point { width: 100px; position: absolute; top: 0; left: 50%; } .tpd-stem-downscale, .tpd-stem-transform { float: left; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; position: relative; } .tpd-stem-side { width: 50%; height: 100%; float: left; position: relative; overflow: hidden; } .tpd-stem-side-inversed { -webkit-transform: scale(-1,1); transform: scale(-1,1); } .tpd-stem-triangle { width: 0; height: 0; border-bottom-style: solid; border-left-color: transparent; border-left-style: solid; position: absolute; top: 0; left: 0; } .tpd-stem-border { width: 20px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #fff; /* will become transparent */ border-right-color: #fff; border-right-style: solid; border-right-width: 0; } .tpd-stem-border-corner { position: absolute; top: 0; left: 50%; height: 100%; border-right-style: solid; border-right-width: 0; } /* fixes rendering issue in IE */ .tpd-stem * { z-index: 0; zoom: 1; } /* used by IE < 9 */ .tpd-stem-border-center-offset, .tpd-stem-border-center-offset-inverse { float: left; position: relative; width: 100%; height: 100%; overflow: hidden; } .tpd-stem-notransform { float: left; width: 100%; height: 100%; position: relative; } .tpd-stem-notransform .tpd-stem-border { height: 100%; position: relative; float: left; top: 0; left: 0; margin: 0; } .tpd-stem-notransform .tpd-stem-border-center { position: absolute; } .tpd-stem-notransform .tpd-stem-border-corner { background: #fff; border: 0; top: auto; left: auto; } .tpd-stem-notransform .tpd-stem-border-center, .tpd-stem-notransform .tpd-stem-triangle { height: 0; border: 0; left: 50%; } /* transformations for left/right/bottom */ .tpd-stem-transform-left { -webkit-transform: rotate(-90deg) scale(-1,1); transform: rotate(-90deg) scale(-1,1); } .tpd-stem-transform-right { -webkit-transform: rotate(90deg) translate(0, -100%); transform: rotate(90deg) translate(0, -100%); } .tpd-stem-transform-bottom { -webkit-transform: scale(1,-1) translate(0, -100%); transform: scale(1,-1) translate(0, -100%); } /* Spinner */ .tpd-spinner { position: absolute; top: 50%; left: 50%; width: 46px; height: 36px; } .tpd-spinner-spin { position: relative; float: left; margin: 8px 0 0 13px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; -webkit-animation: tpd-spinner-animation 1.1s infinite linear; animation: tpd-spinner-animation 1.1s infinite linear; box-sizing: border-box !important; } .tpd-spinner-spin, .tpd-spinner-spin:after { border-radius: 50%; width: 20px; height: 20px; } @-webkit-keyframes tpd-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes tpd-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* show the loader while loading and hide all the content */ .tpd-is-loading .tpd-content-wrapper, .tpd-is-loading .tpd-title-wrapper { display: none; } .tpd-is-loading .tpd-background { display: none; } .tpd-is-loading .tpd-background-loading { display: block; } /* Resets while measuring content */ .tpd-tooltip-measuring { top: 0; left: 0; position: absolute; max-width: 100%; width: 100%; } .tpd-tooltip-measuring .tpd-skin, .tpd-tooltip-measuring .tpd-spinner { display: none; } .tpd-tooltip-measuring .tpd-content-wrapper, .tpd-tooltip-measuring .tpd-title-wrapper { display: block; } /* Links */ .tpd-tooltip a, .tpd-tooltip a:hover { color: #808080; text-decoration: underline; } .tpd-tooltip a:hover { color: #6c6c6c; } /* * Sizes */ /* x-small */ .tpd-size-x-small .tpd-content, .tpd-size-x-small .tpd-title { padding: 7px 8px; font-size: 10px; line-height: 15px; } .tpd-size-x-small .tpd-background { border-radius: 5px; } .tpd-size-x-small .tpd-stem { width: 12px; height: 6px; margin-left: 4px; margin-top: 2px; /* space between target and stem */ } .tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; } .tpd-size-x-small .tpd-close { margin-bottom: 1px; } .tpd-size-x-small .tpd-spinner { width: 35px; height: 29px; } .tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px; } .tpd-size-x-small .tpd-spinner-spin, .tpd-size-x-small .tpd-spinner-spin:after { width: 17px; height: 17px; } /* small */ .tpd-size-small .tpd-content, .tpd-size-small .tpd-title { padding: 8px; font-size: 10px; line-height: 16px; } .tpd-size-small .tpd-background { border-radius: 6px; } .tpd-size-small .tpd-stem { width: 14px; height: 7px; margin-left: 5px; margin-top: 2px; /* space between target and stem */ } .tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; } .tpd-size-small .tpd-close { margin: 2px 1px; } .tpd-size-small .tpd-spinner { width: 42px; height: 32px; } .tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px; } .tpd-size-small .tpd-spinner-spin, .tpd-size-small .tpd-spinner-spin:after { width: 18px; height: 18px; } /* medium (default) */ .tpd-size-medium .tpd-content, .tpd-size-medium .tpd-title { padding: 10px; font-size: 14px; line-height: 16px; } .tpd-size-medium .tpd-background { border-radius: 8px; } .tpd-size-medium .tpd-stem { width: 16px; /* best cross browser stem width is 2xheight, for a 90deg angle */ height: 8px; margin-left: 6px; /* space from the side */ margin-top: 2px; /* space between target and stem */ } .tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; } .tpd-size-medium .tpd-close { margin: 4px 2px; } /* ideal spinner dimensions don't cause movement op top and on the stem when switching to text using position:'topleft' */ .tpd-size-medium .tpd-spinner { width: 50px; height: 36px; } .tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px; } .tpd-size-medium .tpd-spinner-spin, .tpd-size-medium .tpd-spinner-spin:after { width: 20px; height: 20px; } /* large */ .tpd-size-large .tpd-content, .tpd-size-large .tpd-title { padding: 10px; font-size: 13px; line-height: 18px; } .tpd-size-large .tpd-background { border-radius: 8px; } .tpd-size-large .tpd-stem { width: 18px; height: 9px; margin-left: 7px; margin-top: 2px; /* space between target and stem */ } .tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; } .tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; } .tpd-size-large .tpd-spinner { width: 54px; height: 38px; } .tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px; } .tpd-size-large .tpd-spinner-spin, .tpd-size-large .tpd-spinner-spin:after { width: 20px; height: 20px; } /* Skins */ /* default (dark) */ .tpd-skin-dark .tpd-content, .tpd-skin-dark .tpd-title, .tpd-skin-dark .tpd-close { color: #fff; } .tpd-skin-dark .tpd-background-content, .tpd-skin-dark .tpd-background-title { background-color: #282828; } .tpd-skin-dark .tpd-background { border-width: 1px; border-color: #282828; border-color: rgba(255,255,255,.1); } /* line below the title */ .tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; } /* spinner */ .tpd-skin-dark .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; } /* links */ .tpd-skin-dark a { color: #ccc; } .tpd-skin-dark a:hover { color: #c0c0c0; } /* ThinkFresh */ .tpd-skin-ThinkFresh .tpd-content, .tpd-skin-ThinkFresh .tpd-title, .tpd-skin-ThinkFresh .tpd-close { text-align: center; font-family: "FlexoLight", Arial, Helvetica, sans-serif; color: #ffa500; font-size: 20px; line-height: 32px; padding: 15px; } .tpd-skin-ThinkFresh .tpd-content ul { margin: 0; padding: 0; } .tpd-skin-ThinkFresh .tpd-content ul li { list-style: none; } .tpd-skin-ThinkFresh .tpd-content h1, .tpd-skin-ThinkFresh .tpd-content h2, .tpd-skin-ThinkFresh .tpd-content h3 { background-color: #ffa500; color: #000; padding: 10px; margin: -15px -15px 0 -15px; font-size: 24px; border-radius: 8px 8px 0 0; } .tpd-skin-ThinkFresh .tpd-content h4 { clear: both; color: #444444; margin: 0 0 15px 0; font-size: 20px; line-height: 150%; font-family: "FlexoRegular", Arial, Helvetica, sans-serif; } .tpd-skin-ThinkFresh .tpd-content h4 strong { font-family: "FlexoBold", Arial, Helvetica, sans-serif; color: #d11f40; font-size: 30px; } .tpd-skin-ThinkFresh .tpd-content p { color: #000; font-size: 18px; line-height: 24px; margin: 15px 0 0 0; } .tpd-skin-ThinkFresh .tpd-content a { margin: 0 0 15px 0; color: #000; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); text-decoration: none; transition: 0.2s all ease-in-out; } .tpd-skin-ThinkFresh .tpd-content a:hover { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 1); text-decoration: none; transition: 0.2s all ease-in-out; } .tpd-skin-ThinkFresh .tpd-background-content { background-color: rgba(255,255,255,0.95); padding: 15px; } .tpd-skin-ThinkFresh .tpd-background { border-width: 0px; border-color: #fff; border-color: rgba(255,255,255,1); } .tpd-skin-ThinkFresh .tpd-background-title { background-color: rgba(255,255,255,0.95); } .tpd-skin-ThinkFresh .tpd-title-wrapper { left: 20px; border-bottom: 1px solid #c0c0c0; } .tpd-skin-ThinkFresh .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } /* fallback for no/disabled shadow */ .tpd-skin-ThinkFresh.tpd-no-shadow .tpd-background { border-color: #acacac; border-color: rgba(100,100,100,.3); } .tpd-skin-ThinkFresh .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-ThinkFresh a { color: #808080; } .tpd-skin-ThinkFresh a:hover { color: #6c6c6c; } /* light */ .tpd-skin-light .tpd-title, .tpd-skin-light .tpd-close { color: #333; } .tpd-skin-light .tpd-content { color: #333; font-size: 15px; line-height: 23px; padding: 15px; } .tpd-skin-light .tpd-background-content { background-color: #fff; } .tpd-skin-light .tpd-background { border-width: 0; border-color: #838383; border-color: rgba(0,0,0,0); } .tpd-skin-light .tpd-background-title { background-color: #f7f7f7; } .tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; } .tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); } /* fallback for no/disabled shadow */ .tpd-skin-light.tpd-no-shadow .tpd-background { border-color: #acacac; border-color: rgba(100,100,100,.3); } .tpd-skin-light .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-light a { color: #808080; } .tpd-skin-light a:hover { color: #6c6c6c; } /* gray */ .tpd-skin-gray .tpd-content, .tpd-skin-gray .tpd-title, .tpd-skin-gray .tpd-close { color: #fff; } .tpd-skin-gray .tpd-background-content, .tpd-skin-gray .tpd-background-title { background-color: #727272; } .tpd-skin-gray .tpd-background { border-width: 1px; border-color: #727272; border-color: rgba(255,255,255,.1); } .tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; } .tpd-skin-gray .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; } .tpd-skin-gray a { color: #ccc; } .tpd-skin-gray a:hover { color: #b6b6b6; } /* red */ .tpd-skin-red .tpd-content, .tpd-skin-red .tpd-title, .tpd-skin-red .tpd-close { color: #fff; } .tpd-skin-red .tpd-background-content { background-color: #e13c37; } .tpd-skin-red .tpd-background { border-width: 1px; border-color: #a30500; border-color: rgba(12,0,0,.6); } .tpd-skin-red .tpd-background-title { background-color: #e13c37; } .tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; } .tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-red .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; } .tpd-skin-red a { color: #ddd; } .tpd-skin-red a:hover { color: #c6c6c6; } /* green */ .tpd-skin-green .tpd-content, .tpd-skin-green .tpd-title, .tpd-skin-green .tpd-close { color: #fff; } .tpd-skin-green .tpd-background-content { background-color: #4aab3a; } .tpd-skin-green .tpd-background { border-width: 1px; border-color: #127c00; border-color: rgba(0,12,0,.6); } .tpd-skin-green .tpd-background-title { background-color: #4aab3a; } .tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; } .tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-green .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; } .tpd-skin-green a { color: #ddd; } .tpd-skin-green a:hover { color: #c6c6c6; } /* blue */ .tpd-skin-blue .tpd-content, .tpd-skin-blue .tpd-title, .tpd-skin-blue .tpd-close { color: #fff; } .tpd-skin-blue .tpd-background-content { background-color: #45a3e3; } .tpd-skin-blue .tpd-background { border-width: 1px; border-color: #1674b4; border-color: rgba(0,0,12,.6); } .tpd-skin-blue .tpd-background-title { background-color: #45a3e3; } .tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; } .tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-blue .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff; } .tpd-skin-blue a { color: #ddd; } .tpd-skin-blue a:hover { color: #c6c6c6; } /* lightyellow */ .tpd-skin-lightyellow .tpd-content, .tpd-skin-lightyellow .tpd-title, .tpd-skin-lightyellow .tpd-close { color: #333; } .tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; } .tpd-skin-lightyellow .tpd-background { border-width: 1px; border-color: #9d9c8c; border-color: rgba(8,8,0,.35); } .tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; } .tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; } .tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-lightyellow .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-lightyellow a { color: #777; } .tpd-skin-lightyellow a:hover { color: #868686; } /* lightblue */ .tpd-skin-lightblue .tpd-content, .tpd-skin-lightblue .tpd-title, .tpd-skin-lightblue .tpd-close { color: #333; } .tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; } .tpd-skin-lightblue .tpd-background { border-width: 1px; border-color: #7c868a; border-color: rgba(0,0,8,.35); } .tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; } .tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; } .tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-lightblue .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-lightblue a { color: #777; } .tpd-skin-lightblue a:hover { color: #868686; } /* lightpink */ .tpd-skin-lightpink .tpd-content, .tpd-skin-lightpink .tpd-title, .tpd-skin-lightpink .tpd-close { color: #333; } .tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; } .tpd-skin-lightpink .tpd-background { border-width: 1px; border-color: #8d817c; border-color: rgba(8,0,0,.35); } .tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; } .tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; } .tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-lightpink .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-lightpink a { color: #777; } .tpd-skin-lightpink a:hover { color: #868686; } /* ticketbizz */ .tpd-skin-ticketbizz .tpd-content, .tpd-skin-ticketbizz .tpd-title, .tpd-skin-ticketbizz .tpd-close { color: #444; padding: 20px; line-height: 22px; } .tpd-skin-ticketbizz .tpd-background-content { background-color: #fff; } .tpd-skin-ticketbizz .tpd-background { border-width: 1px; border-color: #838383; border-color: rgba(0,0,0,.3); } .tpd-skin-ticketbizz .tpd-background, .tpd-skin-ticketbizz .tpd-background-border-hack { border-radius: 3px; } .tpd-skin-ticketbizz .tpd-background-title { background-color: #f7f7f7; } .tpd-skin-ticketbizz .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; } .tpd-skin-ticketbizz .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } /* fallback for no/disabled shadow */ .tpd-skin-ticketbizz.tpd-no-shadow .tpd-background { border-color: #acacac; border-color: rgba(100,100,100,.3); } .tpd-skin-ticketbizz .tpd-spinner-spin { border-color: rgba(51,51,51,.2); border-left-color: #333; } .tpd-skin-ticketbizz strong { color: #d11f40; font-size: 18px; display: inline-block; padding-bottom: 10px; } .tpd-skin-ticketbizz a { color: #808080; } .tpd-skin-ticketbizz a:hover { color: #6c6c6c; } .tpd-skin-ticketbizz li { list-style: none; }