[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)}/* Calculator */ div.CalculatorWrapper { width: 100%; padding-top: 120px; position: relative; z-index: 10; } div.CalculatorWrapper div.Calculator { display: table; width: 100%; } div.CalculatorWrapper div.Calculator > div { display: table-cell; vertical-align: top; position: relative; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.CalculatorWrapper div.Calculator > div:after { display: block; content: ""; clear: both; } div.CalculatorWrapper div.Calculator div.CalculatorLeft { width: 65%; background: #f89d26; color: #FFF; padding-left: 145px; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon { position: absolute; top: 30px; left: 29px; font-size: 150px; line-height: 55%; } div.CalculatorWrapper div.Calculator div.CalculatorLeft h2 { color: #FFF; font-size: 30px; margin-bottom: 10px; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow { position: relative; margin-top: 13px; height: 40px; line-height: 40px; font-size: 20px; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow.TransportOptional { transition: ease-in-out 0.12s all; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow select, div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input { float: right; width: 34%; height: 40px; background: #FFF; border: 0px; padding-left: 15px; font-size: 20px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input { padding: 0 13px; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup { float: right; width: 34%; height: 100%; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup:after { display: block; content: ""; clear: both; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField { position: relative; float: left; width: 47.5%; margin-right: 5%; height: 100%; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:last-child { margin-right: 0 !important; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField input { width: 100%; color: #000; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:after { display: block; height: 100%; position: absolute; top: 0; right: 10px; color: #a9a9a9; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters:after { content: "m"; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters:after { content: "cm"; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters input, div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters input { padding-bottom: 2px; } div.CalculatorWrapper div.Calculator div.CalculatorRight { background: #FFF; padding-bottom: 135px; } div.CalculatorWrapper div.Calculator div.CalculatorRight h2 { font-size: 30px; } div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow { margin-top: 10px; margin-bottom: -1px; height: 20px; line-height: 20px; } div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow span { float: right; } div.CalculatorWrapper div.Calculator div.CalculatorRight a { display: block; margin-top: 20px; height: 40px; line-height: 36px; font-size: 20px; background: #f89d26; color: #FFF; border: 2px solid #f89d26; -webkit-transition: all .3s; transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } div.CalculatorWrapper div.Calculator div.CalculatorRight a:hover { color: #f89d26; background: #FFF; } div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon { display: inline-block; vertical-align: top; width: 50px; height: 36px; line-height: 33px; text-align: center; font-size: 26px; } /* Tipped */ div.Calculator div.TippedInfo { display: inline-block; vertical-align: bottom; margin-left: 5px; cursor: pointer; line-height: 17px; -webkit-transition: all .3s; transition: all .3s; } div.CalculatorLeft div.TippedInfo { height: 30px; opacity: 0.4; } div.CalculatorRight div.TippedInfo { height: 20px; color: #f89d26; margin-left: 10px; } /* Switch */ div.FormRow div.switch { float: right; width: 34%; height: 40px; } div.FormRow div.switch label { width: 100% !important; height: 100%; padding: 0 !important; background: none !important; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; } div.FormRow div.switch label:before, div.FormRow div.switch label:after { left: 0; right: 0; } div.FormRow 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.FormRow 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.FormRow div.switch input:checked + label:before { content: "JA"; padding-left: 0; padding-right: 50%; background: rgba(255,255,255,0.3); } div.FormRow 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; } a.SummarySpecifications { position: absolute; bottom: 79px; width: 83%; text-align: center; padding: 0 16px 0 0; background: #FFF !important; color: #f89d26 !important; } a.SummaryButtonQuote { position: absolute; bottom: 29px; width: 83%; text-align: center; padding: 0 16px 0 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } div.Shadow { -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35); } /* Form */ div.FormQuoteWrapper { background: #FFF; padding: 30px; margin-top: 50px; } div.FormQuoteWrapper:after { display: block; content: ""; clear: both; } div.FormQuoteWrapper div.FormRow { font-size: 17px; margin-bottom: 10px; } div.FormQuoteWrapper div.FormRow:after { display: block; content: ""; clear: both; } div.FormQuoteWrapper div.FormRow label { display: inline-block; width: 27%; float: left; height: 40px; line-height: 42px; } div.FormQuoteWrapper div.FormRow.FormRowAVG { margin-top: 20px; border-radius: 5px; border: 1px solid #dadada; background: #fafafa; padding: 10px 15px; position: relative; } div.FormQuoteWrapper div.FormRow.FormRowAVG div.FormExclamation { bottom: inherit; top: 6px; } div.FormQuoteWrapper div.FormRow.FormRowAVG input { display: inline-block; width: 16px; float: left; height: 30px; line-height: 30px; } div.FormQuoteWrapper div.FormRow.FormRowAVG label { display: inline-block; width: calc(100% - 36px); float: right; height: auto; line-height: 28px; cursor: pointer; } div.FormQuoteWrapper div.FormRow div.DutchZipcodeNotification { line-height: 42px; padding-left: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; } div.FormQuoteWrapper div.FormRow div.FormField, div.FormQuoteWrapper div.FormRow textarea { position: relative; display: inline-block; width: 73%; float: left; border: 1px solid #bbb; border-radius: 5px; font-size: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.FormQuoteWrapper div.FormRow textarea { padding: 0 13px; line-height: 30px; min-width: 73%; max-width: 73%; min-height: 80px; max-height: 230px; padding-top: 5px; } div.FormQuoteWrapper div.FormRow div.FormField input { width: 100%; border: 0px; font-size: 17px; height: 40px; padding: 0 13px 1px; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.FormQuoteWrapper a.SummaryButtonQuote { position: relative; width: 290px; bottom: auto; float: right; display: block; margin-top: 20px; height: 40px; line-height: 36px; font-size: 20px; background: #f89d26; color: #FFF; border: 2px solid #f89d26; -webkit-transition: all .3s; transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } div.FormQuoteWrapper a div.Icon { display: inline-block; vertical-align: top; width: 50px; height: 36px; line-height: 33px; text-align: center; font-size: 26px; } /* Summary Bar */ div.SummaryBar { display: block; position: fixed; bottom: -15%; left: 50%; z-index: 8; width: 550px; margin-left: -275px; height: 50px; background: #FFF; border: 1px solid #b6b6b6; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; transition: all 1s ease-in-out; } div.SummaryBar div.Loader { background: url(../images/misc/loader.gif) center center no-repeat rgba(255,255,255,0.9); width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; pointer-events: none; } div.SummaryBar a.Button { background: #f89d26; color: #FFF; padding: 0 20px; font-size: 22px; float: left; margin: 0; width: 48px; border-left: 1px solid #f89d26 !important; border-radius: 0px; height: 100%; width: 50%; line-height: 45px; border: 0px; bottom: 0; } div.SummaryBar a.Button div.Icon { display: inline-block; font-size: 26px; height: 36px; line-height: 45px; margin: 0; text-align: center; vertical-align: top; width: 50px; } div.SummaryBar a.Button:hover { background: #FFF; color: #f89d26; } div.SummaryBar div.Total { color: #000; float: left; height: 48px; line-height: 48px; padding: 0 20px; font-size: 22px; width: 50%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; } /* Validation */ div.FormError { border-color: #cf0007 !important; } div.FormExclamation { position: absolute; transform: rotate(180deg); bottom: 1px; right: 0; height: 40px; line-height: 36px; width: 40px; text-align: center; color: #cf0007; font-size: 22px; cursor: pointer; } .RedText{ color:#ff0000; } /* */ .FormAdminValue{ color: #ff0000; } /* 2 setting to use to show/hide manual/automatic wrappers */ .HideWrapper{ visibility: hidden; display: none; } .ShowWrapper{ visibility: visible; display: block; } /* Hide the QuoteSummarySlide */ .QuoteSummarySlideContent{ display: none; } .QuoteSummarySlideStatus{ cursor: pointer; } /* Responsive */ @media screen and (max-width: 930px) { div.CalculatorWrapper { padding-top: 90px; } div.CalculatorWrapper div.Calculator > div { display: block; width: 100% !important; } div.CalculatorWrapper div.Calculator div.CalculatorRight { padding-bottom: 30px; } div.CalculatorWrapper div.Calculator div.CalculatorRight a { position: relative; bottom: auto; width: 100%; } } @media screen and (max-width: 930px) and (min-width: 601px) { div.CalculatorWrapper div.Calculator div.CalculatorRight a { width: 290px; text-align: center; float: right; } div.CalculatorWrapper div.Calculator div.CalculatorRight a:last-of-type { margin-right: 0; } div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon { width: 40px; text-align: left; } } @media screen and (max-width: 600px) { div.FormQuoteWrapper a { width: 100%; } } @media screen and (max-width: 880px) { div.FormQuoteWrapper div.FormRow label, div.FormQuoteWrapper div.FormRow div.FormField, div.FormQuoteWrapper div.FormRow textarea { width: 100%; } div.FormQuoteWrapper div.FormRow textarea { min-width: 100%; max-width: 100%; } div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: 16% !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { width: 24% !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: 30% !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { width: 36% !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent { width: 48% !important; } div.FormQuoteWrapper div.FormRow div.FormField.MarginRight1Percent { margin-right: 2% !important; } } @media screen and (max-width: 710px) { div.CalculatorWrapper div.Calculator div.CalculatorLeft { padding: 30px; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon { display: none; } } @media screen and (max-width: 560px) { div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow { height: auto; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > select, div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > input, div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.switch, div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup { float: none; display: block; width: 100%; } div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup div.InputField { width: 49%; margin-right: 2%; } } @media screen and (max-width: 500px) { div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: calc(30% - 5px) !important; margin-right: 5px !important;} div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { display: none; } div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: calc(70% - 5px) !important; margin-right: 5px !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { width: 100% !important; margin-right: 0 !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent { width: calc(50% - 5px) !important; margin-right: 5px !important; } div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent.MarginRight1Percent, div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent.MarginRight1Percent { margin-bottom: 10px !important; } } @media screen and (max-width: 420px) { a.SummaryButtonQuote, a.SummarySpecifications { font-size: 4.5vw !important; } } @media screen and (max-width: 400px) { div.CalculatorWrapper div.Calculator > div { padding: 7.5vw !important; } div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon { width: 15vw; } } @media screen and (max-width: 360px) { div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow { font-size: 5.55vw; } }@font-face { font-family: 'RobotoCondensedBold'; src: url('../fonts/RobotoCondensedBold/RobotoCondensedBold.eot'); src: url('../fonts/RobotoCondensedBold/RobotoCondensedBold.eot') format('embedded-opentype'), url('../fonts/RobotoCondensedBold/RobotoCondensedBold.woff2') format('woff2'), url('../fonts/RobotoCondensedBold/RobotoCondensedBold.woff') format('woff'), url('../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf') format('truetype'), url('../fonts/RobotoCondensedBold/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/MontserratRegular/MontserratRegular.eot'); src: url('../fonts/MontserratRegular/MontserratRegular.eot') format('embedded-opentype'), url('../fonts/MontserratRegular/MontserratRegular.woff2') format('woff2'), url('../fonts/MontserratRegular/MontserratRegular.woff') format('woff'), url('../fonts/MontserratRegular/MontserratRegular.ttf') format('truetype'), url('../fonts/MontserratRegular/MontserratRegular.svg#Montserrat') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/MontserratSemiBold/MontserratSemiBold.eot'); src: url('../fonts/MontserratSemiBold/MontserratSemiBold.eot') format('embedded-opentype'), url('../fonts/MontserratSemiBold/MontserratSemiBold.woff2') format('woff2'), url('../fonts/MontserratSemiBold/MontserratSemiBold.woff') format('woff'), url('../fonts/MontserratSemiBold/MontserratSemiBold.ttf') format('truetype'), url('../fonts/MontserratSemiBold/MontserratSemiBold.svg#Montserrat') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "calculator"; src: url("../fonts/Calculator/calculator.eot"); src: url("../fonts/Calculator/calculator.eot?#iefix") format("embedded-opentype"), url("../fonts/Calculator/calculator.woff") format("woff"), url("../fonts/Calculator/calculator.ttf") format("truetype"), url("../fonts/Calculator/calculator.svg#Calculator") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IconFont"; src: url("../fonts/IconFont/iconfont.eot"); src: url("../fonts/IconFont/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/IconFont/iconfont.woff") format("woff"), url("../fonts/IconFont/iconfont.ttf") format("truetype"), url("../fonts/IconFont/iconfont.svg#IconFont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [data-icon]:before { font-family: "IconFont" !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: "IconFont" !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-info-circled:before { content: "\42"; font-family: "calculator" !important; } .icon-shopping-cart-add:before { content: "\61"; } .icon-angle-down:before { content: "\62"; } .icon-angle-up:before { content: "\63"; } .icon-envelope:before { content: "\64"; } .icon-edit:before { content: "\65"; } .icon-file-pdf:before { content: "\66"; } .icon-home:before { content: "\67"; } .icon-menu-burger:before { content: "\68"; } .icon-piggy-bank:before { content: "\69"; } .icon-angle-right:before { content: "\6a"; } .icon-user-gear:before { content: "\6b"; } .icon-wallet:before { content: "\6c"; } .icon-recycle:before { content: "\6d"; } .icon-search-doc:before { content: "\6e"; } .icon-leaf:before { content: "\6f"; } .icon-like:before { content: "\70"; } .icon-shopping-bag:before { content: "\71"; } .icon-shield-check:before { content: "\72"; } .icon-cross:before { content: "\73"; } .icon-search:before { content: "\74"; } .icon-shopping-cart:before { content: "\76"; } .icon-maps:before { content: "\77"; } .icon-user:before { content: "\78"; } .icon-check:before { content: "\79"; } .icon-phone:before { content: "\7a"; } .icon-users:before { content: "\41"; } .icon-trophy:before { content: "\42"; } .icon-restaurant:before { content: "\43"; } .icon-handshake:before { content: "\44"; } .icon-galaxy-star:before { content: "\45"; } .icon-flame:before { content: "\46"; } .icon-badget-check-alt:before { content: "\47"; } .icon-bulb:before { content: "\48"; } .icon-time-quarter-past:before { content: "\49"; } .icon-facebook:before { content: "\4a"; } .icon-instagram:before { content: "\4b"; } .icon-linkedin:before { content: "\4c"; } .icon-pinterest:before { content: "\4d"; } .icon-snapchat:before { content: "\4e"; } .icon-tiktok:before { content: "\4f"; } .icon-twitter:before { content: "\50"; } .icon-youtube:before { content: "\52"; } .icon-whatsapp:before { content: "\51"; } .icon-google:before { content: "\75"; }@charset "UTF-8"; /* MIXINS */ /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* GENERAL STYLES */ html, body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; } body { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; font-style: normal; line-height: normal; color: #000000; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'RobotoCondensedBold', sans-serif; font-weight: 400; } h1 { font-size: 45px; line-height: 45px; margin-bottom: 20px; } p { margin-bottom: 20px; line-height: 28px; } p:last-child { margin: 0; } ol, ul { margin-bottom: 28px; } ol li, ul li { line-height: 28px; list-style: disc; margin-left: 20px; } ol li { list-style: decimal; } a { text-decoration: underline; color: #000000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } a:hover { color: #000000; } a.full-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 2; } i:before { vertical-align: middle; } img { max-width: 100%; height: auto; vertical-align: middle; } strong { font-weight: 700; } em { font-style: italic; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .equal { display: flex; display: -webkit-flex; flex-wrap: wrap; } @media (min-width: 768px) { .row.equal { display: flex; flex-wrap: wrap; } } .table table { margin-bottom: 20px; } .table table tr:first-child td { border-top: 1px solid #dee2e6; } .table table tr:nth-child(odd) { background: rgba(0, 0, 0, 0.05); } .table table tr td { border-bottom: 1px solid #dee2e6; padding: .75rem; } #cookie-notice { z-index: 99999999999 !important; } #cookie-notice * { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; } #cookie-notice * span#cn-notice-text { margin: 10px !important; } .btn { width: fit-content; background: #24a74a; font-weight: 700; color: #fff; font-style: normal; padding: 12px 20px; text-decoration: none; border: 0px; -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: flex; align-items: center; justify-content: center; } #cookie-notice .btn { font-size: 13px; padding: 6px 12px; margin: 0 12px 0 !important; } .btn i { margin: 0 10px 0 0; } .btn i.icon-right { margin: 0 0 0 10px; } .btn.btn-black { background: #000000; } .btn.btn-black:hover { background: #24a74a; } .btn:hover { background: #91979c; color: #fff; } .btn.shopping-cart { position: relative; padding: 8px 15px; margin-left: 5px; } .btn.shopping-cart i { font-size: 22px; margin: 0 8px 0 0; } .btn.shopping-cart div.counter { font-size: 12px; width: 25px; height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; right: -12.5px; color: #fff; background: #044e19; display: flex; justify-content: center; align-content: center; align-items: center; } /* END GENERAL STYLES */ div#bodyTop { display: block; margin-top: -80px; height: 80px; visibility: hidden; pointer-events: none; } #header { width: 100%; position: -webkit-sticky; position: sticky; top: -39px; z-index: 999; border-bottom: 5px solid rgba(0, 0, 0, 0.1); } #header #topNav { width: 100%; background: #044e19; position: relative; } #header .quicknav ul { margin: 0; display: flex; list-style: none; } #header .quicknav ul li { list-style: none; margin: 0; font-size: 14px; border-left: 1px solid rgba(203, 255, 195, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #header .quicknav ul li:first-child { margin: 0; } #header .quicknav ul li:last-child { border-right: 1px solid rgba(203, 255, 195, 0.2); } #header .quicknav ul li:hover a { background: rgba(36, 167, 74, 0.5); } #header .quicknav ul li a { display: inline-block; padding: 5px 15px; color: #FFFFFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 12px; } #header .quicknav ul li i { margin-right: 10px; font-size: 1.1em; color: #24a74a; } #header #middleNav { background: rgba(0, 0, 0, 0.7); width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #header #middleNav #logo { max-width: 200px; } #header #middleNav #logo img { max-width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; } #header #middleNav #mainNav { padding: 0 10px; width: fit-content; } #header #middleNav #mainNav ul { display: flex; margin: 0 auto; padding: 0; justify-content: center; list-style: none; } #header #middleNav #mainNav ul li { list-style: none; margin: 0; padding: 0; position: relative; } #header #middleNav #mainNav ul li a { font-family: 'RobotoCondensedBold', sans-serif; display: flex; align-items: center; text-decoration: none; color: #FFFFFF; height: 100%; padding: 35px 15px; font-size: 18px; box-sizing: border-box; } #header #middleNav #mainNav ul li a:hover { background: rgba(36, 167, 74, 0.5); } #header #middleNav #mainNav ul li.current_page_item a { border-bottom: 3px solid #24a74a; padding: 35px 15px 32px; } #header #middleNav #mainNav ul li:hover ul { display: flex; flex-direction: column; } #header #middleNav #mainNav ul li ul { display: none; background: #24a74a; width: 250px; position: absolute; top: 98px; left: 0; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } #header #middleNav #mainNav ul li ul li { width: 100%; } #header #middleNav #mainNav ul li ul li.current_page_item a { background: #000000; border-bottom: 0px; padding: 10px 15px !important; } #header #middleNav #mainNav ul li ul li a { width: 100%; padding: 10px 15px !important; color: #fff; } #header #middleNav #mainNav ul li ul li a:hover { background: rgba(255, 255, 255, 0.1); } #header #navToggle { display: none; } .scrim { background: rgba(0, 0, 0, 0.8) !important; } .close-button svg { filter: brightness(0) invert(1); } figure.wp-block-gallery { margin-top: 40px; } figure.wp-block-gallery.columns-4 figure.wp-block-image { max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75); max-height: 200px; } div.pageHeader { min-height: 280px; padding: 105px 0 45px 0; position: relative; top: -105px; margin: 0 0 -105px; left: 0; width: 100%; justify-content: center; display: flex; color: #FFFFFF; align-items: end; } body.home div.pageHeader { padding: 205px 0 145px 0; margin: 0 0 -185px; } div.pageHeader:before { content: ""; background: url(../img/header/pages.jpg) center center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } div.pageHeader:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } div.pageHeader div.container { position: relative; z-index: 1; text-align: center; } div.pageHeader div.container h1:after { content: ""; border-bottom: 2px solid #FFFFFF; width: 180px; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #breadcrumbs { width: 100%; position: relative; padding: 20px 0; font-size: 14px; color: rgba(0, 0, 0, 0.8); background: rgba(221, 222, 225, 0.2); border-bottom: 1px solid #dddee1; } #breadcrumbs a { text-decoration: none; color: rgba(0, 0, 0, 0.8); border-bottom: 1px dotted rgba(0, 0, 0, 0.8); } section { position: relative; } section.lightGrey { background: #f9f9f9; } section.smallPadding { padding: 40px 0; } section.normalPadding { padding: 60px 0; } section.extraPadding { padding: 80px 0; } section.image { padding: 200px 0; } section.reviews div.item { color: #FFFFFF; padding: 0 50px; } section.reviews div.item h3 { color: #FFFFFF; font-size: 20px; margin: 0 0 10px; } section.reviews div.item p { position: relative; display: inline-block; margin: 0 0 20px; } section.reviews div.item p:before { content: '“'; position: absolute; top: 0; left: -35px; font-size: 60px; font-family: "Times New Roman"; color: rgba(255, 255, 255, 0.5); } section.reviews div.item p:after { content: '”'; position: absolute; bottom: -25px; right: -35px; font-size: 60px; font-family: "Times New Roman"; color: rgba(255, 255, 255, 0.5); } section.reviews:before { content: ""; background: url(../img/header/reviews.jpg) center center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } section.reviews:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } section.partners h2 { color: #000000 !important; position: relative; padding: 0 0 20px; margin: 0 0 30px; } section.partners h2:after { content: ""; border-bottom: 2px solid #000000; width: 180px; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } section.partners div.col img { filter: grayscale(100%); opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.partners div.col img:hover { opacity: 1; filter: none; } section.icons { margin-top: -70px; } section.icons .icon { display: flex; justify-content: center; flex-direction: column; text-align: center; align-items: center; } section.icons .icon i { display: flex; justify-content: center; align-items: center; background: #FFFFFF; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); width: 150px; height: 150px; color: #24a74a; font-size: 65px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 20px; } section.icons .icon h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; } section.content h2 { color: #044e19; margin: 0 0 20px; font-size: 34px; } section.content h3 { color: #044e19; margin: 0 0 20px; font-size: 28px; } section.content h4 { color: #044e19; margin: 0 0 20px; font-size: 24px; } section.content a:not(.btn) { text-decoration: none; border-bottom: 1px dotted rgba(0, 0, 0, 0.7); padding: 0 0 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.content a:not(.btn):hover { border-bottom: 1px dotted #044e19; } div.wpcf7 { padding: 30px 30px 0 30px; border: 1px solid #dadada; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .blocks div.block { border: 1px solid #dddee1; position: relative; overflow: hidden; } .blocks div.block div.image { overflow: hidden; } .blocks div.block img { width: 100%; height: 250px; object-fit: cover; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } body.home .blocks div.block img { height: 400px; } .blocks div.block div.title { font-family: 'RobotoCondensedBold', sans-serif; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); text-align: center; color: #FFFFFF; padding: 20px 0; font-size: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .blocks div.block:hover div.title { background: rgba(0, 0, 0, 0.85); } .blocks div.block:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .blocks div.block div.description { background: rgba(221, 222, 225, 0.1); border-top: 1px solid #dddee1; padding: 20px; } .blocks div.block div.description h4 { font-size: 20px; margin-bottom: 15px; } .blocks div.block div.description h5 { color: #24a74a; margin: 0; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } form#offerForm { position: relative; } form#offerForm.blur * { filter: blur(2px); } .form-box { position: relative; border: 2px solid #e6e6e4; max-width: 100%; margin: 0 0 30px 0; padding: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .form-box .form-row { margin-bottom: 10px; } .form-box .form-row label { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .form-box .form-row label.is-invalid { font-size: 11px !important; font-weight: 400; color: #dc3545; margin-top: 5px; } .form-box .form-row textarea.form-control { height: 100px; } .form-box .form-row .form-check { background: rgba(36, 167, 74, 0.1); padding: 15px; padding-left: 40px; margin-right: 0; } .form-box .form-row .form-check label { font-size: 12px; font-weight: normal; line-height: 19px; } .applications .block { position: relative; } .applications .block img { height: 300px; object-fit: cover; } .applications .block:hover .blockOverlay { opacity: 1; } .applications .block:hover .blockOverlay .blockTitle { margin-top: 20px; } .applications .blockOverlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity ease-in-out 0.3s; transition: opacity ease-in-out 0.3s; } .applications .blockOverlay .blockOverlayInner { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .applications .blockOverlay .blockOverlayInner .blockSubtitle { color: #fff; margin: 0; padding: 0 20px; font-weight: 700; } .applications .blockOverlay .blockOverlayInner .blockTitle { font-family: 'RobotoCondensedBold', sans-serif; font-weight: 700; font-size: 30px; color: #fff; padding: 0 20px; margin: 0; -webkit-transition: margin ease-in-out 0.3s; -moz-transition: margin ease-in-out 0.3s; -ms-transition: margin ease-in-out 0.3s; -o-transition: margin ease-in-out 0.3s; } ul.Sitemap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; list-style: none; margin: 0; padding: 0; } ul.Sitemap li { position: relative; list-style: none; padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.15); margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } ul.Sitemap li a { border-bottom: 0px !important; } ul.Sitemap li:hover { border: 0px solid rgba(255, 255, 255, 0.6); color: #fff; background: #24a74a; } footer { background: #dddee1; position: relative; color: #000000; padding: 40px 0; } footer img { max-width: 80%; } footer h3 { font-size: 20px; margin: 0 0 20px; } footer ul { list-style: none; margin: 0; padding: 0; } footer ul.social-media { display: flex; gap: 10px; } footer ul.social-media a { color: #044e19; border: 0px !important; } footer ul.social-media a:hover { border: 0px !important; } footer ul.social-media i { font-size: 24px; } footer ul li { list-style: none; margin: 0; padding: 0; } footer ul li a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; border-bottom: 1px dotted rgba(0, 0, 0, 0.8); } footer ul li a:hover { border-bottom: 1px dotted black; } footer a { color: #000000; text-decoration: none; } footer a:hover { color: #000000; } #payoff { background: #044e19; position: relative; color: rgba(255, 255, 255, 0.7); padding: 10px 0; text-align: center; font-size: 14px; font-weight: 400; display: flex; } #payoff a { text-decoration: none; color: rgba(255, 255, 255, 0.7); } #payoff a:hover { color: #fff; } #payoff img { max-width: 100px; opacity: 0.7; } /*# sourceMappingURL=main.css.map */ /* Products */ div.FilterButtons { display: table; margin: 0 auto; text-align: center; } a.FilterButton { font-size: 20px; text-align: center; border: 2px solid #24a74a; background: #FFF; color: #24a74a; height: 40px; line-height: 36px; padding: 0 15px; margin-right: 20px; margin-bottom: 10px; -webkit-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: border-box; display: inline-block; cursor: pointer; position: relative; } a.FilterButton.All { background: #7f7f7f; color: #FFF; border: 2px solid #7f7f7f; } a.FilterButton.Active, a.FilterButton.active { background: #24a74a; color: #FFF; } div.InformationBar { width: calc(100% - 20px); height: 50px; line-height: 50px; background: #fabb67; color: #FFF; font-size: 20px; padding: 0 20px 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 20px; position: relative; } div.InformationBar div.DisplaySelectedItem { display: inline-block; } div.InformationBar:before { background: #24a74a; content: "\f05a"; font-family: FontAwesome; position: absolute; left: 0; top: 0; width: 50px; height: 50px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; text-align: center; } div.CarouselWrapper.Wrapper { margin: 0 auto 30px; } div.ProductsWrapper { margin-top: 0.75vw; margin-bottom: 120px; } div.ProductsWrapper div.Wrapper:after { display: block; content: ""; clear: both; } div.ProductsWrapper div.Wrapper > div.Description { padding: 30px 0 10px 0; } div.ProductsWrapper div.Wrapper > div.Description h2 { font-size: 26px; } div.ProductsWrapper div.Wrapper > div.Description a { border-bottom: 1px solid #a3a3a3; } div.CarouselWrapper div.Carousel { width: calc(100% + 20px); } div.ProductsWrapper div.carousel-cell { width: calc(33.33% - 20px); margin: 0 20px 0 0; } div.ProductsWrapper div.Product { width: 100%; background: #ededed; padding: 6px; text-align: center; cursor: default; height: 100%; line-height: 30px; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; } div.ProductsWrapper div.Product:nth-of-type(3) { margin: 0; } div.ProductsWrapper div.Product:hover, div.ProductsWrapper div.Product.Active, div.ProductsWrapper .owl-item:hover div.Product, div.ProductsWrapper .owl-item.ProductActive div.Product { background: #24a74a; color: #FFF; } div.ProductsWrapper div.Product div.ProductImage { background: #FFF; } div.ProductsWrapper div.Product img { width: 100%; height: auto; vertical-align: middle; } div.ProductsWrapper div.Product div.ProductInfo { padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.ProductsWrapper div.Product div.ProductInfo div.Title { font-size: 16px; } div.ProductsWrapper div.Product div.ProductInfo div.Description { font-size: 14px; margin-top: 5px; } /* Text ellipsis */ div.ProductsWrapper div.Product div.ProductInfo div.Title, div.ProductsWrapper div.Product div.ProductInfo div.Description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.ProductsWrapper div.Product div.ProductInfo div.Title { height: 25px; line-height: 25px; } div.ProductsWrapper div.Product div.ProductInfo div.Description { height: 20px; line-height: 20px; } div.ProductsWrapper div.Product div.ProductInfo div.Amount { font-size: 20px; text-align: left; /*background: #24a74a;*/ color: #FFF; height: 40px; line-height: 36px; padding-left: 15px; margin-top: 20px; -webkit-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; cursor: pointer; position: relative; } div.ProductsWrapper div.Product:hover div.ProductInfo div.Amount, div.ProductsWrapper div.Product.Active div.ProductInfo div.Amount, div.ProductsWrapper .owl-item:hover div.Product div.ProductInfo div.Amount, div.ProductsWrapper .owl-item.ProductActive div.Product div.ProductInfo div.Amount { background: rgba(255,255,255,0.3); } div.ProductsWrapper div.Product div.ProductInfo div.Amount .AmountRadioButton { height: 50%; margin: 10px 10px 0 0px; cursor: pointer; width: 20px; } div.ProductsWrapper div.Product div.ProductInfo div.Amount input { font-size: 20px; text-align: center; width: 40%; height: 40px; line-height: 40px; float: right; pointer-events: none; border: 0px; } @media screen and (max-width: 1200px) { div.ProductsWrapper { margin-bottom: 10vw; } } @media screen and (max-width: 980px) { div.ProductsWrapper div.carousel-cell { width: calc(50% - 20px); } } @media screen and (max-width: 690px) and (min-width: 550px) { div.ProductsWrapper div.Product { width: 100%; margin-right: 0; display: table; } div.ProductsWrapper div.Product > div { display: table-cell; vertical-align: top; width: 50%; } div.ProductsWrapper div.Product div.ProductImage { vertical-align: middle; background: #FFF; } div.ProductsWrapper div.Product div.ProductInfo { text-align: left; position: relative; } } @media screen and (max-width: 690px) { div.ProductsWrapper div.carousel-cell { width: calc(100% - 20px); } div.CarouselWrapper { margin-bottom: 15px; } div.CarouselWrapper .flickity-page-dots { width: calc(100% - 20px); } div.InformationBar { padding: 0 10px 0 40px; } div.InformationBar:before { width: 30px; font-size: 16px; } div.InformationBar .DisplaySelectedItem { font-size: 16px; line-height: 20px; margin-top: 5px; } } @media screen and (max-width: 500px) { a.FilterButton { font-size: 16px; margin: 0 5px 10px 5px; padding: 0 10px; } } @media screen and (max-width: 410px) { div.ProductsWrapper div.Product > div { display: block; width: 100%; } } @media screen and (max-width: 380px) { div.ProductsWrapper div.Product div.ProductInfo div.Title { font-size: 4.2vw; } }/* MIXINS */ @media screen and (max-width: 991px) { body { font-size: 14px; } h1 { font-size: 32px; line-height: 34px; } h2 { font-size: 27px; line-height: 29px; } h3 { font-size: 27px; line-height: 29px; } #header { top: 0; } #header div#topNav { display: none; } #header #middleNav { padding: 20px 0; position: relative; } #header #middleNav #mainNav { z-index: 12; } #header #middleNav #mainNav .mainmenuContainer { position: fixed; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; top: 0; left: 0; /*left: -100%;*/ opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: 11; } #header #middleNav #mainNav .mainmenuContainer ul { display: block; padding-top: 0; top: 50%; position: absolute; right: 50%; -ms-transform: translateX(50%) translateY(-50%); -webkit-transform: translateX(50%) translateY(-50%); -moz-transform: translateX(50%) translateY(-50%); -o-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } #header #middleNav #mainNav .mainmenuContainer ul li { display: block; text-align: center; font-size: 24px; background: #24a74a; } #header #middleNav #mainNav .mainmenuContainer ul li:first-child { margin: 0; } #header #middleNav #mainNav .mainmenuContainer ul li a { color: #fff; display: block; padding: 10px 15px; line-height: normal; border-bottom: 1px solid #24a74a; } #header #middleNav #mainNav .mainmenuContainer ul li ul { position: relative; top: inherit; left: inherit; right: inherit; -ms-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } #header #middleNav #mainNav .mainmenuContainer ul li ul li a { background: #fff; color: #24a74a; border-bottom: 1px solid #dadada; } #header #middleNav #mainNav.active .mainmenuContainer { left: 0; opacity: 1; visibility: visible; } #header #middleNav #navToggle { position: absolute; display: block; width: 50px; height: 50px; line-height: 48px; text-align: center; font-size: 18px; top: 50%; right: 15px; cursor: pointer; z-index: 12; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #24a74a; color: #fff; border: 0px; -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; } div#pageContents { padding: 0 0 0 0; } div#breadcrumbs div.container { padding: 0 15px; } div.items { display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px; } div.items.sixItems { grid-template-columns: repeat(2, 1fr); } div.container, div.container-xl { padding: 0 15px !important; } section .calculationForm { margin: 0 auto 0 !important; } section.content { padding: 30px 0; } section.content div.container { padding: 0 15px; } section.preview { padding: 30px 15px; } section.intro { padding: 30px 0; } section.intro div.container h2 { font-size: 32px; line-height: 34px; } section.intro div.container h3 { font-size: 27px; line-height: 29px; } section.intro div.container p, section.intro div.container ul, section.intro div.container ol { font-size: 16px; line-height: 28px; } section.black-bg div.container h2, section.red-bg div.container h2 { font-size: 32px; line-height: 34px; } section.black-bg div.container h3, section.red-bg div.container h3 { font-size: 27px; line-height: 29px; } section.black-bg div.container p, section.black-bg div.container ul, section.black-bg div.container ol, section.red-bg div.container p, section.red-bg div.container ul, section.red-bg div.container ol { font-size: 16px; line-height: 28px; } section.black-bg div.container .imageHeight, section.red-bg div.container .imageHeight { margin: 0; min-height: 280px; } section.sections .btn { width: 100%; text-align: center; } section.register div.registerForm { margin: 30px auto 0; } section.separator { margin: -220px 0 0; } section.separator-bottom { margin: 0 0 -220px; } section.parallax div { min-height: 200px; } section.extraPadding p, section.extraPadding ul, section.extraPadding ol { font-size: 16px; line-height: 28px; } blockquote { font-size: 16px; line-height: 28px; } div.items { grid-template-columns: repeat(1, 1fr); } #heading.big .headingBG.video { display: none; } #heading.big div.headingImage { min-height: 280px; display: none; } #heading.big div.headingContent { position: relative; top: inherit; left: inherit; -ms-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } #heading.big div.headingContent div.headingContentPosition { position: relative; width: 100% !important; text-align: center; } #heading.big div.headingContent div.headingContentPosition h2 { font-size: 32px; line-height: 34px; margin: 0 0 15px; } #heading.big div.headingContent div.headingContentPosition h1 { font-size: 32px; line-height: 34px; } #heading.big div.headingContent div.headingContentPosition p { font-size: 16px; line-height: 28px; } #heading.big div.headingContent div.headingContentPosition .actionPrice { font-size: 16px; } #heading.big div.headingContent div.headingContentPosition .btn { margin: 0 auto; } #heading div.headingImage { min-height: 80px; } #heading div.headingContent div.headingContentPosition { width: 100%; } #heading div.headingContent div.headingContentPosition h1 { font-size: 34px; } #pageTitle { width: 100%; text-align: center; } #pageTitle h1 { display: block; max-width: 100%; line-height: 40px; font-size: 8vw; } div.calculationForm div.title h2 { font-size: 24px; } div.calculationForm div.title h2 + p { font-size: 14px; } div.calculationForm div.form { padding: 15px 30px 25px; } ul.Sitemap { display: grid; grid-template-columns: repeat(1, 1fr); gap: 5px; } #footer { padding: 50px 0 0 0; } } /*-------- iPads (portrait and landscape) --------*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { section.parallax div { background-attachment: initial; } } /*# sourceMappingURL=responsive.css.map */ div.OverlayerSpecifications { width: 75vw; height: auto; padding: 50px; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; overflow: hidden; background: #fff; } div.OverlayerSpecifications h2 { font-size: 26px; } div.OverlayerSpecifications h2 + p { font-size: 18px; } div.OverlayerSpecifications div.Buttons { position: absolute; top: 30px; right: 50px; } div.OverlayerSpecifications div.Buttons a { float: right; } div.OverlayerSpecifications div.Buttons a.ResetSpecifications { background: #fff none repeat scroll 0 0; border: 2px solid #24a74a; border-radius: 5px; box-sizing: border-box; color: #24a74a; display: block; font-size: 20px; height: 40px; line-height: 36px; margin-top: 20px; transition: all 0.3s ease 0s; width: auto; padding: 0 20px 0 0; } div.OverlayerSpecifications div.Buttons a.ResetSpecifications:hover { background: #fff; } div.OverlayerSpecifications div.Buttons div.Icon { display: inline-block; font-size: 26px; height: 36px; line-height: 33px; text-align: center; vertical-align: top; width: 50px; } div.OverlayerSpecifications div.Buttons a.Specifications { background: #24a74a none repeat scroll 0 0; border: 2px solid #24a74a; border-radius: 5px; box-sizing: border-box; color: #fff; display: block; font-size: 20px; height: 40px; line-height: 36px; margin-top: 20px; margin-right: 20px; transition: all 0.3s ease 0s; width: auto; padding: 0 20px 0 0; } div.OverlayerSpecifications div.Buttons a.Specifications:hover { background: #fff; color: #24a74a; } div.OverlayerSpecifications div.ProductsWrapper { margin: 0; } div.OverlayerSpecifications div.ProductRow div.Product:nth-child(4n+1) { margin: 0 0 20px 0 !important; } div.OverlayerSpecifications div.Product { width: calc(25% - 15px); float: left; margin: 0 0 20px 20px !important; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; position: relative; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons { position: absolute; z-index: 100; right: 0; top: 0; height: 100%; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus, div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min { position: absolute; right: 0; height: 50%; width: 25px; background: #a9a9a9; display: block; z-index: 101; color: #fff; line-height: 17px; text-align: center; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus:hover, div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min:hover { background: #ededed; color: #000; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus { top: 0; content: '+'; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-bottom: 1px solid #fafafa; z-index: 102; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min { top: 50%; content: '-'; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } div.OverlayerSpecifications div.Promotion { width: auto; display: flex; flex-flow: column nowrap; border: 5px solid #24a74a; box-sizing: border-box; left: 20px; margin: 20px; position: relative; background: url("/assets/images/homepage/background-calculator.jpg"); background-size: cover; } div.OverlayerSpecifications div.Promotion div.PromotionInfo { background: rgba(248,157,38,0.85); padding: 40px 40px 20px; } div.OverlayerSpecifications div.Promotion * { color: #FFF; } div.OverlayerSpecifications div.Promotion a { border-bottom: 1px dotted #FFF; } /*PromotionInfo*/ @media screen and (max-width: 680px) { div.OverlayerSpecifications { width: 90vw; margin-bottom: 20px; padding: 20px; } div.OverlayerSpecifications div.ProductRow div.Product:first-child { margin: inherit; } div.OverlayerSpecifications div.ProductRow div.Product { width: calc(50% - 10px); margin: 0 0 20px 20px !important; } div.OverlayerSpecifications div.ProductRow div.Product:nth-child(2n+1) { margin: 0 0 20px 0 !important; } } @media screen and (max-width: 520px) { div.OverlayerSpecifications h2 { font-size: 23px; } div.OverlayerSpecifications div.ProductRow div.Product { width: auto; margin: 0 0 20px 0 !important; float: none !important; } div.OverlayerSpecifications div.Buttons { position: relative; top: auto; right: auto; margin-bottom: 30px; } div.OverlayerSpecifications div.Buttons a { font-size: 16px !important; float: none; margin: 0 0 10px 0 !important; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount { font-size: 16px; overflow: hidden; line-height: 38px; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input { position: absolute; left: auto; top: 0; width: 100%; text-align: left; margin-left: 15px; padding: 0 15px; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus, div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min { width: 36px; height: 36px; line-height: 32px; background: #a9a9a9 !important; color: #fff !important; border: 2px solid #fff; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font-size: 26px; } div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min { top: 0; right: 40px; border-right: none; border-left: none; -webkit-border-radius: 0; border-radius: 0; } }div.SummarySlide div.FormSection table.SummarySlide { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 100%; font-size: 17px; border-spacing: 0px; overflow: hidden; } div.SummarySlide div.FormSection table.SummarySlide thead { background: #f89d26; } div.SummarySlide div.FormSection table.SummarySlide thead tr { background: #f89d26; } div.SummarySlide div.FormSection table.SummarySlide thead tr td { background: #f89d26; position: relative; padding: 0 15px; border-bottom: 1px solid #bbb; height: 40px; line-height: 40px; color: #FFF; } div.SummarySlide div.FormSection table.SummarySlide tbody { } div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n+2) td, div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n+2) input { background: #f9f9f9; } div.SummarySlide div.FormSection table.SummarySlide tbody tr { height: 40px; line-height: 40px; } div.SummarySlide div.FormSection table.SummarySlide tbody tr td { position: relative; padding: 0 15px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; line-height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; } div.SummarySlide div.FormSection table.SummarySlide tbody tr td:first-of-type { border-left: 1px solid #bbb; } div.SummarySlide div.FormSection table.SummarySlide tbody tr.NoBackground td { border: 0px; background: #FFF !important; } div.SummarySlide div.FormSection table.SummarySlide tbody tr.CustomQuote td { background: #FFF !important; } div.SummarySlide div.FormSection table.SummarySlide tbody tr.CustomQuote td:first-of-type { text-align: center; } /* MIXINS */ .form-control:disabled, .form-control[readonly] { background-color: rgba(36, 167, 74, 0.1); } table { font-size: 14px; } table.table tr td, table.table tr th { padding: 15px; } table.align-middle td { vertical-align: middle; } table .buttonIcon { text-decoration: none; background: #24a74a; width: 30px; height: 30px; text-align: center; line-height: 28px; vertical-align: middle; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff !important; margin-left: 5px; text-decoration: none !important; } table .buttonIcon i { margin: 0; } table .buttonIcon:first-child { margin-left: 0; } form.normal { font-size: 14px; } form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } form.normal .form-check label { font-weight: normal; } form .form-inline input { min-width: 150px; } form .form-inline span { display: inline-block; margin: 0 5px; } form > table tr td:first-child { width: 30%; } form > table tr td p { font-size: 12px; line-height: 18px; } form > table.half tr td { width: 50%; } form > table.half tr td:first-child { width: 50%; } form > table.quarter tr td { width: 25%; } form > table.quarter tr td:first-child { width: 25%; } .inputs { position: relative; } .inputs.inputs-radio { font-size: 0; margin: 0; } .inputs.inputs-radio .input { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; min-width: 50px; height: 35px; border: 2px solid #24a74a; overflow: hidden; } .inputs.inputs-radio .input input[type="radio"] { position: absolute; visibility: hidden; top: 0; left: 0; margin: 0; } .inputs.inputs-radio .input input[type="radio"]:checked + label { color: #24a74a; } .inputs.inputs-radio .input label { display: block; /*background: rgba($green, 0.05);*/ margin: 0; padding: 0 15px; line-height: 33px; font-size: 14px; font-weight: 600; /*text-transform: uppercase;*/ margin: 0; text-align: center; cursor: pointer; } .inputs.inputs-radio .input:first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .inputs.inputs-radio .input:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: none; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(36, 167, 74, 0.03); } .table-hover tbody tr:hover { background-color: rgba(36, 167, 74, 0.07); } .nav-header { margin-bottom: 30px; } .nav-header ul { list-style: none; } .nav-header ul li { list-style: none; margin: 0; } .nav-header .nav-pills { margin-bottom: 0 !important; border-bottom: 1px solid rgba(36, 167, 74, 0.2); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .nav-header .nav-pills .nav-item { margin-right: 5px !important; margin-left: 5px !important; border: 1px solid rgba(36, 167, 74, 0.3); border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; cursor: pointer; } .nav-header .nav-pills .nav-item a { text-decoration: none; font-size: 16px; padding: 10px 15px; font-family: 'RobotoCondensedBold'; background: rgba(36, 167, 74, 0.1); color: rgba(36, 167, 74, 0.5); text-decoration: none !important; border-bottom: 1px solid rgba(36, 167, 74, 0.1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .nav-header .nav-pills .nav-item a:hover { background: rgba(36, 167, 74, 0.1); } .nav-header .nav-pills .nav-item a.active { background: #fff; color: #24a74a; border-bottom: 1px solid #fff; margin-bottom: -1px; } @media screen and (max-width: 767px) { table tr th { white-space: nowrap; } table tr td { display: block; } .table-responsive table tr td { display: table-cell; } table tr > td:nth-child(2n) { border-top: none; } .table-responsive table tr > td:nth-child(2n) { border-top: 1px solid rgba(36, 167, 74, 0.15); } form.normal { font-size: 14px; } form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } form.normal .form-check label { font-weight: normal; } form .form-inline input { min-width: 150px; } form .form-inline span { display: inline-block; margin: 0 5px; } form#coachTypeForm { /*margin-bottom: 30px;*/ } form > table tr th { white-space: nowrap; } form > table tr td:first-child { width: 100%; } form > table tr td p { font-size: 12px; line-height: 18px; } form > table tr td:nth-child(odd) { padding-bottom: 5px; } form > table tr td:nth-child(even) { padding-top: 5px; } form > table.half tr td { width: 100%; } form > table.half tr td:first-child { width: 100%; } form > table.quarter tr td { width: 100%; } form > table.quarter tr td:first-child { width: 100%; } } .OverlayerBackground { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 150; display: none; } a.openbtn { position: absolute; top: 15px; left: 25px; font-size: 21px; padding: 6px 0 0 0; border: 2px solid #24a74a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; color: #24a74a; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } a.openbtn:hover { color: #fff; background: #24a74a; } .sideNav { height: 100%; width: 0; position: fixed; z-index: 200; top: 0; left: 0; background-color: #FFF; overflow-x: hidden; padding-top: 70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); } .sideNav a.closebtn { position: absolute; top: 15px; left: 25px; font-size: 35px; border: 2px solid #24a74a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; color: #24a74a; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .sideNav a.closebtn:hover { color: #fff; background: #24a74a; } .sideNav .navigationMenuItemText { font-weight: bold; font-size: 25px; position: absolute; top: 15px; left: 85px; text-align: left; height: 40px; display: flex; align-items: center; justify-content: center; } .sideNav ul li { display: flex; align-items: center; height: 50px; overflow: hidden; border-top: 2px solid #f4f4f4; } .sideNav ul li a { font-family: "Open Sans"; font-weight: 700; width: 100%; padding: 25px; text-decoration: none; font-size: 18px; color: #000; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sideNav ul li a:hover { color: #fff; background: #24a74a; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sideNav { padding-top: 15px; } .sideNav a { font-size: 18px; } } body.admin-bar .sideNav { top: 32px !important; } body.admin-bar section.agenda div.daysHeader { top: 102px; } body.admin-bar div#mainActions { top: 32px !important; } div#mainActions { display: flex; justify-content: flex-end; align-items: center; padding: 10px 30px; gap: 10px; background: #fff; z-index: 100; position: fixed; width: 100%; top: 0; min-height: 70px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } div#mainActions a.btn { padding: 0 20px; height: 50px; display: inline-flex; align-items: center; justify-content: center; } div#mainActions a.btn i { margin: 0 10px 0 0; } div#mainActions input#searchOrders { border: 2px solid #dadada; height: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 20px; } div#mainActions div#calNav ul { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; } div#mainActions div#calNav ul li.widthAuto a { width: auto; padding: 0 10px; } div#mainActions div#calNav ul li div.weekContainer { position: relative; width: 180px; height: 50px; } div#mainActions div#calNav ul li label.text, div#mainActions div#calNav ul li input, div#mainActions div#calNav ul li select { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; border: 2px solid #f4f4f4; width: 100%; height: 100%; line-height: 44px; text-align: center; color: #222222; display: inline-block; font-weight: 700; position: absolute; left: 0; top: 0; display: inline-block; } div#mainActions div#calNav ul li label.text { z-index: 1; width: 75%; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } div#mainActions div#calNav ul li div#weekNumber { display: inline-block; } div#mainActions div#calNav ul li input#datepickerAgenda { color: #fff; } div#mainActions div#calNav ul li a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #f4f4f4; width: 50px; height: 50px; line-height: 44px; text-align: center; color: #707070; display: inline-block; font-weight: 700; } section.orderPicken { position: relative; display: flex; flex-flow: column nowrap; height: auto; padding: 80px 0 60px; } section.orderPicken div.dayTitle { margin: 15px 0 0; } section.orderPicken div.entry { position: relative; width: calc(100%-30px); margin: 15px 0 0; height: 95px; background: #fff; padding: 10px; font-size: 12px; line-height: 18px; border-top: 2px solid #ffc16f; border-right: 2px solid #ffc16f; border-bottom: 2px solid #ffc16f; border-left: 12px solid #f89d26; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } section.orderPicken div.entry:before { color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: "schuttinggigant"; position: absolute; right: 10px; bottom: 10px; z-index: 10; font-size: 65px; } section.orderPicken div.entry:after { background: #f89d26; color: #fff; content: "\61"; width: 80px; height: 80px; line-height: 80px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: "schuttinggigant"; position: absolute; right: 20px; top: 50%; font-size: 65px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.orderPicken div.entry.tuingigant { border-top: 2px solid #9fd58d; border-right: 2px solid #9fd58d; border-bottom: 2px solid #9fd58d; border-left: 12px solid #24a74a; } section.orderPicken div.entry.tuingigant:after { background: #24a74a; content: "\62"; } section.orderPicken div.entry.done { border-top: 2px solid #f5f3f5; border-right: 2px solid #f5f3f5; border-bottom: 2px solid #f5f3f5; border-left: 12px solid #e4e3e3; } section.orderPicken div.entry.done:after { content: "\56"; background: #e4e3e3; font-size: 40px; } section.orderPicken div.entry.doublecheck:before { content: "\56"; background: #24a74a; font-size: 18px; } section.orderPicken div.entry.proces { border-top: 2px solid #84cfff; border-right: 2px solid #84cfff; border-bottom: 2px solid #84cfff; border-left: 12px solid #0092ee; } section.orderPicken div.entry.proces:after { content: "\49"; background: #0092ee; font-size: 40px; } section.orderPicken div.entry div.title { font-weight: 700; } section.orderPicken div.entry div.routeOrder { background: #5952d1; position: absolute; right: 85px; top: 20px; color: #fff; width: 30px; height: 30px; line-height: 26px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; font-size: 16px; z-index: 99; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.orderPicken div.entry div.routeOrder.route-0 { background: #1945e7; } section.orderPicken div.entry div.routeOrder.route-1 { background: #ff7e00; } section.orderPicken div.entry div.routeOrder.route-2 { background: #00b75c; } section.orderPicken div.entry div.routeOrder.route-0 { background: #1945e7; } section.orderPicken div.entry div.routeOrder.route-aron { background: #69b731; } section.orderPicken div.entry div.routeOrder.route-jan { background: #1842a0; } section.orderPicken div.entry div.routeOrder.route-roy { background: #27c1dd; } section.orderPicken div.entry .changeWeekView, section.orderPicken div.entry .showEntry { position: absolute; right: 5px; top: 5px; z-index: 9; font-size: 18px; color: #333; } section.orderPicken div.entry .changeWeekView:hover, section.orderPicken div.entry .showEntry:hover { color: #24a74a; } section.orangeHeader { background: #24a74a; min-height: 200px; color: #fff; padding: 110px 0 40px; } section.defaultPadding { padding: 80px 0 60px; } section.defaultPadding h3.pageTitle { font-family: 'Open Sans', sans-serif; line-height: 30px; font-size: 18px; margin: 15px 0 15px; font-style: normal; font-weight: 700; } section.defaultPadding h3.pageTitle span { font-weight: 400; } ul.filtersAssemblyList { display: flex; gap: 10px; list-style: none; margin: 120px 0 -60px; position: relative; z-index: 20; } ul.filtersAssemblyList li { list-style: none; } section.pickList ul.productList { list-style: none; width: 100%; } section.pickList ul.productList div.dayWrapper { padding: 20px; background: #f1f1f1; border: 1px solid #d1d1d1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; } section.pickList ul.productList li { width: 100%; margin-top: 15px; position: relative; } section.pickList ul.productList li:first-child { margin: 0; } section.pickList ul.productList li > div { background: #fff; border: 3px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 120px 10px 10px; display: flex; justify-content: space-between; align-items: center; } section.pickList ul.productList li > div:before { background: #24a74a; color: #fff; content: "\61"; width: 80px; height: 80px; line-height: 80px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: "schuttinggigant"; position: absolute; right: 20px; top: 50%; font-size: 60px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.pickList ul.productList li > div.schuttinggigant { border-left: 12px solid #24a74a; border-top: 2px solid #ffc16f; border-right: 2px solid #ffc16f; border-bottom: 2px solid #ffc16f; } section.pickList ul.productList li > div.tuingigant { border-left: 12px solid #24a74a; border-top: 2px solid #9fd58d; border-right: 2px solid #9fd58d; border-bottom: 2px solid #9fd58d; } section.pickList ul.productList li > div.tuingigant:before { background: #24a74a; content: "\62"; } section.pickList ul.productList li img { max-width: 70px; height: auto; } section.pickList ul.productList li div.title { padding: 0 30px; flex: 1; font-size: 18px; } section.pickList ul.productList li div.title h3 { font-size: 22px; font-style: normal; font-weight: 700; } section.pickList ul.productList li .highlight { background: #24a74a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-weight: 700; padding: 2px 5px; } section.pickList ul.productList li a.delete { position: absolute; left: -9px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; color: #fff; background: #ba0000; font-weight: bold; } section.pickList ul.productList li div.amountWrapper { display: flex; gap: 10px; } section.pickList ul.productList li div.amountWrapper .button { width: 50px; height: 50px; line-height: 50px; font-size: 30px; font-weight: 700; background: #24a74a; border: 3px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer; } section.pickList ul.productList li div.amountWrapper div.amount { display: flex; justify-content: center; align-items: center; border: 3px solid rgba(36, 167, 74, 0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 20px; -webkit-user-select: none; -ms-user-select: none; user-select: none; height: 50px; } section.pickList ul.productList li div.amountWrapper div.amount input[type=number] { width: 40px; -moz-appearance: textfield; text-align: center; font-weight: 700; font-size: 22px; color: #333; } section.pickList ul.productList li div.amountWrapper div.amount div.seperator { width: 25px; text-align: center; font-weight: 700; font-size: 22px; color: #333; } section.pickList div.assemblyList { display: flex; gap: 10px; background: rgba(36, 167, 74, 0.2); padding: 10px 20px 10px; margin-top: -3px; align-items: center; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } section.pickList div.assemblyList label { margin: 0; cursor: pointer; font-weight: bold; } section.pickList div.assemblyList input:checked, section.pickList div.assemblyList input:before { background-color: #24a74a; border-color: #24a74a; } section.pickList div.assemblyList div.description { font-style: italic; font-size: 14px; } section.pickList div.assemblyList input.assemblyListCheckbox:checked ~ select { display: block !important; } section.pickList div.assemblyList select { width: 200px; margin-left: 20px; height: 60px; } section.agenda { position: relative; display: flex; flex-flow: column nowrap; height: auto; padding: 80px 0 0; } section.agenda div.daysHeader { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0 15px; width: calc(calc(100% /6) * 5); align-self: end; padding: 0 30px; position: -webkit-sticky; /* Safari */ position: sticky; top: 70px; z-index: 50; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 2%, white 100%); } section.agenda div.daysHeader div.day { width: 100%; padding: 10px; display: inline-block; color: #222222; } section.agenda div.employer { width: 100%; display: flex; gap: 15px; padding: 0 30px; } section.agenda div.employer:first-child div.information { border-top: 2px solid #f4f4f4; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } section.agenda div.employer:first-child div.day { border-top: 2px solid #f4f4f4; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } section.agenda div.employer:last-child div.information { border-bottom: 2px solid #f4f4f4; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } section.agenda div.employer:last-child div.day { border-bottom: 2px solid #f4f4f4; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } section.agenda div.employer:nth-child(even) div.information { background: #f4f4f4; } section.agenda div.employer:nth-child(even) div.day { background: #f4f4f4; } section.agenda div.employer div.information { width: calc(calc(100% /6) * 1); border-left: 2px solid #f4f4f4; border-right: 2px solid #f4f4f4; padding: 10px; } section.agenda div.employer div.information div.name { font-weight: 700; } section.agenda div.employer div.daysView { width: calc(calc(100% /6) * 5); position: relative; height: 100%; } section.agenda div.employer div.days { display: grid; grid-template-columns: repeat(6, 1fr); width: 100%; height: 100%; gap: 0 15px; padding: 0; grid-auto-rows: auto; grid-auto-flow: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } section.agenda div.employer div.days div.day { height: 100%; border-left: 2px solid #f4f4f4; border-right: 2px solid #f4f4f4; } section.agenda div.employer div.entries { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); height: 100%; gap: 15px; padding: 0 0 20px 0; grid-auto-rows: 95px; grid-auto-flow: column; z-index: 1; min-height: 95px; } section.agenda div.employer div.entries div.entry { position: relative; width: calc(100% - 20px); left: 10px; top: 10px; height: 95px; background: #fff; padding: 10px; font-size: 12px; line-height: 18px; border-top: 2px solid #ffc16f; border-right: 2px solid #ffc16f; border-bottom: 2px solid #ffc16f; border-left: 12px solid #f89d26; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } section.agenda div.employer div.entries div.entry.locked { background: #f9f9f9; } section.agenda div.employer div.entries div.entry.not-completed:before { content: ""; background: #ff0000; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 7px; bottom: 5px; } section.agenda div.employer div.entries div.entry div.dayTitle { display: none; font-size: 16px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } section.agenda div.employer div.entries div.entry div.title { font-weight: 700; } section.agenda div.employer div.entries div.entry div.routeOrder { background: #5952d1; position: absolute; right: 7px; bottom: -5px; color: #fff; width: 20px; height: 20px; line-height: 16px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; font-size: 10px; z-index: 99; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.agenda div.employer div.entries div.entry div.routeOrder.route-0 { background: #1945e7; } section.agenda div.employer div.entries div.entry div.routeOrder.route-1 { background: #ff7e00; } section.agenda div.employer div.entries div.entry div.routeOrder.route-2 { background: #00b75c; } section.agenda div.employer div.entries div.entry div.routeOrder.route-0 { background: #1945e7; } section.agenda div.employer div.entries div.entry div.routeOrder.route-aron { background: #69b731; } section.agenda div.employer div.entries div.entry div.routeOrder.route-jan { background: #1842a0; } section.agenda div.employer div.entries div.entry div.routeOrder.route-roy { background: #27c1dd; } section.agenda div.employer div.entries div.entry .showEntry, section.agenda div.employer div.entries div.entry .editEntry { position: absolute; right: 5px; top: 5px; z-index: 9; font-size: 18px; color: #333; } section.agenda div.employer div.entries div.entry .showEntry:hover, section.agenda div.employer div.entries div.entry .editEntry:hover { color: #24a74a; } section.agenda div.employer div.entries div.entry.start-monday { grid-column-start: 1; } section.agenda div.employer div.entries div.entry.start-monday.one-day { grid-column-end: 2; } section.agenda div.employer div.entries div.entry.start-monday.two-days { grid-column-end: 3; } section.agenda div.employer div.entries div.entry.start-monday.three-days { grid-column-end: 4; } section.agenda div.employer div.entries div.entry.start-monday.four-days { grid-column-end: 5; } section.agenda div.employer div.entries div.entry.start-monday.five-days { grid-column-end: 6; } section.agenda div.employer div.entries div.entry.start-monday.six-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-tuesday { grid-column-start: 2; } section.agenda div.employer div.entries div.entry.start-tuesday.one-day { grid-column-end: 3; } section.agenda div.employer div.entries div.entry.start-tuesday.two-days { grid-column-end: 4; } section.agenda div.employer div.entries div.entry.start-tuesday.three-days { grid-column-end: 5; } section.agenda div.employer div.entries div.entry.start-tuesday.four-days { grid-column-end: 6; } section.agenda div.employer div.entries div.entry.start-tuesday.five-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-tuesday.six-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-wednesday { grid-column-start: 3; } section.agenda div.employer div.entries div.entry.start-wednesday.one-day { grid-column-end: 4; } section.agenda div.employer div.entries div.entry.start-wednesday.two-days { grid-column-end: 5; } section.agenda div.employer div.entries div.entry.start-wednesday.three-days { grid-column-end: 6; } section.agenda div.employer div.entries div.entry.start-wednesday.four-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-wednesday.five-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-wednesday.six-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-thursday { grid-column-start: 4; } section.agenda div.employer div.entries div.entry.start-thursday.one-day { grid-column-end: 5; } section.agenda div.employer div.entries div.entry.start-thursday.two-days { grid-column-end: 6; } section.agenda div.employer div.entries div.entry.start-thursday.three-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-thursday.four-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-thursday.five-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-thursday.six-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-friday { grid-column-start: 5; } section.agenda div.employer div.entries div.entry.start-friday.one-day { grid-column-end: 6; } section.agenda div.employer div.entries div.entry.start-friday.two-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-friday.three-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-friday.four-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-friday.five-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-friday.six-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday { grid-column-start: 6; } section.agenda div.employer div.entries div.entry.start-saturday.one-day { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday.two-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday.three-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday.four-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday.five-days { grid-column-end: 7; } section.agenda div.employer div.entries div.entry.start-saturday.six-days { grid-column-end: 7; } .modal-body ul.buttonList { list-style: none; } .modal-body ul.buttonList li { width: 100%; list-style: none; } .modal-body ul.buttonList li:first-child a.btn { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .modal-body ul.buttonList li:last-child a.btn { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-bottom: 2px solid #24a74a; } .modal-body ul.buttonList li a.btn { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0px; border-top: 2px solid #24a74a; border-left: 2px solid #24a74a; border-right: 2px solid #24a74a; } .modal-body ul.buttonList li a.btn:hover { background: #24a74a; color: #fff; } .modal-content div.entry { position: relative; width: calc(100%-30px); margin: 15px 15px 0; height: 95px; background: #fff; padding: 10px; font-size: 12px; line-height: 18px; border-top: 2px solid #ffc16f; border-right: 2px solid #ffc16f; border-bottom: 2px solid #ffc16f; border-left: 12px solid #f89d26; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .modal-content div.entry div.title { font-weight: 700; } .modal-content div.entry .changeWeekView, .modal-content div.entry .showEntry { position: absolute; right: 5px; top: 5px; z-index: 9; font-size: 18px; color: #333; } .modal-content div.entry .changeWeekView:hover, .modal-content div.entry .showEntry:hover { color: #24a74a; } .modal-content #searchResult { margin: 0 0 15px; } .modal-content #submitSearch { width: 100%; text-align: center; } .modal-content #showImagesGallery { display: flex; gap: 10px; } .modal-content #showImagesGallery div { width: 40px; height: 40px; background: #24a74a; color: #fff; text-align: center; align-content: center; } .modal-content div.row { margin: 0 0 10px; } .modal-content div.row label { width: 100%; font-weight: 700; margin: 0; font-size: 16px; } .modal-content div.row input[type=text], .modal-content div.row input[type=date], .modal-content div.row input[type=time], .modal-content div.row select, .modal-content div.row textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #f4f4f4; width: 100%; height: 42px; padding: 0 10px; font-size: 16px; } .modal-content div.row input[type=checkbox] { margin-top: 8px; } .modal-content div.row input[type=checkbox] + label { font-weight: normal; } .modal-content div.row input.error, .modal-content div.row select.error, .modal-content div.row textarea.error { border: 1px solid #ba0000; } .modal-content div.row label.error { font-weight: 400; color: #ba0000; } .modal-content div.row textarea { height: 120px; } .modal-content div.row button.dropdown-toggle { font-weight: 400; } .modal-content div.row .bootstrap-select, .modal-content div.row .bs-selectpicker { background: #fff; width: 100% !important; } .modal-content .modalFooter { display: flex; justify-content: end; margin: 15px 0 0 0; padding: 15px 15px 0 15px; border-top: 1px solid #f4f4f4; } @media screen and (max-width: 980px) { section.pickList div.container { max-width: 100%; } section.orderPicken div.container { max-width: 100%; } } @media screen and (max-width: 768px) { body.page-template-assembly-list div#mainActions div#calNav ul li.input { display: none; } div#mainActions a.btn { display: none; } div#mainActions div#calNav ul li div.weekContainer { width: 120px; } div#mainActions a#refreshWeekView { display: block; padding: 0 10px; } div#mainActions a#saveAssemblyList { display: flex; padding: 0 10px; text-align: center; justify-content: center; align-items: center; width: 50px; font-size: 20px; } div#mainActions a#saveAssemblyList i { margin: 0; padding: 0; } div#mainActions a#saveAssemblyList span { display: none; } section.pickList ul.productList { list-style: none; width: 100%; } section.pickList ul.productList li > div { flex-wrap: wrap; padding: 10px; } section.pickList ul.productList li > div:before { display: none; } section.pickList ul.productList li > div div.amountWrapper { width: 100%; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #dadada; } section.pickList ul.productList li > div div.amountWrapper div.amount { width: calc(100% - 120px); } section.agenda div.employer { flex-direction: column; gap: 0; } section.agenda div.employer div.information { width: 100%; background: #fff !important; border: 0px !important; padding: 0; margin: 10px 0 0; } section.agenda div.employer div.daysView { width: 100%; } section.agenda div.employer div.daysView div.days { display: none; } section.agenda div.employer div.entries { display: flex; flex-direction: column; padding: 0; } section.agenda div.employer div.entries div.entry { height: inherit; margin: 0 0 0 0; left: 0; top: 0; width: 100%; } section.agenda div.employer div.entries div.entry.start-monday { order: 1; } section.agenda div.employer div.entries div.entry.start-tuesday { order: 2; } section.agenda div.employer div.entries div.entry.start-wednesday { order: 3; } section.agenda div.employer div.entries div.entry.start-thursday { order: 4; } section.agenda div.employer div.entries div.entry.start-friday { order: 5; } section.agenda div.employer div.entries div.entry.start-saturday { order: 6; } section.agenda div.employer div.entries div.entry div.dayTitle { display: block; } section.agenda div.daysHeader { display: none; } } /*# sourceMappingURL=z_management.css.map */ /* MIXINS */ .ClearBoth { clear: both; } .Hidden { display: none; } #pageContents { position: relative; } div#Category-24 div.InformationBar { display: none; } section.calculation { position: relative; padding: 45px 0; } section.calculation div.container { max-width: 1140px; } section.calculation.no-padding { padding: 0; } section.calculation .section-title { position: relative; margin-bottom: 28px; } section.calculation .section-title h2 { color: #252525; } section.calculation .section-title h3 { color: #24a74a; font-size: 34px; } #mainContent section.calculation .section-title { font-size: 16px; } #mainContent section.calculation .section-title h2 { font-size: 34px; font-style: normal; margin: 0; } #mainContent section.calculation .section-title p { font-size: 16px; line-height: 24px; margin: 15px 0 0 0; } section.orange-bg { background-color: #24a74a; color: #fff; } section.orange-bg .section-title h3 { color: #fff; } section#parts .cat-list { position: absolute; bottom: 0; } section.full { /*min-height: calc(100vh - 122px);*/ } section.active-section { background-color: #f0f0f0; } section h1.page-title { font-size: 48px; font-style: normal; margin-bottom: 28px; } section.content-normal a { font-weight: 700; color: #24a74a; } section.content-normal ul li { margin-left: 20px; } section.the-content h2 { font-size: 42px; margin-bottom: 10px; } section.the-content h3 { font-size: 28px; margin-bottom: 10px; } .page-header { position: relative; height: 60vh; background-size: cover; background-repeat: no-repeat; background-position: center bottom; } .page-header .container { position: relative; height: 100%; } .page-header h1 { position: absolute; bottom: 30px; left: 15px; color: #fff; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7); } #slider { position: relative; } #slider .slide { position: relative; padding: 60px 0; background-size: cover; background-repeat: no-repeat; background-position: top center; color: #fff; } #slider .slide:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.9+85 */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 */ z-index: 1; } #slider .slide .content { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } #slider .slide h1 { color: #fff; text-shadow: 0 10px 30px rgba(0, 0, 0, 0.37); } #slider .slide p.subtitle { font-style: italic; font-size: 28px; line-height: 38px; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } #slider .slide .calcBlock h2 { color: #fff; } #slider .slide .review-module { margin-top: 30px; background: #fff; color: #252525; z-index: 2; } #slider .slide .review-module h5 { color: #252525; } #slider .slide .review-module .average { color: #24a74a; } #slider .slide .review-module .average em { font-style: normal; color: #252525; font-size: 18px; } #slider .slide .review-module .average span.bestRating { color: #252525; font-size: 18px; } .calcBlock { position: relative; z-index: 2; } .calcBlock h2 { font-size: 30px; font-style: normal; /*color: #fff;*/ font-weight: 700; } .calcBlock form .block { position: relative; background: #24a74a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; padding: 30px; } .progression { position: relative; } .progression .step { position: relative; font-size: 22px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #24a74a; } .progression .step .title { font-size: 13px; } .photos img { margin-bottom: 30px; } .cat-list { position: relative; } .cat-list h4 { margin-bottom: 15px; } .cat-list .inner { display: flex; flex-flow: row wrap; } .cat-list .inner .cat { position: relative; width: 50%; } .cat-list .inner .cat a { display: block; background: #f0f0f0; border: 1px solid #ebebeb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: calc(5px / 2); margin-bottom: 5px; padding: 0 15px; line-height: 42px; font-size: 16px; } .cat-list .inner .cat:nth-child(2n) a { margin-right: 0; margin-left: calc(5px / 2); } .review-module { position: relative; border: 2px solid rgba(255, 255, 255, 0.4); padding: 10px 15px 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; text-align: left !important; } .review-module .module-content { position: relative; display: flex; flex-flow: wrap; } .review-module h5 { color: #fff; margin: 0; } .review-module .stars { position: relative; display: inline-block; color: #24a74a; } .review-module .stars .half { background: #24a74a; /* Old browsers */ background: -moz-linear-gradient(left, #24a74a 0%, #24a74a 50%, #e5e5e5 51%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #24a74a 0%, #24a74a 50%, #e5e5e5 51%, #e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #24a74a 0%, #24a74a 50%, #e5e5e5 51%, #e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .review-module .stars .empty { color: #e5e5e5; } .review-module .average { position: relative; display: inline-block; text-align: center; flex: 1; font-size: 26px; font-style: italic; line-height: 40px; color: #24a74a; margin: 0 0 0 10px; } .review-module .average em { font-style: normal; color: #fff; font-size: 18px; } .review-module .average span.bestRating { color: #fff; font-size: 18px; } #progressionBar { position: fixed; display: none; /*top: 122px;*/ bottom: 0; left: 0; width: 100%; background: #f0f0f0; z-index: 9; } #progressionBar .progression-steps { position: relative; display: flex; } #progressionBar .progression-steps .progression-step { position: relative; font-size: 12px; padding: 15px; flex: 1; } #progressionBar .progression-steps .progression-step h3 { font-size: 19px; font-weight: 700; font-style: normal; line-height: 19px; } #progressionBar .progression-steps .progression-step span.step { font-size: 19px; display: block; line-height: 19px; } #progressionBar .progression-steps .progression-step span.separator { display: none; } #progressionBar .progression-steps .progression-step span.title { display: block; line-height: 13px; margin-top: 5px; } #progressionBar .progression-steps .progression-step:before, #progressionBar .progression-steps .progression-step:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 4px; background-color: #ebebeb; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #progressionBar .progression-steps .progression-step:after { width: 0; background-color: #24a74a; } #progressionBar .progression-steps .progression-step.active:after { width: 100%; } #calcSummary { position: fixed; bottom: 0; right: 30px; width: 320px; background: #fff; padding: 30px; font-size: 16px; overflow: hidden; -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); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; border: 1px solid #fff; z-index: 9; } #calcSummary #SummaryHTML { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #calcSummary #SummaryHTML.active div.SummaryRow { display: none; } #calcSummary #SummaryHTML.active div#SummaryTotalPrice { margin: 0 -30px -30px -30px; } #calcSummary #SummaryHTML.active h2 { margin: -30px -30px 0 -30px; } #calcSummary #SummaryHTML.active h2:hover:after { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #calcSummary #SummaryHTML.active h2:after { -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 h2 { position: relative; font-size: 20px; font-style: normal; font-weight: 700; margin: -30px -30px 25px -30px; padding: 15px 30px; background: #24a74a; color: #fff; /*border: 2px solid #fff;*/ cursor: pointer; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #calcSummary #SummaryHTML h2:after { position: absolute; content: '\64'; font-family: "calculator" !important; font-size: 16px; font-weight: normal; top: 50%; right: 30px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #calcSummary #SummaryHTML #SummaryTotalPrice { font-size: 22px; font-weight: 700; margin: 30px -30px -30px -30px; padding: 15px 30px; background: #ebebeb; } #calcSummary #SummaryHTML .SummaryRow { margin: 0 -30px; padding: 0 30px; background: #f0f0f0; line-height: 40px; } #calcSummary #SummaryHTML .SummaryRow:nth-child(2n) { background: transparent; } #calcSummary .loading-container { 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 .loading-container img { position: absolute; width: 50px; height: auto; top: 50%; 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%); } #calcSummary .loading-container.active { visibility: visible; opacity: 1; } div.FormQuoteWrapper { margin: 0; padding: 0; } .TippedInfo { display: inline-block; } div.SummaryBar { display: none !important; } .Width10Percent { width: 10% !important; } .Width11Percent { width: 11% !important; } .Width14Percent { width: 14% !important; } .Width15Percent { width: 15% !important; } .Width16Percent { width: 16% !important; } .Width20Percent { width: 20% !important; } .Width24Percent { width: 24% !important; } .Width25Percent { width: 25% !important; } .Width28Percent { width: 28% !important; } .Width29Percent { width: 29% !important; } .Width30Percent { width: 30% !important; } .Width33Percent { width: 33% !important; } .Width36Percent { width: 36% !important; } .Width37Percent { width: 37% !important; } .Width38Percent { width: 38% !important; } .Width40Percent { width: 40% !important; } .MarginRight1Percent { margin-right: 1% !important; } .MarginRight2Percent { margin-right: 2% !important; } div.FormQuoteWrapper div.FormRow div.FormField select { width: 100%; font-size: 17px; height: 40px; padding: 0 13px 1px; border: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .ImageUploader { position: relative; border-top: 1px solid rgba(37, 37, 37, 0.1); border-bottom: 1px solid rgba(37, 37, 37, 0.1); margin: 30px 0; padding: 30px 0; } .calc-block { position: relative; width: 70%; background: #24a74a; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 30px; -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); } .home .calc-block { width: auto; margin-bottom: 30px; } .page-template-wide .calc-block { width: auto; margin-bottom: 30px; } .orange-bg .calc-block { background: #fff; color: #24a74a; } .calc-block .FormRow { position: relative; height: 40px; line-height: 40px; font-size: 18px; margin-bottom: 10px; } .calc-block .FormRow.FormDuplicator .InputGroup { padding-right: 40px; } .calc-block .FormRow.FormDuplicator a.buttonFormGroup { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; font-size: 28px; line-height: 28px; text-decoration: none; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .calc-block .FormRow.FormDuplicator a.cloneFormGroup { background: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.3); } .calc-block .FormRow.FormDuplicator a.cloneFormGroup:hover { color: #000; background: #fff; } .calc-block .FormRow.FormDuplicator a.removeFormGroup { background: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.3); } .calc-block .FormRow.FormDuplicator a.removeFormGroup:hover { color: #fff; background: #cf0007; } .calc-block .FormRow .TippedInfo { line-height: 32px; font-size: 20px; color: rgba(37, 37, 37, 0.2); } .calc-block .FormRow .InputGroup { position: absolute; top: 0; right: 0; width: 40%; display: flex; } .calc-block .FormRow .InputGroup .InputField { position: relative; width: calc(50% - 5px); } .calc-block .FormRow .InputGroup .InputField input { width: 100%; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px; border: none; } .orange-bg .calc-block .FormRow .InputGroup .InputField input { background: #f0f0f0; } .calc-block .FormRow .InputGroup .InputField:last-child { margin-left: 10px; } .calc-block .FormRow .InputGroup .InputField.InputMeters:after { position: absolute; content: 'm'; top: 50%; right: 10px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #a9a9a9; } .calc-block .FormRow .InputGroup .InputField.InputCentimeters:after { position: absolute; content: 'cm'; top: 50%; right: 10px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #a9a9a9; } .calc-block .FormRow select { width: 40%; float: right; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px; } .calc-block .FormRow .switch { float: right; width: 40%; height: 40px; } .calc-block .FormRow .switch label { width: 100% !important; height: 100%; padding: 0 !important; background: none !important; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .calc-block .FormRow .switch label:before, .calc-block .FormRow .switch label:after { left: 0; right: 0; } .calc-block .FormRow .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; border-radius: 5px; } .calc-block .FormRow .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; border-radius: 5px 0 0 5px; } .calc-block .FormRow .switch input:checked + label:before { content: "JA"; padding-left: 0; padding-right: 50%; background: rgba(255, 255, 255, 0.3); } .calc-block .FormRow .switch input:checked + label:after { content: "NEE"; margin-left: 50%; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .calc-block .FormRow #CalculatorZipcode, .calc-block .FormRow #CalculatorCoupon { width: 40%; float: right; padding: 0 10px; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .orange-bg .calc-block .FormRow #CalculatorZipcode, .orange-bg .calc-block .FormRow #CalculatorCoupon { background: #f0f0f0; } .calc-block .CalculatorCoupon { background: #fff; width: 100%; -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); font-size: 18px !important; padding: 20px; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #000; } .calc-block .CalculatorCoupon input#CalculatorCoupon { width: 100%; float: none; border: 1px solid #dadada; } .Calculator { position: relative; } div.SummarySlide div.FormSection table.SummarySlide { margin-top: 15px; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.SummarySlide div.FormSection table.SummarySlide thead { background: #24a74a; } div.SummarySlide div.FormSection table.SummarySlide thead tr td { border: none !important; background: #24a74a; } div.SummarySlide div.FormSection table.SummarySlide tbody tr td { border: none !important; } div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n + 2) td { background: rgba(37, 37, 37, 0.05); } .calc-info { position: absolute; width: 40%; top: 0; left: calc(100% + 30px); color: #252525; } .calc-info p { font-size: 13px; line-height: 21px; margin-bottom: 21px; } div.WoodButtons { display: flex; margin: 0 -5px; text-align: center; justify-content: center; } div.WoodButtons div.WoodButtonWrapper { position: relative; width: calc(100% / 5); margin: 0 10px; } div.WoodButtons div.InformationAboutTerm { position: absolute; right: 10px; top: 10px; z-index: 2; cursor: pointer; color: #008ae1; width: 26px; height: 26px; line-height: 21px; font-size: 21px; background: #fff; border-radius: 50%; text-align: center; } div.WoodButtons span { width: 100%; line-height: 20px; font-size: 16px; font-weight: 700; padding: 15px 0 0; display: inline-block; color: #252525; } div.WoodButtons a.WoodButton { position: relative; text-decoration: none; } div.WoodButtons a.WoodButton:before { position: absolute; top: 50%; 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%); content: '\77'; font-family: "calculator" !important; width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #24a74a; color: #fff; border: 2px solid #fff; line-height: 38px; font-size: 16px; text-align: center; -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); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0; visibility: hidden; z-index: 1; } div.WoodButtons a.WoodButton img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; border: 4px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; } div.WoodButtons a.WoodButton:hover img { background: #24a74a; color: #fff; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } div.WoodButtons a.WoodButton.Active:before { visibility: visible; opacity: 1; } div.WoodButtons a.WoodButton.Active img { -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); border-color: #24a74a; } .products-container { position: relative; } .products-container .products { position: relative; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -15px; } .products-container .products .product-option .Product .ProductInfo { padding-bottom: 130px !important; } .products-container .products .product-option .Active div.Options span { color: #fff !important; } .products-container .products div.Options { width: calc(100% - 30px); position: absolute; bottom: 65px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); pointer-events: all !important; z-index: 222; } .products-container .products div.Options span { position: absolute; width: 100%; top: -30px; left: 0; color: #252525; line-height: 30px; font-size: 14px; display: block; background: transparent; text-align: left; } .products-container .products div.Options select { font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; background: #fff; } .products-container .products div.Options .options { width: 100%; height: 30px; border: 1px solid #ccc; pointer-events: all !important; position: relative; z-index: 222; } .products-container .products div.Options .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.NoSelection { pointer-events: none; } .products-container .products .product .Product.NoSelection div.AmountButtons { pointer-events: all; } .products-container .products .product .Product.NoSelection.Active .ProductContent { background: #fff; box-shadow: none; border: 1px solid #ededed; } .products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo { color: #000; } .products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo div.Amount:after { display: none; } .products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo div.Amount div.AmountButtons { pointer-events: all; } .products-container .products .product .Product .ProductContent { position: relative; margin: 0 15px; border: 1px solid #ebebeb; background: #f0f0f0; height: 100%; -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; overflow: hidden; } .FormAttachedProducts .products-container .products .product .Product .ProductContent { background: #fff; } .products-container .products .product .Product div.ProductInfo { padding-bottom: 70px; } .products-container .products .product .Product div.ProductInfo div.Title { font-weight: 700; height: auto; line-height: 20px; white-space: normal; } .products-container .products .product .Product div.ProductInfo div.Description { height: auto; line-height: 20px; white-space: normal; } .products-container .products .product .Product div.ProductInfo div.Description ul { border-top: 1px solid #dadada; margin: 10px 0 0; padding: 10px 0 0; } .products-container .products .product .Product div.ProductInfo div.Description ul li { padding-left: 34px; position: relative; text-align: left; margin-bottom: 3px; list-style: none; margin-left: 0; } .products-container .products .product .Product div.ProductInfo div.Description ul li:after { position: absolute; font-family: "calculator" !important; color: #24a74a; text-align: center; font-size: 18px; line-height: 24px; content: 'u'; width: 24px; height: 24px; top: 0px; left: 0px; } .products-container .products .product .Product div.ProductInfo div.Amount { position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); font-size: 16px; line-height: 36px; background: #24a74a; color: #fff; border: 2px solid rgba(255, 255, 255, 0.3); margin: 0; } .products-container .products .product .Product div.ProductInfo div.Amount input { visibility: hidden; } .products-container .products .product .Product div.ProductInfo div.Amount:after { position: absolute; font-family: "calculator" !important; color: #fff; text-align: center; font-size: 24px; line-height: 24px; content: '\77'; width: 24px; height: 24px; top: 50%; right: 8px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .products-container .products .product .Product div.ProductInfo div.Amount:hover { border-color: rgba(255, 255, 255, 0.7); color: #fff; background: #24a74a; -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); } .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: 100%; top: -30px; left: 0; color: #252525; line-height: 30px; font-size: 14px; 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 #24a74a; color: #24a74a; 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: #24a74a; border-color: rgba(255, 255, 255, 0.7); color: #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); } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount input { position: absolute; visibility: visible; top: 0; left: 0; width: 50%; padding: 0 10px; text-align: right; background: #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .products-container .products .product .Product.Active .ProductContent { background: #24a74a; border-color: #24a74a; -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); border-color: #fff; } .products-container .products .product .Product.Active div.ProductInfo { color: #fff; } .products-container .products .product .Product.Active div.ProductInfo div.Description ul li:after { color: #fff; } .products-container .products .product .Product.Active div.ProductInfo div.Amount { border-color: #fff !important; background: #fff !important; color: #24a74a !important; pointer-events: 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); } .products-container .products .product .Product.Active div.ProductInfo div.Amount:after { display: block; color: #24a74a !important; } .products-container .products .product .Product:hover { color: inherit; } .products-container .products .product .Product:hover div.ProductContent { cursor: pointer; -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); border-color: #fff; } .FormAttachedProducts .products-container .products .product .Product:hover div.ProductContent { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #f0f0f0; } .products-container .products .product .Product:hover div.ProductInfo div.Amount { border-color: rgba(255, 255, 255, 0.7); color: #fff; background: #24a74a; -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); } .products-container .extraOption { margin-top: 20px; border-radius: 5px; border: 1px solid #dadada; background: #fafafa; padding: 10px 15px; position: relative; } .products-container .extraOption input { display: inline-block; width: 16px; float: left; height: 30px; line-height: 30px; } .products-container .extraOption label { display: inline-block; width: calc(100% - 36px); float: right; height: auto; line-height: 28px; cursor: pointer; margin: 0; } div.FormExclamation { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; line-height: 45px; } .products-container .extraOption { background: #24a74a; border-width: 2px; border-color: rgba(255, 255, 255, 0.7); -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); } .products-container .extraOption label { line-height: 30px; font-size: 16px; color: #fff; } div#Category-18 div.InformationBar { display: none; } div.InformationBar { width: 100% !important; font-size: 14px; color: #252525; background: #f0f0f0; margin: 30px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.InformationBar:before { color: #fff; font-size: 26px; font-weight: normal; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; content: '\42'; font-family: "calculator" !important; } .FormAttachedProducts div.InformationBar { /*display: none;*/ } #SpecificationsContent { position: relative; } #SpecificationsContent div.ProductsWrapper { margin: 0; } @keyframes glowing { 0% { top: -150px; } 100% { top: 100%; } } .ProductsWrapper { margin: 0 !important; } .ProductsWrapper > section { border-bottom: 1px solid #f0f0f0; padding-bottom: 110px; counter-increment: section; } .ProductsWrapper > section:before { position: absolute; content: ''; width: 100%; /* height: 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 a.section-nav { position: absolute; top: calc(100% + 30px); left: 50%; width: auto; height: 48px; border: 2px solid #24a74a; /*background: $green;*/ font-size: 16px; line-height: 44px; font-weight: 700; padding: 0 20px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); color: #24a74a; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; overflow: hidden; } .ProductsWrapper > section a.section-nav: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(36, 167, 74, 0.2) 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; } .ProductsWrapper > section a.section-nav:after { position: absolute; font-family: "calculator" !important; text-transform: none; color: #fff; text-align: center; font-size: 18px; font-weight: normal; line-height: 24px; content: '\76'; width: 24px; height: 24px; bottom: 0; left: 50%; opacity: 0; visibility: hidden; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .ProductsWrapper > section a.section-nav i { position: absolute; top: 46%; 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%); display: block; display: none; line-height: 8px; } .ProductsWrapper > section a.section-nav span { position: relative; } .ProductsWrapper > section a.section-nav:hover { background: #24a74a; border-color: rgba(255, 255, 255, 0.7); color: #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); } .ProductsWrapper > section a.section-nav:hover:before { animation: glowing 1000ms infinite; border-color: rgba(37, 37, 37, 0.1) transparent transparent transparent; } .ProductsWrapper > section .section-title:before { position: absolute; content: counter(section); width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; border: 2px solid #24a74a; text-align: center; line-height: 42px; font-size: 26px; color: #24a74a; top: -5px; right: calc(100% + 15px); z-index: 3; } .ProductsWrapper > section > .container { position: relative; } .ProductsWrapper > section > .container:before, .ProductsWrapper > section > .container:after { position: absolute; top: -45px; left: -24px; width: 2px; height: calc(100% + 155px); content: ''; background: #ebebeb; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; z-index: 2; } .ProductsWrapper > section > .container:after { background-color: #24a74a; height: 0; } .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 a.section-nav { background: #24a74a; height: 54px; border-color: rgba(255, 255, 255, 0.7); color: #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); } .ProductsWrapper > section.completed a.section-nav:before { display: none; animation: glowing 1000ms infinite; border-color: rgba(37, 37, 37, 0.1) transparent transparent transparent; } .ProductsWrapper > section.completed a.section-nav:after { opacity: 1; visibility: visible; } .ProductsWrapper > section.completed:before { opacity: 0; visibility: hidden; } .ProductsWrapper > section.completed > .container:after { height: calc(100% + 170px); } .woocommerce #order_review { 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); padding: 15px; } .woocommerce #order_review table.shop_table { border: none; border-collapse: collapse; font-size: 14px; } .woocommerce #order_review table.shop_table thead tr th { background: #24a74a; color: #fff; padding: 15px; font-weight: 700; font-size: 18px; } .woocommerce #order_review table.shop_table tbody tr.order_item td { border: none; padding: 15px; background: #f0f0f0; line-height: normal; } .woocommerce #order_review table.shop_table tbody tr.order_item td p { line-height: normal; font-size: inherit; } .woocommerce #order_review table.shop_table tbody tr.order_item:nth-child(2n) td { background: transparent; } .woocommerce #order_review table.shop_table tfoot tr th, .woocommerce #order_review table.shop_table tfoot tr td { padding: 15px; line-height: normal; } .woocommerce #order_review table.shop_table tfoot tr:nth-last-child(2) { display: none; } .woocommerce-checkout #payment { background: transparent; padding: 15px; font-size: 14px; } .woocommerce-checkout #payment h2 { font-size: 28px; font-style: normal; margin-bottom: 10px; } .woocommerce-checkout #payment ul.payment_methods { display: flex; flex-flow: row wrap; margin: 0 -5px; padding: 0; border: none; } .woocommerce-checkout #payment ul.payment_methods li { width: 100%; margin: 0 5px; } .woocommerce-checkout #payment ul.payment_methods li input { display: none; } .woocommerce-checkout #payment ul.payment_methods li input:checked + label { background: #24a74a; color: #fff; border-color: rgba(255, 255, 255, 0.6); -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-checkout #payment ul.payment_methods li .payment_box legend { font-size: 14px; font-weight: 700; } .woocommerce-checkout #payment ul.payment_methods li .payment_box select { width: 100%; height: 30px; } .woocommerce-checkout #payment ul.payment_methods li label { position: relative; display: block; border: 2px solid #ddd; padding: 10px 15px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .woocommerce-checkout #payment ul.payment_methods li label img { max-width: 30px; } .woocommerce-checkout #payment ul.payment_methods li label .payment_box { position: absolute; bottom: 0; right: 0; width: auto; margin: 0; padding: 5px 10px; line-height: normal; font-size: 12px; background: #fff; color: #24a74a; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: none !important; z-index: 1; } .woocommerce-checkout #payment ul.payment_methods li label .payment_box:before { display: none; } .woocommerce-checkout #payment ul.payment_methods li label .payment_box p { font-size: 12px; line-height: normal; } .woocommerce-checkout #payment div.foot { padding: 0; margin-top: 15px; } .woocommerce-checkout #payment #place_order { float: none; display: inline-block; } #pageContents.user-area { margin-top: 42px; font-size: 14px; } #pageContents.user-area h3 { margin-bottom: 30px; } #pageContents.user-area h4 { margin-bottom: 10px; } #pageContents.user-area h5 { font-size: 14px; font-weight: 700; margin-bottom: 0; line-height: 21px; } #pageContents.user-area p { font-size: 14px; line-height: 21px; margin-bottom: 21px; } #pageContents.user-area p:last-child { margin-bottom: 0; } #pageContents.user-area a { text-decoration: underline; } #pageContents.user-area ul li { margin-left: 20px; line-height: 21px; } #pageContents.user-area ul.product-list li { position: relative; display: block; line-height: 28px; margin: 0 0 5px 0; list-style: none; } #pageContents.user-area ul.product-list li input[type="checkbox"] { position: absolute; top: 50%; left: 10px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #pageContents.user-area ul.product-list li input[type="number"] { position: absolute; top: 50%; left: 0px; width: 80px; height: 100%; border: 2px solid #ddd; padding: 0 10px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #pageContents.user-area ul.product-list li input[type="number"] + label { padding: 5px 10px 5px 100px; } #pageContents.user-area ul.product-list li label { display: block; cursor: pointer; padding: 5px 10px 5px 30px; border: 2px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*font-weight: 700;*/ } #pageContents.user-area ul.product-list li.active label { border-color: #24a74a; background: #24a74a; color: #fff; } #pageContents.user-area .block { position: relative; display: block; margin-bottom: 15px; padding: 20px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #pageContents.user-area .block .signature-pad .signature-pad-body canvas { border: 1px solid #dadada; margin: 0 auto 20px; display: table; width: 380px; height: auto; height: 180px; } #pageContents.user-area .block .signature-pad .description { text-align: center; margin: 0 auto 10px; } .modal-backdrop { background: #FFF; } .modal-backdrop.show { opacity: 1 !important; } #calendar h2 { font-size: 24px; font-style: normal; } #calendar .fc .fc-axis, #calendar .fc button, #calendar .fc-day-grid-event .fc-content, #calendar .fc-list-item-marker, #calendar .fc-list-item-time, #calendar .fc-time-grid-event .fc-time, #calendar .fc-time-grid-event.fc-short .fc-content { white-space: normal; padding: 5px; font-size: 12px; font-weight: 600; } /*# sourceMappingURL=calculator.css.map */ /* ============================================================ COMMON ============================================================ */ .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ============================================================ SWITCH 1 - ROUND ============================================================ */ input.cmn-toggle-round + label { padding: 2px; width: 120px; height: 60px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.cmn-toggle-round + label:before { right: 1px; background-color: #f1f1f1; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round + label:after { width: 58px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } input.cmn-toggle-round:checked + label:before { background-color: #8ce196; } input.cmn-toggle-round:checked + label:after { margin-left: 60px; } /* ============================================================ SWITCH 2 - ROUND FLAT ============================================================ */ input.cmn-toggle-round-flat + label { padding: 2px; width: 120px; height: 60px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after { display: block; position: absolute; content: ""; } input.cmn-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:after { top: 4px; left: 4px; bottom: 4px; width: 52px; background-color: #dddddd; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; -o-border-radius: 52px; border-radius: 52px; -webkit-transition: margin 0.4s, background 0.4s; -moz-transition: margin 0.4s, background 0.4s; -o-transition: margin 0.4s, background 0.4s; transition: margin 0.4s, background 0.4s; } input.cmn-toggle-round-flat:checked + label { background-color: #8ce196; } input.cmn-toggle-round-flat:checked + label:after { margin-left: 60px; background-color: #8ce196; } /* ============================================================ SWITCH 3 - YES NO ============================================================ */ input.cmn-toggle-yes-no + label { padding: 2px; width: 120px; height: 60px; } input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; font-family: "Roboto Slab", serif; font-size: 20px; text-align: center; line-height: 60px; } input.cmn-toggle-yes-no + label:before { background-color: #dddddd; content: attr(data-off); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } input.cmn-toggle-yes-no + label:after { background-color: #8ce196; content: attr(data-on); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } input.cmn-toggle-yes-no:checked + label:before { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } input.cmn-toggle-yes-no:checked + label:after { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }/* MIXINS */ body.page-template-management .LoaderWrapper { background: url(../images/misc/loader.gif) center center no-repeat rgba(255, 255, 255, 0.5); width: 100%; height: 100%; position: fixed; z-index: 200000; left: 0; right: 0; bottom: 0; top: 0; display: none; } body.page-template-management .form-control:disabled, body.page-template-management .form-control[readonly] { background-color: rgba(36, 167, 74, 0.1); } body.page-template-management table { font-size: 14px; } body.page-template-management table.table tr td, body.page-template-management table.table tr th { padding: 15px; } body.page-template-management table.align-middle td { vertical-align: middle; } body.page-template-management table .buttonIcon { text-decoration: none; background: #24a74a; width: 30px; height: 30px; text-align: center; line-height: 28px; vertical-align: middle; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff !important; margin-left: 5px; text-decoration: none !important; } body.page-template-management table .buttonIcon i { margin: 0; } body.page-template-management table .buttonIcon:first-child { margin-left: 0; } body.page-template-management form.normal { font-size: 14px; } body.page-template-management form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } body.page-template-management form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } body.page-template-management form.normal .form-check label { font-weight: normal; } body.page-template-management form .form-inline input { min-width: 150px; } body.page-template-management form .form-inline span { display: inline-block; margin: 0 5px; } body.page-template-management form > table tr td:first-child { width: 30%; } body.page-template-management form > table tr td p { font-size: 12px; line-height: 18px; } body.page-template-management form > table.half tr td { width: 50%; } body.page-template-management form > table.half tr td:first-child { width: 50%; } body.page-template-management form > table.quarter tr td { width: 25%; } body.page-template-management form > table.quarter tr td:first-child { width: 25%; } body.page-template-management .inputs { position: relative; } body.page-template-management .inputs.inputs-radio { font-size: 0; margin: 0; } body.page-template-management .inputs.inputs-radio .input { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; min-width: 50px; height: 35px; border: 2px solid #24a74a; overflow: hidden; } body.page-template-management .inputs.inputs-radio .input input[type="radio"] { position: absolute; visibility: hidden; top: 0; left: 0; margin: 0; } body.page-template-management .inputs.inputs-radio .input input[type="radio"]:checked + label { color: #24a74a; } body.page-template-management .inputs.inputs-radio .input label { display: block; /*background: rgba($green, 0.05);*/ margin: 0; padding: 0 15px; line-height: 33px; font-size: 14px; font-weight: 600; /*text-transform: uppercase;*/ margin: 0; text-align: center; cursor: pointer; } body.page-template-management .inputs.inputs-radio .input:first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } body.page-template-management .inputs.inputs-radio .input:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: none; } body.page-template-management .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(36, 167, 74, 0.03); } body.page-template-management .table-hover tbody tr:hover { background-color: rgba(36, 167, 74, 0.07); } body.page-template-management .nav-header { margin-bottom: 30px; } body.page-template-management .nav-header ul { list-style: none; } body.page-template-management .nav-header ul li { list-style: none; margin: 0; } body.page-template-management .nav-header .nav-pills { margin-bottom: 0 !important; border-bottom: 1px solid rgba(36, 167, 74, 0.2); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } body.page-template-management .nav-header .nav-pills .nav-item { margin-right: 5px !important; margin-left: 5px !important; border: 1px solid rgba(36, 167, 74, 0.3); border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } body.page-template-management .nav-header .nav-pills .nav-item a { text-decoration: none; font-size: 16px; padding: 10px 15px; font-weight: 700; background: rgba(36, 167, 74, 0.1); color: rgba(36, 167, 74, 0.5); text-decoration: none !important; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } body.page-template-management .nav-header .nav-pills .nav-item a:hover { background: rgba(36, 167, 74, 0.1); } body.page-template-management .nav-header .nav-pills .nav-item a.active { background: #fff; color: #24a74a; border-bottom: 1px solid #fff; margin-bottom: -1px; } @media screen and (max-width: 767px) { body.page-template-management table tr th { white-space: nowrap; } body.page-template-management table tr td { display: block; } .table-responsive body.page-template-management table tr td { display: table-cell; } body.page-template-management table tr > td:nth-child(2n) { border-top: none; } .table-responsive body.page-template-management table tr > td:nth-child(2n) { border-top: 1px solid rgba(36, 167, 74, 0.15); } body.page-template-management form.normal { font-size: 14px; } body.page-template-management form.normal .form-group { /*margin-bottom: 15px;*/ /*padding-bottom: 15px;*/ /*border-bottom: 1px solid rgba($color1, 0.1);*/ } body.page-template-management form.normal label { display: block; font-weight: normal; margin-bottom: 5px; } body.page-template-management form.normal .form-check label { font-weight: normal; } body.page-template-management form .form-inline input { min-width: 150px; } body.page-template-management form .form-inline span { display: inline-block; margin: 0 5px; } body.page-template-management form#coachTypeForm { /*margin-bottom: 30px;*/ } body.page-template-management form > table tr th { white-space: nowrap; } body.page-template-management form > table tr td:first-child { width: 100%; } body.page-template-management form > table tr td p { font-size: 12px; line-height: 18px; } body.page-template-management form > table tr td:nth-child(odd) { padding-bottom: 5px; } body.page-template-management form > table tr td:nth-child(even) { padding-top: 5px; } body.page-template-management form > table.half tr td { width: 100%; } body.page-template-management form > table.half tr td:first-child { width: 100%; } body.page-template-management form > table.quarter tr td { width: 100%; } body.page-template-management form > table.quarter tr td:first-child { width: 100%; } } body.page-template-management section.calendar { position: relative; display: flex; flex-flow: row nowrap; height: 100vh; padding: 0; } body.page-template-management section.calendar div.dayView { position: relative; width: calc(100% / 5); min-width: 380px; height: 100vh; padding: 50px 15px 15px; background-color: #24a74a; min-width: inherit; } body.page-template-management section.calendar div.dayView div.heading { position: relative; display: flex; flex-flow: row wrap; padding-left: 15px; height: 100px; z-index: 2; } body.page-template-management section.calendar div.dayView div.heading div.image { position: relative; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #252525; } body.page-template-management section.calendar div.dayView div.heading div.image div.dayInitials { text-align: center; position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; font-weight: 700; font-size: 38px; } body.page-template-management section.calendar div.dayView div.heading div.image div.add { position: absolute; width: 44px; height: 44px; background: #24a74a; color: #fff; bottom: calc(-15px / 2); right: calc(-15px / 2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.page-template-management section.calendar div.dayView div.heading div.image div.add:before { position: absolute; top: 50%; 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%); content: '+'; font-weight: 700; font-size: 2.5rem; z-index: 1; width: 44px; height: 44px; line-height: 44px; text-align: center; } body.page-template-management section.calendar div.dayView div.heading div.image div.add:hover { background: #24a74a; color: #fff; cursor: pointer; } body.page-template-management section.calendar div.dayView div.heading div.content { position: relative; width: calc(100% - 115px); margin-left: 15px; padding-top: 15px; font-weight: 700; text-transform: lowercase; } body.page-template-management section.calendar div.dayView div.heading div.content div.dayName { font-size: 1.5rem; line-height: 1rem; color: #fff; } body.page-template-management section.calendar div.dayView div.heading div.content div.dayDate { font-size: 1.2rem; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper { position: relative; height: calc(100% - 85px); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; margin-top: -30px; padding: 45px 0 25px; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView { position: relative; height: 100%; overflow-y: scroll; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView::-webkit-scrollbar { width: 0px; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.15); } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView::-webkit-scrollbar-thumb:hover { background: #555; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days { position: relative; display: grid; grid-template-columns: 1; grid-template-rows: repeat(36, 25px); } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days > div { position: relative; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days > div .time { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.9rem; font-weight: 700; color: rgba(0, 0, 0, 0.15); line-height: 28px; padding-left: 15px; z-index: 1; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days > div:nth-child(even) { background-color: #f0f0f0; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none !important; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry { font-size: 0.9rem; cursor: pointer; z-index: 0; position: absolute; width: 100% !important; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry.ui-draggable-dragging { cursor: grabbing; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry.entry-completed { opacity: 0.8; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry.entry-deadline div.entryWrapper { border: 2px solid rgba(178, 0, 0, 0.4); position: relative; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry.entry-deadline div.entryWrapper:before { content: ""; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #b20000; transform: scale(1); background: #b20000; box-shadow: 0 0 0 0 #b20000; animation: pulse-red 2s infinite; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry .entryWrapper { width: calc(100% - 8px); height: 100%; margin: 2px 4px; padding: 4px 15px 4px 60px; border: 1px solid #fff; background-color: #24a74a; color: #fff; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry .title { font-weight: 700; line-height: initial; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry .title span { font-weight: normal; } body.page-template-management section.calendar div.dayView div.calendarViewWrapper div.calendarView div.days .dayContent .entry .description { font-size: 0.8rem; line-height: 15px; } /*# sourceMappingURL=z_management.css.map */ /* MIXINS */ @media screen and (max-width: 1024px) { .ProductsWrapper > section .container:before, .ProductsWrapper > section .container:after { left: -5px; } .ProductsWrapper > section .section-title:before { width: 28px; height: 28px; line-height: 24px; font-size: 18px; top: 5px; right: calc(100% + 5px); } .ProductsWrapper > section.active .container:after { height: 70px; } } @media screen and (max-width: 800px) { .calc-block { width: auto; padding: 15px; } .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%; line-height: 18px; padding-top: 5px; vertical-align: middle; } div.InformationBar:before { line-height: 50px; } div.InformationBar .DisplaySelectedItem { font-size: 14px; } #calcSummary { width: calc(100% - 30px); right: 15px; padding: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } #calcSummary #SummaryHTML.active div#SummaryTotalPrice { margin: 0 -15px -15px -15px; } #calcSummary #SummaryHTML.active h2 { margin: -15px -15px 0 -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% / 3); 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; } .ProductsWrapper > section { padding-top: 45px; } .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 .section-title:before { content: "Stap " counter(section); top: -45px; right: auto; left: -30px; width: auto; height: 38px; padding: 0 15px; line-height: 34px; font-size: 20px; font-weight: 700; /*border-left-width: 5px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ProductsWrapper > section.active > .container:after { height: 45px; } } @media screen and (max-width: 767px) { .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; } div.InformationBar .DisplaySelectedItem { font-size: 12px; line-height: 13px; margin-top: 0; } } @media screen and (max-width: 500px) { #mainContent section .section-title p { font-size: 14px; line-height: 22px; } .ProductsWrapper > section .section-title { margin-top: 10px; margin-bottom: 15px; } .ProductsWrapper > section .section-title:before { left: 0; } .FormAttachedProducts .products-container .products .product .Product div.ProductInfo { padding-bottom: 15px; } .calc-block .FormRow { height: auto; } .calc-block .FormRow .InputGroup, .calc-block .FormRow select, .calc-block .FormRow .switch, .calc-block .FormRow #CalculatorZipcode { position: relative; width: auto; top: auto; right: auto; float: none; } .calc-block .FormRow select, .calc-block .FormRow #CalculatorZipcode { width: 100%; display: block; } div.WoodButtons { margin: 0 -10px; /*display: block;*/ } div.WoodButtons a.WoodButton { width: calc(100% / 3); margin-top: 15px; } div.WoodButtons a.WoodButton:before { width: 28px; height: 28px; line-height: 24px; font-size: 15px; top: 34%; } div.WoodButtons a.WoodButton span { font-size: 12px; line-height: 16px; } div.InformationBar:before { font-size: 20px; } .products-container .extraOption label { line-height: 20px; } .products-container .products { margin: 0 calc(-15px / 2); } .products-container .products .product { 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: 35px; left: auto; bottom: auto; width: auto; } } /*# sourceMappingURL=z_responsive.css.map */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}/* * 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; }/*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; width: 100%; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 60px; height: 60px; border: 3px solid #666; border-radius: 50%; background: rgba(255,255,255,0.75); cursor: pointer; transition: .2s all; /* vertically center */ -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { color: #FFF; background: rgba(248,157,38,0.9); border: 3px solid #f89d26; } .flickity-prev-next-button:hover .arrow { fill: #FFF; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: -30px; } .flickity-prev-next-button.next { right: -10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 25%; top: 25%; width: 50%; height: 50%; } .flickity-prev-next-button .arrow { fill: #333; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -35px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 15px; height: 15px; margin: 15px 6px 0; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; }