[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)}@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */ @font-face { font-family: 'Quicksand'; src: url('../fonts/QuicksandLight/QuicksandLight.eot'); src: url('../fonts/QuicksandLight/QuicksandLight.eot') format('embedded-opentype'), url('../fonts/QuicksandLight/QuicksandLight.woff2') format('woff2'), url('../fonts/QuicksandLight/QuicksandLight.woff') format('woff'), url('../fonts/QuicksandLight/QuicksandLight.ttf') format('truetype'), url('../fonts/QuicksandLight/QuicksandLight.svg#Quicksand') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/QuicksandRegular/QuicksandRegular.eot'); src: url('../fonts/QuicksandRegular/QuicksandRegular.eot') format('embedded-opentype'), url('../fonts/QuicksandRegular/QuicksandRegular.woff2') format('woff2'), url('../fonts/QuicksandRegular/QuicksandRegular.woff') format('woff'), url('../fonts/QuicksandRegular/QuicksandRegular.ttf') format('truetype'), url('../fonts/QuicksandRegular/QuicksandRegular.svg#Quicksand') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/QuicksandSemiBold/QuicksandSemiBold.eot'); src: url('../fonts/QuicksandSemiBold/QuicksandSemiBold.eot') format('embedded-opentype'), url('../fonts/QuicksandSemiBold/QuicksandSemiBold.woff2') format('woff2'), url('../fonts/QuicksandSemiBold/QuicksandSemiBold.woff') format('woff'), url('../fonts/QuicksandSemiBold/QuicksandSemiBold.ttf') format('truetype'), url('../fonts/QuicksandSemiBold/QuicksandSemiBold.svg#Quicksand') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('../fonts/QuicksandBold/QuicksandBold.eot'); src: url('../fonts/QuicksandBold/QuicksandBold.eot') format('embedded-opentype'), url('../fonts/QuicksandBold/QuicksandBold.woff2') format('woff2'), url('../fonts/QuicksandBold/QuicksandBold.woff') format('woff'), url('../fonts/QuicksandBold/QuicksandBold.ttf') format('truetype'), url('../fonts/QuicksandBold/QuicksandBold.svg#Quicksand') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'SequelNeue'; src: url('../fonts/SequelNeue/SequelNeue.eot'); src: url('../fonts/SequelNeue/SequelNeue.eot') format('embedded-opentype'), url('../fonts/SequelNeue/SequelNeue.woff2') format('woff2'), url('../fonts/SequelNeue/SequelNeue.woff') format('woff'), url('../fonts/SequelNeue/SequelNeue.ttf') format('truetype'), url('../fonts/SequelNeue/SequelNeue.svg#SequelNeue') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'KarlaItalic'; src: url('../fonts/KarlaItalic/KarlaItalic.eot'); src: url('../fonts/KarlaItalic/KarlaItalic.eot') format('embedded-opentype'), url('../fonts/KarlaItalic/KarlaItalic.woff2') format('woff2'), url('../fonts/KarlaItalic/KarlaItalic.woff') format('woff'), url('../fonts/KarlaItalic/KarlaItalic.ttf') format('truetype'), url('../fonts/KarlaItalic/KarlaItalic.svg#KarlaItalic') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Wizard"; src: url("../fonts/Wizard/Wizard.eot"); src: url("../fonts/Wizard/Wizard.eot?#iefix") format("embedded-opentype"), url("../fonts/Wizard/Wizard.woff") format("woff"), url("../fonts/Wizard/Wizard.ttf") format("truetype"), url("../fonts/Wizard/Wizard.svg#Wizard") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Verkoopjevloer"; src: url("../fonts/Verkoopjevloer/Verkoopjevloer.eot"); src: url("../fonts/Verkoopjevloer/Verkoopjevloer.eot?#iefix") format("embedded-opentype"), url("../fonts/Verkoopjevloer/Verkoopjevloer.woff") format("woff"), url("../fonts/Verkoopjevloer/Verkoopjevloer.ttf") format("truetype"), url("../fonts/Verkoopjevloer/Verkoopjevloer.svg#Verkoopjevloer") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [data-icon]:before { font-family: "Verkoopjevloer" !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^="fc-"]:before, [class*=" fc-"]:before { font-family: "Verkoopjevloer" !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; } .fc-shoppingcart:before { content: "\61"; } .fc-search:before { content: "\62"; } .fc-angle-down:before { content: "\65"; } .fc-angle-up:before { content: "\66"; } .fc-building:before { content: "\67"; } .fc-clock:before { content: "\68"; } .fc-comment:before { content: "\69"; } .fc-edit:before { content: "\6a"; } .fc-envelope:before { content: "\6b"; } .fc-unlock:before { content: "\6d"; } .fc-wallet:before { content: "\6e"; } .fc-shield-check:before { content: "\6f"; } .fc-share:before { content: "\70"; } .fc-search-doc:before { content: "\71"; } .fc-phone:before { content: "\73"; } .fc-calendar:before { content: "\74"; } .fc-bulb:before { content: "\75"; } .fc-piggy-bank:before { content: "\72"; } .fc-marker:before { content: "\76"; } .fc-briefcase:before { content: "\77"; } .fc-lock:before { content: "\79"; } .fc-home:before { content: "\7a"; } .fc-menu:before { content: "\78"; } .fc-menu-close:before { content: "\41"; } .fc-checked:before { content: "\63"; } .fc-account:before { content: "\64"; } .fc-t:before { content: "\42"; } .fc-filters:before { content: "\43"; } .fc-facebook:before { content: "\44"; } .fc-instagram:before { content: "\45"; } .fc-linkedin:before { content: "\46"; } .fc-shoppingbag:before { content: "\47"; } .fc-save:before { content: "\48"; } .fc-eye:before { content: "\49"; } .fc-pdf:before { content: "\4a"; } .fc-shoppingcart-add:before { content: "\4b"; } .fc-tiktok:before { content: "\6c"; } .fc-social-network:before { content: "\4c"; } .fc-trustpilot:before { content: "\4d"; } .fc-quote:before { content: "\4e"; }/* 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; } textarea:hover, input:hover, textarea:active, input:active, textarea:focus, select:focus, input:focus, button:focus, button:active, button:hover, .btn, .page-link { box-shadow: none !important; outline: none !important; -webkit-appearance: none; } /* 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: 'Quicksand', sans-serif; font-weight: 400; font-size: 16px; font-style: normal; line-height: normal; color: #002e2e; overflow-x: hidden !important; } body.no-scroll { overflow: hidden; } .ratio { background-color: transparent !important; } h1, h1 strong, h2, h2 strong, h3, h3 strong, h4, h4 strong, h5, h5 strong, h6, h6 strong { font-family: 'SequelNeue', sans-serif; font-weight: 400; letter-spacing: -1px; } h1, h1 strong { letter-spacing: -2.5px; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #ff9c1e; font-weight: 400; } h1 { font-size: 28px; line-height: 44px; margin-bottom: 10px; } h2 { font-size: 24px; margin-bottom: 15px; line-height: 42px; color: #002e2e; } h2 span { display: block; } h3 { font-size: 22px; margin-bottom: 15px; line-height: 34px; } h3 span { color: #002e2e; } h4 { font-size: 22px; margin-bottom: 15px; } p { margin-bottom: 24px; line-height: 28px; } p:last-child { margin: 0; } ol, ul { margin-bottom: 28px; } ol li, ul li { line-height: 28px; margin-left: 20px; } ol li { list-style: decimal; } small { font-size: 12px; } small.text-muted { font-style: italic; } .order-6 { order: 6 !important; } a { text-decoration: underline; color: #002e2e; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } a:hover { color: #002e2e; } a.full-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 2; } /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 90%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: rgba(51, 51, 51, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 90%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid rgba(51, 51, 51, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } i:before { vertical-align: middle; } img { max-width: 100%; height: auto; vertical-align: middle; overflow: hidden; } strong { font-weight: 600; } em { font-style: italic; } .loaderWrapper { background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 10; } .loaderIcon { display: inline-block; position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .loaderIcon:before, .loaderIcon:after { content: ""; display: block; position: absolute; border: 4px solid #8dc63f; opacity: 1; border-radius: 50%; animation: loaderAnimation 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loaderIcon:after { animation-delay: -0.5s; } @keyframes loaderAnimation { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } } @keyframes arrowAnimationRight { 0% { opacity: 0; transform: translate(-25px, 0); } 50% { opacity: 1; } 100% { opacity: 0; transform: translate(25px, 0); } } @keyframes arrowAnimationLeft { 0% { opacity: 0; transform: translate(25px, 0); } 50% { opacity: 1; } 100% { opacity: 0; transform: translate(-25px, 0); } } @keyframes slideBackgroundss { 0% { background-position: 0% 50%; } /* Beginpositie van de achtergrond */ 50% { background-position: 100% 50%; } /* Eindpositie van de achtergrond */ } .btn { width: fit-content; background: #0b6161; border: 0px; color: #ffffff; font-style: normal; padding: 12px 20px; font-size: 16px; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); } .btn:hover { transform: scale(1.05); } .btn i { margin: 0 10px 0 0; } .btn:hover { color: #ffffff; box-shadow: 0 0 0 3px rgba(11, 97, 97, 0.2) !important; } .btn.btn-alt { border: 1px solid #ffffff; } .btn.btn-lined { background: transparent; border: 1px solid #8dc63f; color: #8dc63f; } .btn.btn-lined.black { border: 1px solid #000000; color: #002e2e; } .btn.btn-lined.black:hover { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2) !important; } .btn.btn-lined.white { border: 1px solid #ffffff; color: #ffffff; } .btn.btn-lined.white:hover { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important; } .btn.btn-no-line { background: transparent; border: 0px solid #8dc63f; color: #8dc63f; padding: 0; } .btn.btn-no-line.black { border: 0px solid #000000; color: #000000; } .btn.btn-no-line.black:hover { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2) !important; } .btn.btn-orange { background: #ff9c1e; border: 3px solid rgba(255, 156, 30, 0.2); } .btn.btn-orange:hover { background: #ff9c1e; color: #ffffff; box-shadow: 0 0 0 3px rgba(255, 156, 30, 0.2) !important; } .btn.btn-green { background: #8dc63f; border: 1px solid #8dc63f; } .btn.btn-green:hover { background: #8dc63f; color: #ffffff; box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.2) !important; } .next-step { display: flex; justify-content: flex-start; align-items: start; flex-direction: column; padding-right: 60px; height: 60px; position: absolute; right: 0; bottom: 0; text-decoration: none; overflow: hidden; font-size: 16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .next-step:hover:after { border-bottom: 60px solid #ff9c1e; /* onderkant, border met kleur */ } .next-step:hover:before { animation: arrowAnimationRight 1s infinite; } .next-step:before { content: ">"; font-family: "SequelNeue"; font-size: 36px; color: #ffffff; position: absolute; right: 10px; top: 21px; z-index: 5; } .next-step:after { content: ""; border-right: 0 solid transparent; /* afschuining links */ border-left: 60px solid transparent; /* afschuining rechts */ border-bottom: 60px solid #0b6161; /* onderkant, border met kleur */ text-align: center; color: #ffffff; position: absolute; right: 0; width: 60px; height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .prev-step { display: flex; justify-content: flex-start; align-items: start; flex-direction: column; padding-left: 60px; height: 60px; position: absolute; left: 0; bottom: 0; text-decoration: none; overflow: hidden; font-size: 16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .prev-step:hover:after { border-bottom: 60px solid #ff9c1e; /* onderkant, border met kleur */ } .prev-step:hover:before { animation: arrowAnimationLeft 1s infinite; } .prev-step:before { content: "<"; font-family: "SequelNeue"; font-size: 36px; color: #ffffff; position: absolute; left: 10px; top: 21px; z-index: 5; } .prev-step:after { content: ""; border-left: 0 solid transparent; /* afschuining links */ border-right: 60px solid transparent; /* afschuining rechts */ border-bottom: 60px solid #0b6161; /* onderkant, border met kleur */ text-align: center; color: #ffffff; position: absolute; left: 0; width: 60px; height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .spinner-border { border: 0.15em solid #8dc63f; border-right-color: transparent; } div.lightbox button.btn-close { width: 30px; height: 30px; background: #8dc63f !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; text-align: center; position: absolute !important; right: 20px !important; top: 20px !important; padding: 0 !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 1 !important; display: flex; justify-content: center; align-items: center; } div.lightbox button.btn-close svg { width: 16px; height: 16px; top: unset !important; } div.lightbox button.btn-close:hover { opacity: 1 !important; } div.lightbox .carousel-control { color: #ffffff; opacity: 1 !important; } div.lightbox .carousel-control span { width: 30px; height: 30px; line-height: 30px; background-color: #8dc63f !important; background-size: 75%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; text-align: center; padding: 0 !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 1 !important; color: #ffffff; } /* END GENERAL STYLES */ header { background: rgba(11, 97, 97, 0.7); background-blend-mode: multiply; color: #ffffff; height: 145px; display: flex; align-items: center; position: sticky; position: -webkit-sticky; /* Safari */ top: 0; z-index: 30; -webkit-transition: 1s all; -moz-transition: 1s all; -ms-transition: 1s all; -o-transition: 1s all; overflow-x: hidden !important; } header.active { background: #0b6161; } header a.logo { display: inline-block; width: 100%; position: relative; } header a.logo:before { content: ""; position: absolute; right: 100%; top: 0; width: 1000px; height: 145px; background: #ffffff; z-index: 10; } header a.logo div.logo { background: #ffffff; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%); height: 145px; position: relative; display: flex; align-items: center; margin-top: auto; margin-bottom: auto; } header a.logo div.logo img { background: #ffffff; max-width: 375px; height: 100%; display: flex; } header ul.mainmenu { background: rgba(0, 46, 46, 0.6); background-blend-mode: multiply; height: 95px; gap: 40px; position: relative; } header ul.mainmenu:before { content: ""; position: absolute; left: 100%; top: 0; width: 1000px; height: 95px; background: rgba(0, 46, 46, 0.6); z-index: 10; } header ul.mainmenu li { margin: 0; font-weight: 600; } header ul.mainmenu li a { border: 0px; text-decoration: none; color: #ffffff; font-size: 20px; padding-bottom: 5px; border-bottom: 2px solid rgba(255, 255, 255, 0); } header ul.mainmenu li a:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.6); } header ul.usp { height: 50px; gap: 30px; } header ul.usp li { margin: 0; font-size: 16px; font-weight: 600; } header ul.usp li i { border: 0px; text-decoration: none; color: #8dc63f; } nav { display: flex; align-items: center; background: #8dc63f; background: linear-gradient(90deg, #8dc63f 0%, #8dc63f 100%); } nav ul { display: flex; gap: 10px; height: 50px; } nav ul li { margin: 0; height: 100%; box-sizing: border-box; padding: 0 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } nav ul li.toggleMegaMenu { cursor: pointer; } nav ul li.toggleMegaMenu.active { background: #8dc63f; } nav ul li.toggleMegaMenu.active i { margin-left: 14px; font-size: 12px; } nav ul li.toggleMegaMenu a { pointer-events: none; cursor: pointer; } nav ul li.toggleMegaMenu a i { margin-left: 10px; } nav ul li a { color: #ffffff; display: flex; justify-content: center; align-items: center; border: 0px; text-decoration: none; font-size: 16px; height: 100%; } nav ul li a:hover { color: #ffffff; } nav ul li.active, nav ul li:hover { background: rgba(0, 46, 46, 0.1); } .mega-menu { max-width: calc(1320px - var(--bs-gutter-x,1.5rem)); width: 100%; background: #fff; position: absolute; -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); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 10; overflow: hidden; opacity: 0; visibility: hidden; left: 50%; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; -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; } .mega-menu.active { opacity: 1; visibility: visible; } .mega-menu > ul { margin: 0; padding: 0; font-size: 0; background: rgba(141, 198, 63, 0.1); min-height: 350px; } .mega-menu > ul > li { position: inherit; line-height: 42px; list-style: none; margin: 0; font-size: 15px; width: 280px; padding: 0 30px; } .mega-menu > ul > li a { text-decoration: none; color: #000000; } .mega-menu > ul > li.has-submenu > a { position: relative; width: 100%; display: block; } .mega-menu > ul > li.has-submenu > a:before { content: "\65"; font-family: "Depot4" !important; font-style: normal !important; font-weight: normal !important; position: absolute; right: -30px; top: 0; font-size: 16px; -ms-transform: rotate(-90deg) translateY(-50%); -webkit-transform: rotate(-90deg) translateY(-50%); -moz-transform: rotate(-90deg) translateY(-50%); -o-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); } .mega-menu > ul > li.has-submenu.active { background: rgba(141, 198, 63, 0.1); } .mega-menu > ul > li.has-submenu.active > div.submenu { opacity: 1; /*top: 100%;*/ visibility: visible; } .mega-menu > ul > li.has-submenu:hover { background: rgba(141, 198, 63, 0.1); } .mega-menu > ul > li.has-submenu:hover > div.submenu { opacity: 1; /*top: 100%;*/ visibility: visible; } .mega-menu > ul > li.has-submenu:hover > ul { opacity: 1; visibility: visible; left: -15px; } .mega-menu > ul > li.has-submenu > div.submenu { position: absolute; opacity: 0; top: 0; visibility: hidden; display: flex; flex-flow: row wrap; width: calc(100% - 280px); height: 100%; left: 280px; color: #000000; text-align: left; border-left: 1px solid #d1d1d1; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper { width: 100%; height: 100%; padding: 15px; background: #fff; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul { width: 100%; height: 100%; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li { position: relative; color: #000000; font-size: 15px; line-height: 22px; list-style: none; margin: 0 0 15px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; /*@include transition;*/ } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li > a { color: #000000; font-size: 15px; font-weight: 600; padding: 10px; display: flex; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li > a:hover { color: #8dc63f; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li img { width: 100%; height: auto; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li > ul { margin: -10px 0 5px; padding: 0; list-style: none; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li > ul > li { padding: 5px 10px; margin: 0; line-height: 22px; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li > ul > li > a:hover { color: #8dc63f; } .mega-menu > ul > li.has-submenu > div.submenu > div.wrapper > ul > li:hover { border-color: #000000; /*@include transform(translateY(-2px));*/ } .mega-menu > ul > li.has-submenu > div.submenu > div.right-part { position: relative; width: calc(100% / 4); padding: 15px; font-size: 13px; } .table-striped > tbody > tr:nth-of-type(2n+1) > * { background: rgba(11, 97, 97, 0.05); box-shadow: none; } section { position: relative; overflow: hidden !important; } section.lightgrey { background: #fafafa; } section.darkturquoise { background: #002e2e; } section.turquoise { background: rgba(11, 97, 97, 0.1); } section.padding-small { padding: 30px 0; } section.padding-medium { padding: 60px 0; } section.padding-large { padding: 80px 0; } section.padding-bottom { padding: 0 0 30px; } section.image-section { background-position: 100% 50%; background-repeat: no-repeat; background-color: rgba(11, 97, 97, 0.8); background-blend-mode: multiply; position: relative; } section.image-section.slider { margin: -145px auto 0; padding-top: 145px; min-height: 800px; } section.image-section.slider div.content h1 { font-size: 60px; margin: 0 0 20px; } section.image-section.houten-vloer { background-image: url(../img/content/houten-vloer-op-verkoop-je-vloer.jpg); } section.image-section.grenen-vloer { background-image: url(../img/content/grenen-houten-vloer.jpg); padding: 80px 0; } section.image-section.vloer-weg-halen { background-image: url(../img/content/vloer-weg-halen.jpg); padding: 80px 0; } section.image-section div.content { color: #ffffff; } section.image-section div.content h1 { font-size: 40px; line-height: 60px; color: #ffffff; margin: 0; } section.image-section div.content h1 strong { color: #ff9c1e; } section.image-section div.content h2 { font-size: 40px; line-height: 60px; color: #ffffff; } section.image-section div.content h2 strong { color: #ff9c1e; } section.image-section div.content a { color: #ffffff; } section.image-section div.banner { width: 100%; background: #ffffff; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); display: flex; align-items: center; } section.image-section div.banner img { background: #8dc63f; max-width: 140px; padding: 10px 30px; display: flex; } section.image-section div.banner div.description { padding: 10px 30px; display: flex; flex-direction: column; font-size: 15px; gap: 2px; } section.image-section div.banner div.description strong { font-size: 20px; } section.image-section div.calculator { background: #ffffff; position: relative; padding: 40px 40px 90px 40px; -webkit-box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); -moz-box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.image-section div.calculator:hover { -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 50px rgba(255, 255, 255, 0.5); box-shadow: 0 0 50px rgba(255, 255, 255, 0.5); } section.image-section div.calculator.blur * { filter: blur(2px); pointer-events: none; } section.image-section div.calculator h2 { color: #0b6161; font-size: 32px; margin-bottom: 10px; } section.image-section div.calculator h2 + p { font-size: 16px; } section.image-section div.calculator div.form-group label { font-size: 23px; font-weight: 700; line-height: 18px; } section.image-section div.calculator div.form-group label sup { font-size: 13px; } section.image-section div.calculator div.form-group label span { font-size: 16px; font-weight: 400; } section.image-section div.calculator div.form-group label span sup { font-size: 10px; } section.image-section div.calculator div.form-group div.input-group input { height: 60px; text-align: center; border-radius: 0; font-size: 23px; color: #002e2e; } section.image-section div.calculator div.form-group div.input-group input:focus { border-color: #0b6161; } section.image-section div.calculator div.form-group div.input-group span.input-group-text { font-family: "SequelNeue"; background: #0b6161; border: 1px solid #0b6161; color: #ffffff; text-align: center; font-size: 20px; border-radius: 0; } section.image-section div.calculator .next-step { position: absolute; right: 0; bottom: 0; } section.content h1 { font-size: 28px; } section.content h2 { font-size: 34px; } section.content h2 + p { margin-bottom: 30px; font-size: 20px; line-height: 36px; } section.content h3 { font-size: 20px; } section.content div.imageHeight { height: 100%; background-repeat: no-repeat; background-position: center center; pointer-events: none; clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px)); min-height: 280px; } section.content div.imageHeight.Contain { background-size: contain; } section.content div.imageHeight.Cover { background-size: cover; } section.content div.block { background: #ffffff; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); position: relative; padding: 30px; overflow: hidden; margin-top: 50px; } section.content div.block:first-of-type { margin-top: 20px; } section.content div.block h3 { margin: 0 0 5px; } section.content div.block p { margin: 15px 0 0; } section.content div.block p:first-of-type { margin: 0; } section.content div.block .person { text-align: right; font-weight: 400; font-style: italic; font-family: 14px; margin: 10px 0 0; } section.content div.block.upsell { padding: 30px 30px 30px 150px; counter-increment: upsell; } section.content div.block.upsell:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; content: counter(upsell); position: absolute; left: 25px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(11, 97, 97, 0.5); font-size: 41px; background: #ffffff; color: #ff9c1e; font-family: 'SequelNeue', sans-serif; font-weight: 400; letter-spacing: -1px; } section.content div.block.review { padding: 30px 150px; } section.content div.block.review:before, section.content div.block.review:after { content: "\4e"; font-family: "Verkoopjevloer" !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; position: absolute; font-size: 100px; font-weight: 800; opacity: 0.1; color: #8dc63f; } section.content div.block.review:after { left: -5px; top: -20px; } section.content div.block.review:before { right: -5px; bottom: -20px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } section.steps-content { max-width: 1080px; margin: 0 auto; padding: 80px 45px; } section.steps-content h2 { font-size: 34px; } section.steps-content h2 + p { margin-bottom: 30px; font-size: 20px; line-height: 36px; } section.steps-content .steps div.step { margin-top: 30px; margin-left: -50px; position: relative; counter-increment: steps; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.steps-content .steps div.step:hover:after { right: -45px; } section.steps-content .steps div.step:hover div.icon { margin-left: 10px; } section.steps-content .steps div.step:hover div.content { padding: 20px 80px 20px 80px; background: rgba(11, 97, 97, 0.1); } section.steps-content .steps div.step:hover:nth-child(2n):after { right: inherit; left: -45px; } section.steps-content .steps div.step:hover:nth-child(2n) div.icon { margin-left: -10px; } section.steps-content .steps div.step:hover:nth-child(2n) div.content { padding: 20px 80px 20px 80px; } section.steps-content .steps div.step:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; content: counter(steps); position: absolute; right: -35px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(11, 97, 97, 0.5); font-size: 41px; background: #ffffff; color: #ff9c1e; font-family: 'SequelNeue', sans-serif; font-weight: 400; letter-spacing: -1px; } section.steps-content .steps div.step:first-child { margin-top: 0; } section.steps-content .steps div.step:nth-child(2n) { margin-left: 0; margin-right: -50px; } section.steps-content .steps div.step:nth-child(2n):after { right: inherit; left: -35px; } section.steps-content .steps div.step:nth-child(2n) div.content { padding: 20px 70px 20px 90px; margin-right: -50px; margin-left: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px)); } section.steps-content .steps div.step div.icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 100%; background: #0b6161; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); display: flex; align-items: center; padding: 25px; } section.steps-content .steps div.step div.icon img { filter: invert(99%) sepia(0%) saturate(7493%) hue-rotate(179deg) brightness(118%) contrast(96%); } section.steps-content .steps div.step div.content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: relative; background: rgba(11, 97, 97, 0.05); padding: 20px 90px 20px 70px; margin-left: -50px; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); } section.steps-content .steps div.step div.content h3 { margin-bottom: 5px; } section.category { padding: 0 0 60px; } section.category div.title { height: 50px; } section.category .categories div.block { display: flex; align-items: center; border: 1px solid #d1d1d1; position: relative; padding: 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } section.category .categories div.block:hover { box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.2) !important; } section.category .categories div.block:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } section.category .categories div.block:hover div.content { color: #ffffff; background: #8dc63f; } section.category .categories div.block:hover div.content:after { color: #ffffff; } section.category .categories div.block img { padding: 5px; width: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: relative; z-index: -1; } section.category .categories div.block div.content { padding: 10px 20px 10px 20px; border-left: 1px solid #d1d1d1; width: calc( 100% - 50px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.category .categories div.block div.content:after { content: "\66"; font-family: "Depot4"; color: #8dc63f; -ms-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); position: absolute; right: 10px; top: 50%; } section.category .categories div.block div.content h3 { font-weight: 600; margin: 0; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } section.category .choosen-filters { padding: 20px; background: #ffffff; } section.category .choosen-filters h5 { font-size: 16px; font-weight: 400; } section.category .choosen-filters ul { margin: 15px 0; display: flex; gap: 5px; flex-wrap: wrap; } section.category .choosen-filters ul li { margin: 0; } section.category .choosen-filters ul li a { display: flex; margin: 0; text-decoration: none; } section.category .choosen-filters ul li a span { background: #0b6161; color: #ffffff; display: inline-flex; gap: 5px; align-items: center; align-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.category .choosen-filters ul li a span i { width: 12px; height: 12px; line-height: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #8dc63f; background: #ffffff; font-size: 8px; } section.category .choosen-filters ul li a span:hover { box-shadow: 0 0 0 3px rgba(11, 97, 97, 0.2); } section.category .choosen-filters a.remove-filters { font-size: 14px; text-decoration: none; color: rgba(0, 46, 46, 0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.category .choosen-filters a.remove-filters:hover { color: #002e2e; } section.category .accordion { position: sticky; position: -webkit-sticky; /* Safari */ top: 80px; } section.category .accordion h2 { line-height: inherit; } section.category .accordion button.accordion-button { padding: 15px 20px; background: #ffffff; color: #002e2e; box-shadow: none; display: flex; align-items: center; } section.category .accordion button.accordion-button:hover { background: #fafafa; } section.category .accordion button.accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } section.category .accordion .accordion-body { padding: 5px 20px 10px; } section.category .accordion .accordion-body div.form-check { display: flex; align-items: center; gap: 10px; min-height: inherit; padding-left: 0px; margin-bottom: 5px; } section.category .accordion .accordion-body div.form-check:hover label { color: #0b6161; } section.category .accordion .accordion-body div.form-check input { margin: 0; cursor: pointer; } section.category .accordion .accordion-body div.form-check input:checked { background-color: #0b6161; border-color: #0b6161; } section.category .accordion .accordion-body div.form-check input:focus { border-color: #0b6161; } section.category .accordion .accordion-body div.form-check label { cursor: pointer; } section.category .accordion .accordion-body ul { margin: -5px 0 0; } section.category .accordion .accordion-body ul li { margin: 0; } section.category .accordion .accordion-body ul li.active { font-weight: 700; } section.category .accordion .accordion-body ul li a { text-decoration: none; } section.category .accordion .accordion-body ul li a:hover { color: #8dc63f; } section.category div.category-wrapper { margin-top: 0; } section.category div.sorting { width: fit-content; display: flex; gap: 10px; align-items: center; } section.category div.sorting select { width: 200px; height: 40px; } section.category div.sorting p.page-totals { font-size: 14px; } section.category div.pagination { width: auto; } section.category div.pagination nav { border: 0px; background: #ffffff; } section.category div.pagination nav ul.pagination { gap: 0; margin: 0; height: 40px; } section.category div.pagination nav ul.pagination li { line-height: inherit; padding: 0; } section.category div.pagination nav ul.pagination li.active a { background-color: #8dc63f; color: #ffffff; border-color: #8dc63f; } section.category div.pagination nav ul.pagination li.active a:hover { background-color: #8dc63f; border-color: #8dc63f; color: #ffffff; } section.category div.pagination nav ul.pagination li a { display: flex; justify-content: center; align-items: center; color: #002e2e; } section.category div.pagination nav ul.pagination li a:hover { background: #fafafa; } section.product h1 { font-size: 28px; } section.product div.product-image { border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; } section.product div.product-image:after { font-family: "Depot4" !important; content: "\62"; width: 30px; height: 30px; line-height: 30px; background: #8dc63f; position: absolute; top: 20px; right: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; text-align: center; z-index: 5; pointer-events: none; } section.product div.product-description ul li { margin: 0 0 0 20px; display: flex; align-items: center; } section.product div.product-description ul li:before { font-family: "Depot4" !important; content: "\63"; color: #8dc63f; margin-right: 15px; } section.product div.add-to-cart { padding: 20px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; } section.product div.add-to-cart div.amount-wrapper .btn { background: rgba(0, 0, 0, 0.1); color: #000000; border: 1px solid #ced4da; } section.product div.add-to-cart div.amount-wrapper .btn:hover { background: rgba(0, 0, 0, 0.05); box-shadow: none !important; } section.product div.add-to-cart div.amount-wrapper span { background: #fafafa; } section.product div.price-wrapper { background: #ffffff; color: #002e2e; border: 1px solid #8dc63f; padding: 12px 20px; width: fit-content; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } section.product div.price-wrapper div.oldprice { display: flex; font-size: 14px; color: rgba(0, 46, 46, 0.6); text-decoration: line-through; } section.product div.price-wrapper div.price { line-height: inherit; font-size: 22px; font-weight: 600; } section.shopping-cart ul.step-bar { border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 50px; overflow: hidden; } section.shopping-cart ul.step-bar li { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0; position: relative; background: #d1d1d1; color: #ffffff; padding: 0 0 0 25px; } section.shopping-cart ul.step-bar li:first-child { padding: 0; } section.shopping-cart ul.step-bar li:before { content: ""; width: 0; height: 0; right: -28px; position: absolute; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 28px solid #ffffff; z-index: 1; pointer-events: none; } section.shopping-cart ul.step-bar li:after { content: ""; width: 0; height: 0; right: -25px; position: absolute; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #d1d1d1; z-index: 2; pointer-events: none; } section.shopping-cart ul.step-bar li.current, section.shopping-cart ul.step-bar li.done, section.shopping-cart ul.step-bar li.active { background: #8dc63f; } section.shopping-cart ul.step-bar li.current:after, section.shopping-cart ul.step-bar li.done:after, section.shopping-cart ul.step-bar li.active:after { border-left: 25px solid #8dc63f; } section.shopping-cart ul.step-bar li.current a, section.shopping-cart ul.step-bar li.done a, section.shopping-cart ul.step-bar li.active a { color: #ffffff; } section.shopping-cart ul.step-bar li a { display: flex; justify-content: center; align-items: center; margin: 0; text-decoration: none; } section.shopping-cart .cart-overview-small div.cart-row div.remove { width: 20px; } section.shopping-cart .cart-overview-small div.cart-row div.image { width: 80px; } section.shopping-cart .cart-overview-small div.cart-row div.description { width: calc(100% - 495px); } section.shopping-cart .cart-overview-small div.cart-row div.price { width: 80px; } section.shopping-cart .cart-overview-small div.cart-row div.quantity { width: 80px; text-align: center; } section.shopping-cart .cart-overview-small div.cart-row div.total-price { width: 80px; text-align: right; } section.shopping-cart div.cart-heading { display: flex; justify-content: space-between; align-items: center; overflow: hidden; gap: 30px; padding: 0px 30px; margin: 0 0 20px; } section.shopping-cart div.cart-heading div.remove { width: 20px; } section.shopping-cart div.cart-heading div.image { width: 80px; } section.shopping-cart div.cart-heading div.description { width: calc(100% - 735px); } section.shopping-cart div.cart-heading div.price { width: 200px; } section.shopping-cart div.cart-heading div.quantity { width: 180px; } section.shopping-cart div.cart-heading div.total-price { width: 100px; text-align: right; } section.shopping-cart div.cart-row { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; gap: 30px; padding: 10px 30px; margin: 0 0 10px; } section.shopping-cart div.cart-row div.remove { width: 25px; } section.shopping-cart div.cart-row div.remove a { display: block; color: #ffffff; width: 20px; height: 20px; line-height: 19px; background: #0b6161; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 8px; } section.shopping-cart div.cart-row div.remove a:hover { box-shadow: 0 0 0 3px rgba(11, 97, 97, 0.2); } section.shopping-cart div.cart-row div.image { width: 80px; height: 80px; justify-content: center; align-content: center; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; } section.shopping-cart div.cart-row div.image img { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.shopping-cart div.cart-row div.description { width: calc(100% - 735px); } section.shopping-cart div.cart-row div.description h4 { margin: 0; font-size: 18px; font-weight: 600; } section.shopping-cart div.cart-row div.description h4 a { text-decoration: none; } section.shopping-cart div.cart-row div.description ul { margin: 0; } section.shopping-cart div.cart-row div.description ul li { margin: 0; } section.shopping-cart div.cart-row div.price { width: 200px; } section.shopping-cart div.cart-row div.quantity { width: 180px; } section.shopping-cart div.cart-row div.quantity div.amount-wrapper .btn { background: rgba(0, 0, 0, 0.1); color: #000000; border: 1px solid #ced4da; } section.shopping-cart div.cart-row div.quantity div.amount-wrapper .btn:hover { background: rgba(0, 0, 0, 0.05); box-shadow: none !important; } section.shopping-cart div.cart-row div.quantity div.amount-wrapper span { background: #fafafa; } section.shopping-cart div.cart-row div.total-price { width: 100px; text-align: right; } section.blocks div.block { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 100%; min-height: 150px; overflow: hidden; position: relative; border: 1px solid #d1d1d1; } section.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); } section.blocks div.block img { object-fit: cover; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.blocks div.block.information { background: #8dc63f; color: #ffffff; padding: 0; } section.blocks div.block.information.white { background: #ffffff; color: #002e2e; } section.blocks div.block.information:hover div.content { padding: 20px; } section.blocks div.block.information div.content { position: relative; bottom: inherit; padding: 20px; width: 65%; } section.blocks div.block.information div.content h3 { font-size: 20px; margin: 0 0 5px; } section.blocks div.block.information div.content p { font-size: 16px; line-height: 20px; margin: 0 0 5px; } section.blocks div.block.information div.content ul { font-size: 16px; line-height: 20px; margin: 0 0 15px; } section.blocks div.block.information div.content ul li { margin: 0; padding: 0; display: flex; align-items: center; } section.blocks div.block.information div.content ul li:before { font-family: "Depot4"; content: "\63"; margin-right: 5px; } section.blocks div.block div.content { position: absolute; bottom: 0; padding: 10px 20px; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.blocks div.block div.content h3 { margin: 0; font-size: 22px; line-height: inherit; } section.blocks div.block div.content p { margin: 0; line-height: inherit; } section.blocks div.block div.content.lime { background: #8dc63f; } section.blocks div.block div.content.lime h3 { color: #ffffff; } section.blocks div.block div.content.lime p { color: #000000; } section.blocks div.block div.content.black { background: #000000; } section.blocks div.block div.content.black h3 { color: #ffffff; } section.blocks div.block div.content.black p { color: #8dc63f; } section.blocks div.block div.content.small { border-top: 1px solid #d1d1d1; text-align: center; background: rgba(255, 255, 255, 0.8); } section.blocks div.block div.content.small h3 { font-size: 15px; font-weight: 600; } section.blocks div.block div.content.small p { font-size: 12px; } section.blocks div.block div.content.big h3 { font-size: 24px; } section.blocks div.block div.content.big p { font-size: 18px; } section.blocks div.block div.contentBig { padding: 0 0 0 40px; width: 60%; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.blocks div.block div.contentBig h3 { font-size: 36px; line-height: 40px; font-weight: 600; } section.blocks div.block div.contentBig h3 strong { font-weight: 700; } section.products h2 { font-size: 28px; } section.products div.product { border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; background: #ffffff; } section.products div.product img { display: flex; margin: 0 auto; padding: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.products div.product: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); } section.products div.product div.content { padding: 20px; background: #fafafa; position: relative; z-index: 1; border-top: 1px solid #d1d1d1; } section.products div.product div.content h3 { font-size: 16px; margin: 0; line-height: inherit; } section.products div.product div.content p { margin: 0; } section.products div.product div.content table { margin: 10px 0 5px; } section.products div.product div.content table * { padding: 2px 0; } section.products div.product div.content div.btn-group { width: 100%; height: 50px; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } section.products div.product div.content div.btn-group div.price { line-height: inherit; font-size: 15px; } section.products div.product div.content div.btn-group div.btn-lined { width: 50%; align-items: center; background: #ffffff; } section.products div.product div.content div.btn-group div.btn-lined div.d-flex { display: flex; flex-direction: column; line-height: 14px; } section.products div.product div.content div.btn-group div.btn-lined div.d-flex div.oldprice { display: flex; font-size: 12px; color: rgba(0, 46, 46, 0.6); text-decoration: line-through; } section.products div.product div.content div.btn-group div.btn-lined div.d-flex div.price { line-height: inherit; font-size: 15px; color: #002e2e; font-weight: 600; } section.products div.product div.content div.btn-group a.btn { width: 50%; font-size: 15px; } section.products div.product div.content div.btn-group:hover { box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.1) !important; } section.products div.product div.content div.btn-group:hover div.btn-lined { width: 40%; } section.products div.product div.content div.btn-group div.btn-lined:hover { background: #ffffff !important; color: #ffffff !important; border: 1px solid #8dc63f !important; box-shadow: none !important; } section.products div.product div.content div.btn-group a.btn { background: #8dc63f; border: 1px solid #8dc63f; } section.products div.product div.content div.btn-group a.btn:hover { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3) !important; } section.brands h2 { font-size: 28px; } section.brands h2 + p { font-size: 18px; font-weight: 700; } div.breadcrumbs { padding: 20px 0; } div.breadcrumbs nav { border: 0px; background: #ffffff; } div.breadcrumbs nav ol { list-style: none; margin: 0; } div.breadcrumbs nav ol li { margin: 0; list-style: none; font-size: 14px; } div.breadcrumbs nav ol li a { text-decoration: none; } div.cart-totals { display: flex; justify-content: end; flex-direction: column; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: auto; padding: 15px 30px; margin-top: 15px; } div.cart-totals h4 { font-size: 20px; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #d1d1d1; } div.cart-totals div.cart-total { display: flex; justify-content: space-between; align-items: center; width: 100%; border-top: 1px solid #d1d1d1; height: 30px; } div.cart-totals div.cart-total:first-of-type { border-top: 0px; } div.cart-totals .btn { width: 100%; margin-top: 15px; } label.is-invalid { font-size: 11px !important; color: #dc3545; margin-top: 5px; font-weight: 400 !important; } .payment-providers { margin-top: -10px; } .payment-providers img { width: 50px; } form { position: relative; } form.blur * { filter: blur(2px); } .form-box { position: relative; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; margin: 0 0 30px 0; padding: 30px; } .form-box.orange { background: #8dc63f; color: #ffffff; border: 0px; padding: 50px; } .form-box.orange h3 { font-size: 42px; } .form-box.orange p { margin: 0; } .form-box.no-padding { padding: 0; } .form-box.padding-small { padding: 20px; } .form-box.no-border { border: 0px; } .form-box ul { margin: 0; } .form-box ul.password-check li { display: flex; justify-items: center; gap: 15px; margin: 0; } .form-box ul.password-check li:before { font-family: "Depot4" !important; content: "\6f"; } .form-box ul.password-check li.not-valid { color: #dc3545; } .form-box ul.password-check li.not-valid:before { font-family: "Depot4" !important; content: "\41"; } .form-box ul.password-check li.valid { color: #0f5132; } .form-box ul.password-check li.valid:before { font-family: "Depot4" !important; content: "\63"; } .form-box div.search-results { width: 100%; position: absolute; margin-top: 3px; z-index: 2; background: #ffffff; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000000; } .form-box div.search-results div.search-result-footer { padding: 15px 10px; background: rgba(209, 209, 209, 0.2); } .form-box div.search-results div.search-result-footer a { text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .form-box div.search-results div.search-result-footer a:hover { color: #8dc63f; } .form-box div.search-results ul { display: flex; flex-direction: column; margin: 0; } .form-box div.search-results ul li { margin: 0; border-top: 1px solid #d1d1d1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .form-box div.search-results ul li:first-child { border: 0px; } .form-box div.search-results ul li:hover { background: rgba(209, 209, 209, 0.3); } .form-box div.search-results ul li a { text-decoration: none; } .form-box div.search-results ul li div.search-result { display: flex; flex-direction: column; color: #000000; padding: 10px 12px; line-height: 22px; } .form-box div.search-results ul li div.search-result div.name { font-weight: 700; } .form-box div.search-results ul li div.search-result div.address { display: flex; gap: 10px; align-items: center; color: rgba(0, 0, 0, 0.7); font-size: 14px; } .form-box div.search-results ul li div.search-result div.address:before { font-family: "Depot4"; content: "\42"; } .form-box div.search-results ul li div.search-result div.kvk { display: flex; gap: 10px; align-items: center; color: rgba(0, 0, 0, 0.7); font-size: 14px; } .form-box div.search-results ul li div.search-result div.kvk:before { font-family: "Depot4"; content: "\67"; } .form-box .form-row { margin-bottom: 10px; position: relative; } .form-box .form-row.no-margin { margin: 0; } .form-box .form-row hr { background: #d1d1d1; } .form-box .form-row label { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .form-box .form-row .form-control { height: 44px; } .form-box .form-row .form-check { background: rgba(141, 198, 63, 0.1); padding: 15px 20px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 0 0; display: flex; align-items: center; gap: 10px; } .form-box .form-row .form-check:first-of-type { margin: 0; } .form-box .form-row .form-check input { margin: 0; } .form-box .form-row .form-check input:checked { background-color: #0b6161; border-color: #0b6161; } .form-box .form-row .form-check input:focus { border-color: #0b6161; } .form-box .form-row .form-check label { font-size: 14px; font-weight: normal; line-height: 22px; cursor: pointer; margin: 0; width: calc(100% - 15px); } .form-box .form-row .form-check label img { margin-left: 5px; margin-right: 10px; } .form-box .form-row .form-check label.label-big { font-size: 14px; } .modal-product { max-width: 400px; margin: 0 auto; padding: 0 15px; } .accordion { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .accordion.accordion-borded { border: 1px solid #d1d1d1; padding: 0; } .accordion div.accordion-item h2 { font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: inherit; } .accordion div.accordion-item button.accordion-button { padding: 15px 20px; background: #ffffff; color: #000000; box-shadow: none; display: flex; align-items: center; font-size: 16px; line-height: inherit; font-weight: 700 !important; } .accordion div.accordion-item button.accordion-button:not(.collapsed) { font-weight: 400; background: transparent; color: #000000; } .accordion div.accordion-item button.accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23261102'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion div.accordion-item div.accordion-body { color: #000000; font-size: 16px; } .accordion div.accordion-item div.accordion-body ul { margin: 15px 0; list-style: square; } .my-account-menu { padding: 0 !important; border: 0px; } .my-account-menu ul { margin: 0; } .my-account-menu ul li { margin: 0; padding: 0; } .my-account-menu ul li a.btn { border-radius: 0px; border-left: 1px solid #d1d1d1 !important; border-top: 1px solid #d1d1d1 !important; border-right: 1px solid #d1d1d1 !important; border-bottom: 0px solid #d1d1d1 !important; } .my-account-menu ul li a.btn.btn-lined.black:hover { box-shadow: none !important; background: #8dc63f; color: #ffffff; } .my-account-menu ul li.active a { font-weight: 600; } .my-account-menu ul li:first-child a.btn { border-radius: 5px 5px 0 0; } .my-account-menu ul li:last-child a.btn { border-radius: 0 0 5px 5px; border-bottom: 1px solid #d1d1d1 !important; } div.table-responsive { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #d1d1d1; margin: 0 0 30px 0; } div.table-responsive table.table-returns tbody tr td { height: 60px; } div.table-responsive table.table-orders { border-collapse: collapse; margin: 0; overflow: hidden; } div.table-responsive table.table-orders thead tr th { font-weight: 700; padding: 10px 20px; } div.table-responsive table.table-orders tbody tr td { padding: 10px 20px; vertical-align: middle; } div.table-responsive table.table-orders a { text-decoration: none; } div.table-responsive table.table-orders input.form-check-input { margin: 0; } div.table-responsive table.table-orders input.form-check-input:checked { background-color: #0b6161; border-color: #0b6161; } div.table-responsive table.table-orders input.form-check-input:focus { border-color: #0b6161; } div.table-responsive table.table-orders div.quantity { width: 180px; } div.table-responsive table.table-orders div.quantity div.amount-wrapper .btn { background: rgba(0, 0, 0, 0.1); color: #000000; border: 1px solid #ced4da; padding: 5px 20px; } div.table-responsive table.table-orders div.quantity div.amount-wrapper .btn:hover { background: rgba(0, 0, 0, 0.05); box-shadow: none !important; } div.table-responsive table.table-orders div.quantity div.amount-wrapper span { background: #fafafa; } div.table-responsive table.table-orders ul { margin: 0; gap: 15px; } div.table-responsive table.table-orders ul li { margin: 0; } div.table-responsive table.table-orders ul li a { font-size: 20px; text-decoration: none; } div.table-responsive table.table-orders ul li a:hover { color: #8dc63f; } ul.Sitemap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; list-style: none; margin: 0 0 40px; 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:hover { border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; background: #0b6161; } footer { background: #002e2e; position: relative; padding: 60px 0 20px; margin: 0; color: #ffffff; } footer div.heading { font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 22px; } footer ul { list-style: none; margin: 0; padding: 0; } footer ul.socials { display: flex; gap: 10px; } footer ul.socials li a { font-size: 36px; border: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #ffffff; } footer ul.socials li a:hover { color: #ffffff; border: 0px; } footer ul li { list-style: none; margin: 0; padding: 0; line-height: 34px; } footer ul li a { color: #ffffff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } footer ul li a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; } footer .footerLogo { max-width: 50%; margin-top: -60px; margin-bottom: 20px; } #payoff { position: relative; color: rgba(255, 255, 255, 0.5); padding: 40px 0 0; text-align: center; font-size: 14px; font-weight: 400; } #payoff div.container-xl { border-top: 1px solid rgba(255, 255, 255, 0.7); padding: 15px; } #payoff div.container-xl p { margin: 0; padding: 0; } #payoff div.container-xl a { text-decoration: none; color: rgba(255, 255, 255, 0.7); } #payoff div.container-xl a:hover { color: #ffffff; } @media screen and (max-width: 780px) { header { height: 80px; } header div.container-xl a.logo:before { height: 80px; } header div.container-xl a.logo div.logo { padding: 20px 0; height: 80px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%); } header div.container-xl a.logo div.logo img { max-width: 100%; padding: 0 40px 0 0; max-height: 30px; } header .mobile-menu { 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: 120000000; background: #002e2e; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; border: 0px; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 0 5px rgba(0, 46, 46, 0.3); -moz-box-shadow: 0 0 0 5px rgba(0, 46, 46, 0.3); box-shadow: 0 0 0 5px rgba(0, 46, 46, 0.3); } header div.mainmenu-container { background: rgba(11, 97, 97, 0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 20; visibility: hidden; opacity: 0; } header div.mainmenu-container ul.mainmenu { background: #002e2e; -webkit-box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); -moz-box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); box-shadow: 0 0 50px rgba(0, 46, 46, 0.8); visibility: hidden; opacity: 0; height: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; position: fixed; top: 50%; left: 50%; width: 250px; flex-direction: column; -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%); overflow: hidden; gap: 0; } header div.mainmenu-container ul.mainmenu:before { display: none; } header div.mainmenu-container.active { visibility: visible; opacity: 1; } header div.mainmenu-container.active ul.mainmenu { visibility: visible; opacity: 1; display: flex; align-items: flex-start; overflow: hidden; height: auto; z-index: 10; } header div.mainmenu-container.active ul.mainmenu li { width: 100%; text-align: center; } header div.mainmenu-container.active ul.mainmenu li a { width: 100%; padding: 0; height: 50px; display: flex; justify-content: center; align-content: center; align-items: center; border: 0px; } header div.mainmenu-container.active ul.mainmenu li a:hover { border: 0px; background: #ffffff; color: #002e2e; } section.padding-large { padding: 60px 0; } section.image-section { background-size: cover; } section.image-section.slider, section.image-section.header { margin: -80px auto 0; padding: 150px 0 80px; } section.image-section.slider div.content h1, section.image-section.header div.content h1 { font-size: 40px; line-height: 60px; margin: 0 0 20px; } section.image-section.slider div.content h1 strong, section.image-section.header div.content h1 strong { display: flex; height: 55px; } section.image-section.slider div.banner, section.image-section.header div.banner { align-items: stretch; } section.image-section div.calculator { padding: 30px 30px 90px 30px; } section.image-section div.calculator h2 { font-size: 28px; } section.image-section div.calculator h2 + p { font-size: 14px; } section.image-section div.calculator div.form-group label span { font-size: 14px; } section.content div.block { margin-top: 30px; } section.content div.block:first-of-type { margin-top: 0; } section.content div.block.review { padding: 30px; } section.steps-content .steps div.step { margin-top: 30px; margin-left: 0px; margin-right: 0px; } section.steps-content .steps div.step:hover:after { right: 30px; } section.steps-content .steps div.step:hover div.icon { margin-left: 10px; } section.steps-content .steps div.step:hover div.content { padding: 30px 140px 30px 30px; background: rgba(11, 97, 97, 0.1); } section.steps-content .steps div.step:hover:nth-child(2n):after { right: inherit; left: 30px; } section.steps-content .steps div.step:hover:nth-child(2n) div.icon { margin-left: -10px; } section.steps-content .steps div.step:hover:nth-child(2n) div.content { padding: 30px 30px 30px 150px; } section.steps-content .steps div.step:after { right: 30px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.steps-content .steps div.step:first-child { margin-top: 0; } section.steps-content .steps div.step:nth-child(2n) { margin-left: 0; margin-right: 0; } section.steps-content .steps div.step:nth-child(2n):after { right: inherit; left: 30px; } section.steps-content .steps div.step:nth-child(2n) div.content { padding: 30px 30px 30px 150px; margin-right: 0; margin-left: 0; } section.steps-content .steps div.step div.content { padding: 30px 140px 30px 30px; margin-left: 0; } } /*# sourceMappingURL=main.css.map */ /* MIXINS */ [class^="psa-icon-"]:before, [class*=" psa-icon-"]:before { font-family: "Wizard" !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; } .psa-icon-afgerond:before { content: "\61"; } .psa-icon-fotos:before { content: "\62"; } .psa-icon-houtsoort:before { content: "\63"; } .psa-icon-overzicht:before { content: "\64"; } .psa-icon-plinten:before { content: "\65"; } .psa-icon-specificaties:before { content: "\66"; } .psa-icon-kleuren:before { content: "\67"; } .psa-icon-info-circled:before { content: "\68"; } .psa-icon-search:before { content: "\69"; } .psa-icon-legwijze:before { content: "\6a"; } .psa-icon-type-vloer:before { content: "\6b"; } .psa-icon-gegevens:before { content: "\6c"; } .loaderWrapper { background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 10; } .loaderWS { display: inline-block; position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .loaderWS:before, .loaderWS:after { content: ""; display: block; position: absolute; border: 4px solid #333; opacity: 1; border-radius: 50%; animation: loaderWS 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .loaderWS:after { animation-delay: -0.5s; } @keyframes loaderWS { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } } .btn-previous { opacity: 0.8; } .btn-previous:hover { opacity: 1; } .btn-finish { background: #8dc63f !important; box-shadow: 0 0 0 5px rgba(141, 198, 63, 0.3) !important; } .form-switch .form-check .form-check-input:checked { background-color: #8dc63f !important; border-color: #8dc63f !important; } .form-check .form-check-input:checked { background-color: #8dc63f !important; border-color: #8dc63f !important; } .form-check-label { line-height: 20px; cursor: pointer; } div.prev-step.disabled, div.next-step.disabled { display: none; } .dropzone.upload-field { position: relative; display: inline-block; width: 100%; min-height: 300px; padding: 0; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed #333333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f9f9f9; color: #001427; font-size: 12px; text-decoration: none; cursor: pointer; } .dropzone.upload-field .upload-icon { height: 40px; margin-bottom: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: inherit; } .dropzone.upload-field .upload-title-label { margin-bottom: 10px; font-size: 16px; font-weight: 600; } .dropzone.upload-field .dz-message { position: absolute; left: 50%; top: 50%; margin: 0; -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%); } .dropzone .dz-preview.dz-image-preview { background-color: #f9f9f9; } .dropzone .dz-preview.dz-image-preview .dz-image { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropzone .dz-preview.dz-image-preview .dz-progress { opacity: 0 !important; } .dropzone a.dz-remove { color: #be1e2d; text-decoration: none; margin-top: 5px; font-size: 14px; } .informationIcon { cursor: pointer; color: #008ae1; text-align: center; font-size: 18px; text-decoration: none; } .informationIcon i:after { content: ""; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 75%; height: 65%; position: absolute; left: 12.5%; top: 25%; z-index: -1; } .modal .modal-header h4 { font-family: "Quicksand"; font-weight: 600; } .modal div.Cover { height: 100%; min-height: 100px; background-size: cover; border-radius: 0px; background-position: center center; } .wizard-container .tab-content { position: relative; background: #fff; margin-bottom: 30px; -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); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wizard-container .tab-content label.labelSmall { margin-bottom: 5px; min-height: 22px; display: flex; justify-content: space-between; align-items: center; } .wizard-container .tab-content .col-form-label { font-size: 16px; } .wizard-container .tab-content label.alert-danger { font-size: 14px !important; color: #842029; } .wizard-container .tab-content label.is-invalid { font-size: 11px; margin-top: 5px; color: #842029; } .wizard-container .tab-content input[type="radio"] { visibility: hidden; } .wizard-container .tab-content h2 { font-size: 32px; margin-bottom: 10px; color: #0b6161; text-align: center; } .wizard-container .tab-content h2 + p { font-size: 16px; text-align: center; } .summery-row.is-hidden { display: none !important; } .switchMultiple { position: relative; height: 40px; width: 100%; max-width: calc(200px * 3); margin: 20px auto; background: #fafafa; border: 1px solid #dddddd; border-radius: 0; overflow: hidden; --items: 3; } .switchMultiple.totalItems2 { --items: 2; max-width: calc(200px * 2); } .switchMultiple.totalItems3 { --items: 3; max-width: calc(200px * 3); } .switchMultiple.totalItems4 { --items: 4; max-width: calc(200px * 4); } .switchMultiple .switch-label, .switchMultiple .switch-selector { width: calc(100% / var(--items)); } .switchMultiple .switch-label { position: relative; z-index: 2; float: left; line-height: 40px; color: rgba(0, 0, 0, 0.5); cursor: pointer; text-align: center; text-transform: uppercase; user-select: none; } .switchMultiple .switch-input { display: none; } .switchMultiple .switch-input:checked + .switch-label { color: #fff; transition: color 0.15s ease-out; } .switchMultiple .switch-input:nth-of-type(1):checked ~ .switch-selector { transform: translateX(0%); } .switchMultiple .switch-input:nth-of-type(2):checked ~ .switch-selector { transform: translateX(100%); } .switchMultiple .switch-input:nth-of-type(3):checked ~ .switch-selector { transform: translateX(200%); } .switchMultiple .switch-input:nth-of-type(4):checked ~ .switch-selector { transform: translateX(300%); } .switchMultiple .switch-selector { position: absolute; z-index: 1; top: 0; left: 0; display: block; height: 100%; background-color: #0b6161; transition: transform 0.25s ease; } div.switch { width: 100%; height: 40px; } div.switch input { position: absolute; margin-left: -9999px; visibility: hidden; } div.switch input:checked + label:before { content: "NEE"; padding-left: 0; padding-right: 50%; background: rgba(0, 0, 0, 0.1); } div.switch input:checked + label:after { content: "JA"; margin-left: 50%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.showInputWrapper div.switch input:checked { display: block; } div.showInputWrapper div.switch input:checked input { display: block; } div.switch input + label { display: block; position: relative; cursor: pointer; outline: none; width: 100% !important; height: 100%; padding: 0 !important; background: none !important; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.switch input + label:before, div.switch input + label:after { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 40px; } div.switch input + label:before { content: "JA"; color: rgba(0, 0, 0, 0.3); padding-left: 50%; text-align: center; background: rgba(0, 0, 0, 0.1); z-index: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; } div.switch input + label:after { content: "NEE"; background: #0b6161; color: #fff; text-align: center; width: 50%; z-index: 2; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -ms-transition: margin 0.2s; -o-transition: margin 0.2s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.showInputWrapper { display: none; } div.showInputWrapper input { display: none; } div.sidebarWrapper { height: 100%; } div.sidebarWrapper div.sidebar { background: #fff; color: #002e2e; -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); position: relative; height: 100%; } div.sidebarWrapper div.sidebar div.title { font-family: "SequelNeue"; text-transform: uppercase; font-size: 32px; color: #0b6161; padding: 40px 40px 15px 40px; } div.sidebarWrapper div.sidebar div.title strong { color: #ff9c1e; font-weight: 400; } div.sidebarWrapper div.sidebar div.summery div.summery-row { height: 40px; display: flex; align-items: center; padding: 0 40px; } div.sidebarWrapper div.sidebar div.summery div.summery-row:nth-of-type(even) { background: rgba(11, 97, 97, 0.05); } div.sidebarWrapper div.sidebar div.summery div.summery-row div:first-of-type { font-weight: 600; } div.sidebarWrapper div.sidebar div.summery pre { background: #011c1c; color: #e5e7eb; padding: 12px 14px; border-radius: 8px; overflow-x: auto; font-size: 12px; line-height: 1.4; font-family: 'Consolas'; margin: 20px; } div.sidebarWrapper div.sidebar div.total-price { width: 100%; border-top: 1px solid #d1d1d1; background: rgba(255, 156, 30, 0.1); position: absolute; left: 0; bottom: 0; padding: 40px; display: flex; justify-content: space-between; font-size: 28px; font-weight: 700; color: #0b6161; } div.sidebarWrapper div.sidebar div.total-price > div { font-family: "SequelNeue"; text-transform: uppercase; font-weight: 400; } div.sidebarWrapper div.sidebar div.total-price div.price { color: #ff9c1e; font-family: "Quicksand"; font-weight: 700; font-size: 32px; } div#QuoteWizardContainer { margin-top: 50px; } div#QuoteWizardContainer .progress { position: absolute; left: 0; top: 0; width: 100%; height: 5px; border-radius: 0; } div#QuoteWizardContainer .progress .progress-bar { background: #ff9c1e; } div#QuoteWizardContainer .wizard-container .the-content { position: relative; background: #fff; margin: 110px auto 60px; padding: 40px; font-size: 14px; -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); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane { padding: 0 0 40px; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane .DescriptionInput div { max-width: 400px; width: 100%; margin: 0 auto; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane .DescriptionInput div input { height: 60px; text-align: center; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fourItems div.itemWrapper { flex: 0 1 calc(25% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fiveItems div.itemWrapper { flex: 0 1 calc(20% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.sixItems div.itemWrapper { flex: 0 1 calc(16.666% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item div.image img { min-height: 100px; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item div.content h3 { padding: 10px 0px; font-size: 14px; line-height: 18px; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.item:hover div.content h3 { padding: 15px 0px; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon { position: absolute; padding: 10px; right: 0; top: 0; z-index: 2; cursor: pointer; color: #008ae1; text-align: center; font-size: 20px; text-decoration: none; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon i { display: flex; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items .informationIcon i:after { content: ""; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 17px; height: 17px; position: absolute; left: 12px; top: 12px; z-index: -1; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper { width: 100%; position: relative; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper div.item { width: 100%; cursor: pointer; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"], div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"] { position: absolute; left: 0; right: 0; visibility: hidden; pointer-events: none; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content { overflow: hidden; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content h3, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content h3 { background: #8dc63f !important; color: #fff !important; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked + label div.item div.content h3:before, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked + label div.item div.content h3:before { color: rgba(255, 255, 255, 0.3); display: inline-flex; justify-content: center; align-items: center; text-align: center; content: "\2713"; position: absolute; margin: 0; top: 50%; left: -5px; font-size: 80px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked ~ div.showInputWrapper, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked ~ div.showInputWrapper { display: block; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="radio"]:checked ~ div.showInputWrapper input, div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.itemWrapper input[type="checkbox"]:checked ~ div.showInputWrapper input { display: block; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.showInputWrapper { display: none; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items div.showInputWrapper input { display: none; } div#QuoteWizardContainer .wizard-container .the-content .progression { position: absolute; bottom: 100%; left: 0; width: 100%; display: flex; flex-flow: row wrap; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step { position: relative; margin-left: 0; margin-right: 10px; background: #f9f9f9; color: #002e2e; list-style: none; flex: 1; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); } div#QuoteWizardContainer .wizard-container .the-content .progression > .step a { cursor: default; position: relative; display: flex; flex-flow: row wrap; align-content: center; width: 100%; text-decoration: none; color: #002e2e; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step a.checked { color: #8dc63f; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step a.active { color: #0b6161; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step:last-child { margin-right: 0px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-icon { position: relative; display: block; width: 52px; height: 52px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-icon 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%); font-size: 26px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content { display: block; width: calc(100% - 52px); font-size: 15px; padding: 8px 0; font-weight: 700; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content .step-count { display: block; line-height: 18px; font-size: 16px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step .step-content .step-desc { display: block; line-height: 18px; } div#QuoteWizardContainer .wizard-container .the-content .tab-content { background: transparent; margin-bottom: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div#QuoteWizardContainer .wizard-container .the-content .title { font-size: 18px; margin-bottom: 10px; } div#QuoteWizardContainer .wizard-container .the-content .sub-title { display: block; margin-bottom: 15px; } div#QuoteWizardContainer .wizard-container .the-content .input-list { position: relative; margin-bottom: 15px; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group { position: relative; display: flex; flex-flow: row wrap; margin: 0 0 15px 0; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.grey { background: rgba(190, 30, 45, 0.05); } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group:after { 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%); width: 20px; height: 20px; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; color: #fff; font-family: "parket-schuren-amsterdam" !important; content: '\66'; text-align: center; border: 1px solid #ddd; pointer-events: none; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group input { position: absolute; visibility: hidden; opacity: 0; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label { display: flex; flex-flow: row wrap; align-items: center; padding: 10px 15px; border: 1px solid #ddd; cursor: pointer; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label i, div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label img.icon { display: block; width: 28px; height: 28px; font-size: 26px; text-align: center; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label i:before, div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label img.icon:before { vertical-align: top; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content { display: block; width: calc(100% - 52px); margin-left: 20px; font-size: 12px; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content span { font-size: 16px; font-weight: 700; display: block; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content div { text-transform: lowercase; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label .content div::first-letter { text-transform: uppercase; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group label:hover { border-color: #be1e2d; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group:last-child { margin-bottom: 0; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.active label { border-color: #be1e2d; } div#QuoteWizardContainer .wizard-container .the-content .input-list .input-group.active:after { background: #be1e2d; border-color: #be1e2d; } div#QuoteWizardContainer .wizard-container .the-content .stepButtons { position: relative; margin: 20px 0 0 0; height: 36px; } div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div { position: absolute; background: #be1e2d; color: #fff; height: 36px; line-height: 36px; padding: 0 15px; font-size: 16px; text-transform: uppercase; display: inline-block; } div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div i { text-transform: none; display: inline-block; width: 36px; height: 36px; text-align: center; } div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div.prev { left: -20px; background: #ebebeb; color: #002e2e; } div#QuoteWizardContainer .wizard-container .the-content .stepButtons > div.next { right: -20px; } div#QuoteWizardContainer .wizard-container .wizard-footer { border-top: 1px solid #ddd; padding-top: 40px; display: flex; justify-content: space-between; } div#QuoteWizardContainer .wizard-container .wizard-footer .next-step { cursor: pointer; right: -40px; bottom: -40px; } div#QuoteWizardContainer .wizard-container .wizard-footer .prev-step { cursor: pointer; left: -40px; bottom: -40px; } div.items { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } div.items.sixItems { grid-template-columns: repeat(6, 1fr); } div.items.sixItems div.itemWrapper { width: 100%; position: relative; } div.items.sixItems div.itemWrapper div.item div.image img { min-height: 100px; } div.items.sixItems div.itemWrapper div.item div.content h3 { padding: 10px 0px; font-size: 14px; line-height: 18px; } div.items.sixItems div.itemWrapper div.item:hover div.content h3 { padding: 15px 0px; } div.items.sixItems div.itemWrapper .informationIcon { position: absolute; right: 10px; top: 6px; z-index: 2; cursor: pointer; color: #008ae1; text-align: center; font-size: 20px; text-decoration: none; } div.items.sixItems div.itemWrapper .informationIcon i:after { content: ""; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 75%; height: 65%; position: absolute; left: 12.5%; top: 25%; z-index: -1; } div.item { width: 100%; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); overflow: hidden; } div.item:hover div.image img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } div.item:hover div.content h3 { background: #002e2e; color: #fff; padding: 25px 0; } div.item div.image img { object-fit: cover; min-height: 250px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } div.item div.content { width: 100%; position: absolute; bottom: 0; left: 0; background: #0b6161; background: linear-gradient(90deg, #0b6161 0%, #0b6161 100%); text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } div.item div.content h3 { font-family: "Quicksand"; letter-spacing: 0; font-weight: 600; font-size: 22px; color: #fff; margin: 0; padding: 20px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } @media screen and (max-width: 991px) { div#QuoteWizardContainer .wizard-container .the-content .progression .step > a { width: auto; } div#QuoteWizardContainer .wizard-container .the-content .progression .step > a .step-content .step-desc { display: none; } div#QuoteWizardContainer .wizard-container .the-content .progression .step > a.active .step-content { padding: 8px 8px 8px 0; } div#QuoteWizardContainer .wizard-container .the-content .progression .step > a.active .step-content .step-desc { display: block; } } @media screen and (max-width: 767px) { div#QuoteWizardContainer { margin-top: 80px; } div#QuoteWizardContainer .wizard-container .the-content { padding: 30px 15px; } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fourItems div.itemWrapper { flex: 0 1 calc(50% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.fiveItems div.itemWrapper { flex: 0 1 calc(50% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .tab-pane div.items.sixItems div.itemWrapper { flex: 0 1 calc(50% - 30px); } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a { display: block; width: auto; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon { width: auto; min-width: 52px; text-align: center; padding: 0 8px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon i { /*font-size: 20px;*/ } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content { width: auto; text-align: center; font-size: 13px; line-height: 16px; padding: 8px; padding-top: 0; display: block; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-count { font-size: 13px; line-height: 16px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-desc { display: none; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content { padding: 8px; padding-top: 0; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-count { display: inline-block; text-align: center; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-desc { display: none; } .dropzone.upload-field { min-height: 250px; } .wizard-footer .next-step { font-size: 14px; cursor: pointer; right: -15px !important; bottom: -30px !important; } .wizard-footer .prev-step { font-size: 14px; cursor: pointer; left: -15px !important; bottom: -30px !important; } div.sidebarWrapper { position: fixed; width: 100%; z-index: 99; height: auto; bottom: 0; left: 0; filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.5)); } div.sidebarWrapper div.sidebar { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); } div.sidebarWrapper div.sidebar.active > div.title:hover:after { right: 29px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } div.sidebarWrapper div.sidebar.active > div.title:after { right: 24px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } div.sidebarWrapper div.sidebar.active div.summery { display: block; padding: 0 0 25px; } div.sidebarWrapper div.sidebar div.title { font-family: "SequelNeue"; text-transform: uppercase; font-size: 22px; color: #0b6161; padding: 15px 25px; cursor: pointer; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); } div.sidebarWrapper div.sidebar div.title:after { content: ">"; position: absolute; top: 9px; right: 29px; font-family: "SequelNeue"; text-transform: uppercase; font-size: 36px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } div.sidebarWrapper div.sidebar div.title:hover:after { right: 24px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } div.sidebarWrapper div.sidebar div.summery { display: none; } div.sidebarWrapper div.sidebar div.summery div.summery-row { height: 40px; padding: 0 25px; } div.sidebarWrapper div.sidebar div.total-price { width: 100%; border-top: 1px solid #d1d1d1; background: rgba(255, 156, 30, 0.1); position: relative; left: 0; bottom: 0; padding: 15px 25px; display: flex; justify-content: space-between; font-size: 22px; font-weight: 700; color: #0b6161; } div.sidebarWrapper div.sidebar div.total-price div.price { font-size: 22px; } } @media screen and (max-width: 500px) { div#QuoteWizardContainer { margin-top: 80px; } div#QuoteWizardContainer .wizard-container .the-content .progression { margin: 0; width: 100%; gap: 5px; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step { margin: 0; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a { display: block; width: auto; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-icon { width: 100%; min-width: 0; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-count { display: block; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a .step-content .step-desc { display: none !important; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-count { display: block; } div#QuoteWizardContainer .wizard-container .the-content .progression > .step > a.active .step-content .step-desc { display: none !important; } div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-3 > .step { width: calc((100% / 3) - 10px); } div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-4 > .step { width: calc((100% / 4) - 10px); } div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-5 > .step { width: calc((100% / 5) - 10px); } div#QuoteWizardContainer .wizard-container .the-content .progression.steps-total-6 > .step { width: calc((100% / 6) - 10px); } } /*# sourceMappingURL=wizard.css.map */