/** Shopify CDN: Minification failed Line 9:0 "@charset" must be the first rule in the file Line 9168:8 Expected ":" Line 9168:10 Expected identifier but found "rect(" **/ [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)} @charset "UTF-8"; #preview-bar-iframe { display: none; } html { scroll-behavior: smooth; } [v-cloak] { display: none; } .site { max-width: 1440px; margin: 0 auto; } body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-smooth: always; } body * { -webkit-font-smoothing: inherit; font-smoothing: inherit; font-smooth: inherit; } a { text-decoration: none; cursor: pointer; } ul { margin: 0; padding: 0; } * { box-sizing: border-box; } p, h1, h2, h3, h4 { margin: 0; } h1, h2, h3, h4 { font-family: "Baskerville W01 Regular_705699"; } p, span { font-family: "Avenir LT W01_35 Light1475496", sans-serif; } button, a { font-family: "Avenir LT W01_45 Book1475508" !important; cursor: pointer; } button:active, button:focus, a:active, a:focus { outline: none; } .section-title { color: #5C5C5C; font-family: "Baskerville W01 Regular_705699"; font-size: 30px; letter-spacing: 2px; font-weight: 100; } @media (max-width: 768px) { .section-title { font-size: 26px; } } @media (max-width: 414px) { .section-title { font-size: 24px; } } input, select, option, textarea, textarea:-ms-input-placeholder, input:-ms-input-placeholder { font-family: "Avenir LT W01_35 Light1475496", sans-serif; } input, select, option, textarea, textarea::placeholder, input::placeholder { font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .section-description { color: #5C5C5C; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; line-height: 18px; } @media (max-width: 768px) { .section-description { font-size: 16px; } } .form-error, .form-success { font-size: 14px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .form-error { color: #5C5C5C; margin-top: 6px; margin-bottom: 6px; } .form-success { color: #5C5C5C; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .fade-enter-active, .fade-leave-active { transition: opacity 300ms ease; } .fade-enter, .fade-leave-to { opacity: 0; } .lazyloading.fade-in { opacity: 0; transition: opacity 500ms ease-in; } .lazyloaded.fade-in { opacity: 1; } @-moz-document url-prefix() { body .with-ff-fix { font-weight: lighter !important; } } .sort-by { margin: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 768px) { .sort-by { margin: 50px 24px; } } .sort-by .wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin-left: auto; } .sort-by label, .sort-by select { font-family: "Avenir LT W01_35 Light1475496", sans-serif; color: #5C5C5C; font-size: 11px; text-transform: uppercase; width: 100%; } .sort-by label { margin-right: 16px; } @media (max-width: 768px) { .sort-by label { text-align: left; } } .sort-by .select-wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-width: 160px; margin-left: auto; } .sort-by .select-wrapper .select { width: 100%; } .sort-by .select-wrapper select { width: 100%; z-index: 3; appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; border-radius: 0; width: 100%; height: 20px; border: none; outline: none; cursor: pointer; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .sort-by .select-wrapper select::-ms-expand { display: none; } .sort-by .select-wrapper .arrow { position: absolute; right: 0px; transform: translateY(-50%); width: 12px; height: 10px; z-index: -2; } .sort-by .select-wrapper .arrow::v-deep svg { width: 12px; height: 10px; } .sort-by .select-wrapper .arrow::v-deep svg path { fill: #5C5C5C; } .promoted-designers { padding: 40px 80px; margin-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; background-color: #f6f6f8; } .designer-promoted-block { background-color: #fff; -ms-flex: 0 0 calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); margin-bottom: 20px; position: relative; opacity: 1; transition: ease-in-out 0.25s opacity; } .designer-promoted-block:hover { opacity: 0.75; } .designer-promoted-block__image { width: 100%; height: 360px; background-size: cover; background-position: center; } .designer-promoted-block__content { padding: 30px; flex-direction: column; } .designer-promoted-block__content-headline { color: #5c5c5c; font-size: 30px; font-weight: 300; letter-spacing: 1px; margin-top: 10px; margin-bottom: 20px; } .designer-promoted-block__content-text { font-size: 14px; line-height: 22px; color: #5c5c5c; } .designer-promoted-block__content-text > * { font-style: normal !important; color: #5c5c5c !important; font-size: 14px !important; line-height: 22px !important; } .designer-promoted-block a { text-decoration: none; color: inherit; } .designer-promoted-block > a { flex-direction: column; } .designer-promoted-block.two-thirds { -ms-flex: 0 0 calc(66.66% - 10px); flex: 0 0 calc(66.66% - 10px); } .site-links a { display: inline-block; white-space: nowrap; padding: 8px; background-color: #F7F7F7; margin: 4px 2px; } @media screen and (max-width: 1150px) { .promoted-designers { padding: 20px; } .designer-promoted-block { -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .designer-promoted-block.two-thirds { -ms-flex: 0 0 100%; flex: 0 0 100%; } .designer-promoted-block__image { height: 450px; } } @media screen and (max-width: 796px) { .designer-promoted-block { -ms-flex: 0 0 100%; flex: 0 0 100%; } .designer-promoted-block__image { height: 600px; } .designer-promoted-block__image.wide { height: 300px; } } @media screen and (max-width: 576px) { .designer-promoted-block__image { height: 450px; } .designer-promoted-block__image.wide { height: 350px; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* The cookie dialog box*/ /* General styles for cookie dialog box */ #CybotCookiebotDialog { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 14px 2px !important; } #CybotCookiebotDialog * { font-family: "Avenir LT W01_35 Light1475496", sans-serif !important; box-sizing: border-box !important; } /* Dialog detail body */ #CybotCookiebotDialog #CybotCookiebotDialogDetail { padding-top: 10px !important; } #CybotCookiebotDialog #CybotCookiebotDialogDetailBody { max-width: 880px !important; width: auto !important; } @media (max-width: 939px) { #CybotCookiebotDialog #CybotCookiebotDialogDetailBody, #CybotCookiebotDialog #CybotCookiebotDialogBody { padding: 0 30px 0 !important; } } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogDetailBody, #CybotCookiebotDialog #CybotCookiebotDialogBody { padding: 16px 16px 0 !important; } } #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieTabsNecessary { overflow: scroll; } /* Hide header */ #CybotCookiebotDialogHeader { display: none !important; } /* Dialog body content */ #CybotCookiebotDialog #CybotCookiebotDialogBodyContent { padding: 16px 0 0 !important; } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogBodyContent { padding-top: 0 !important; } } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle { font-weight: 600; font-size: 20px; color: #5C5C5C; letter-spacing: 0.3px; line-height: 30px; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText { font-size: 13px; color: #5C5C5C; font-weight: 600; letter-spacing: 0.4px; line-height: 27px; } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText { font-size: 14px; line-height: 16px; } } /* Scroll container */ .CybotCookiebotScrollContainer { width: 100%; max-width: none; padding: 0; margin: 0; box-sizing: border-box; } /* Buttons wrapper */ #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper { width: 100%; margin: 20px 0 0 !important; display: flex !important; flex-direction: row; gap: 10px; /* Adds spacing between buttons */ } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper { margin: 5px 0 0 !important; flex-direction: column; } } /* General button styles */ #CybotCookiebotDialog .CybotCookiebotDialogBodyButton { margin: 0 !important; padding: 10px 15px; font-size: 14px; letter-spacing: 0.2px; background: #fff; border: 1px solid #5C5C5C; color: #5C5C5C; display: flex; height: auto !important; transition: background-color 0.3s ease-in-out; } #CybotCookiebotDialogBodyButtonsWrapper { display: flex; /* Ensure it uses flex layout */ gap: 10px; /* Adjust the space between buttons */ } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover { background: #5C5C5C; color: #fff; } @media (max-width: 768px) { #CybotCookiebotDialog .CybotCookiebotDialogBodyButton { margin: 10px 0 0 0 !important; padding: 8px 10px; } } /* Allow All button */ #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #5C5C5C; border: 1px solid #5C5C5C !important; color: #fff; order: 3; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { background: #fff; border: 1px solid #5C5C5C !important; color: #5C5C5C; } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { order: 1; } } /* Allow Selection button */ #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline { color: #5C5C5C !important; border: 1px solid #5C5C5C !important; order: 2; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline:hover { background-color: #5C5C5C; color: #fff !important; } /* Decline button */ #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll { order: 1; } @media (max-width: 768px) { #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll { order: 3; } } /*** The cookie declaration ***/ .CookieDeclaration div { max-width: 885px !important; margin: 0 auto !important; } .CookieDeclaration .CookieDeclarationType { margin-bottom: 20px !important; } .CookieDeclaration #CookieDeclarationUserStatusPanel { font-size: 20px !important; } .CookieDeclaration #CookieDeclarationChangeConsent { font-weight: 500 !important; margin-top: 16px !important; } /* Branding on the banner */ a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText { display: none; } /* Branding on the Privacy trigger */ #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none; } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } header.homepage-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0 36px; height: 50px; margin-bottom: 40px; } @media (max-width: 1100px) { header.homepage-header { padding: 0px 36px; } } @media (max-width: 1024px) { header.homepage-header { padding: 0px; -ms-flex-pack: justify; justify-content: space-between; margin: 20px; } } header.homepage-header .logo { height: auto; margin-right: 40px; } @media (max-width: 1024px) { header.homepage-header .logo { margin-right: 0; } } header.homepage-header .logo svg { width: 200px; } @media (max-width: 1024px) { header.homepage-header .logo svg { width: 130px; } } @media (max-width: 400px) { header.homepage-header .logo svg { width: 100px; } } header.homepage-header .logo svg .cls-1 { fill: #969ba5; } header.homepage-header .icons { display: -ms-flexbox; display: flex; -ms-flex-order: 1; order: 1; margin-left: 60px; } header.homepage-header .icons a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #5C5C5C; } header.homepage-header .icons a svg { width: 17px; height: 17px; color: #5C5C5C; } @media (max-width: 1024px) { header.homepage-header .icons { -ms-flex-order: 0; order: 0; margin-left: 0; padding-left: 20px; padding-right: 20px; } } .header-alert p { color: #fff; background-color: #5c5c5c; font-weight: 600; font-size: 14px; padding: 10px 20px; letter-spacing: 0.25px; line-height: 1.25; text-align: center; } .search-field-header { font-size: 14px; font-weight: bold; margin-right: 15px; text-transform: uppercase; } .header-right { display: -ms-flexbox; display: flex; } .hide-mobile { display: block !important; } .hide-desktop { display: none !important; } @media (max-width: 1024px) { .hide-mobile { display: none !important; } .hide-desktop { display: block !important; } } .hero-section, #shopify-section-slideshow_hero { margin: 0 35px; } @media (max-width: 1024px) { .hero-section, #shopify-section-slideshow_hero { margin: 0; } } .hero-section .hero-inner, #shopify-section-slideshow_hero .hero-inner { width: 100%; } .hero-section .hero-inner.low, #shopify-section-slideshow_hero .hero-inner.low { height: 400px; } @media (max-width: 768px) { .hero-section .hero-inner.low, #shopify-section-slideshow_hero .hero-inner.low { height: 350px; } } .hero-section .hero-inner.high, #shopify-section-slideshow_hero .hero-inner.high { height: 750px; } @media (max-width: 768px) { .hero-section .hero-inner.high, #shopify-section-slideshow_hero .hero-inner.high { height: 500px; } } .hero-section .hero-inner .hero-slider, #shopify-section-slideshow_hero .hero-inner .hero-slider { height: 100%; } #topbar { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 10px 36px; font-size: 14px; color: #969ba5; margin-bottom: 5px; } @media (max-width: 1024px) { #topbar { display: none; } } #topbar .announcement { margin-right: auto; } @media (max-width: 1024px) { #topbar .announcement { margin: auto; padding: 8px 0; } } #topbar ul { list-style-type: none; color: #5C5C5C; } @media (max-width: 1024px) { #topbar ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } } #topbar ul li { display: inline; margin-left: 24px; } @media (max-width: 1024px) { #topbar ul li { margin: 0; } } #topbar ul li a { color: inherit; font-family: "Avenir LT W01_35 Light1475496", sans-serif !important; } #topbar nav { display: -ms-flexbox; display: flex; } #topbar nav .has-dropdown { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: end; align-items: flex-end; } #topbar nav .has-dropdown svg { width: 11px; height: 15px; margin-left: 5px; } #topbar nav .has-dropdown > ul { display: none; } #topbar nav .has-dropdown a:hover ~ .dropdown-menu, #topbar nav .dropdown-menu:hover { display: block; position: absolute; z-index: 5; top: 15px; background-color: #ffffff; border: 2px solid #f6f6f8; border-top: none; padding: 10px; left: 50%; transform: translateX(-50%); } #topbar nav .has-dropdown a:hover ~ .dropdown-menu li, #topbar nav .dropdown-menu:hover li { margin: 0; } @media (max-width: 1024px) { #topbar nav li { margin: 0 10px; } } .quote-inner { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 180px auto; background-repeat: no-repeat; background-size: cover; position: relative; max-width: 720px; padding: 0 20px; } @media (max-width: 1024px) { .quote-inner { margin: 100px auto; padding: 0 40px; } } @media (max-width: 768px) { .quote-inner { margin: 60px auto; padding: 0 40px; } } .quote-inner .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; opacity: 0.7; background-color: #969ba5; } .quote-inner .text-wrapper { color: #5C5C5C; font-size: 22px; font-weight: 400; letter-spacing: 4px; text-align: center; line-height: 35px; z-index: 3; } @media (max-width: 1024px) { .quote-inner .text-wrapper { font-size: 18px; line-height: 28px; } } @media (max-width: 414px) { .quote-inner .text-wrapper { font-size: 16px; line-height: 24px; } } .quote-inner .text-wrapper p { text-transform: uppercase; font-family: "Baskerville W01 Regular_705699"; font-weight: 100; } .quote-inner .text-wrapper a { color: inherit; border-color: inherit; text-align: center; padding: 10px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid; display: inline-block; text-transform: uppercase; margin-top: 60px; } .quote-inner .text-wrapper a:hover::before { transform: scaleX(1); } .featured-collection-inner { background-color: #f6f6f8; padding: 65px 70px 120px; text-align: center; width: 100%; position: relative; } @media (max-width: 1024px) { .featured-collection-inner { padding: 65px 70px 100px; } } @media (max-width: 768px) { .featured-collection-inner { padding: 35px 20px 20px; } } .featured-collection-inner .swiper-button-prev { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 768px) { .featured-collection-inner .swiper-button-prev { display: none; } } .featured-collection-inner .swiper-button-next { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 768px) { .featured-collection-inner .swiper-button-next { display: none; } } .featured-collection-inner h3.section-title { margin-bottom: 65px; } @media (max-width: 768px) { .featured-collection-inner h3.section-title { margin-bottom: 45px; } } @media (max-width: 414px) { .featured-collection-inner h3.section-title { margin-bottom: 25px; } } .content-block-inner { margin: 140px 50px 140px; } @media (max-width: 768px) { .content-block-inner { margin: 100px 0px 70px; } } .content-block-inner h2, .content-block-inner p { text-align: center; } .content-block-inner p { margin-bottom: 16px; color: #5C5C5C; font-size: 14px; line-height: 22px; } .content-block-inner p a { color: #5C5C5C; } .content-block-inner .blocks-wrapper { background-color: #f6f6f8; width: 100%; display: -ms-flexbox; display: flex; position: relative; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper { -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .content-block-inner .blocks-wrapper { -ms-flex-pack: start; justify-content: flex-start; } } .content-block-inner .blocks-wrapper.row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper.row-reverse { -ms-flex-direction: column; flex-direction: column; } } .content-block-inner .blocks-wrapper .block.image-block { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; max-width: 52%; width: 100%; bottom: 55px; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper .block.image-block { margin: 0 auto; max-width: 60%; } } @media (max-width: 768px) { .content-block-inner .blocks-wrapper .block.image-block { max-width: 80%; } } .content-block-inner .blocks-wrapper .block.basic { left: 55px; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper .block.basic { left: 0; } } .content-block-inner .blocks-wrapper .block.reverse { right: 55px; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper .block.reverse { right: 0; } } .content-block-inner .blocks-wrapper .block.text-block { max-width: 45%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .content-block-inner .blocks-wrapper .block.text-block { max-width: 100%; margin: 0 0 35px; } } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper { max-width: 350px; text-align: center; font-weight: 400; margin: 0 50px; } @media (max-width: 768px) { .content-block-inner .blocks-wrapper .block.text-block .text-wrapper { padding-bottom: 15px; margin: 0 20px; } } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a { color: #5C5C5C; } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper h3 { text-transform: uppercase; margin: 0; } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper p { margin: 25px 0; } @media (max-width: 768px) { .content-block-inner .blocks-wrapper .block.text-block .text-wrapper p { margin: 15px 0; } } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a.btn { color: #5C5C5C; border-color: #5C5C5C; text-align: center; padding: 10px 15px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #5C5C5C; display: inline-block; text-transform: uppercase; } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a.btn:hover::before { transform: scaleX(1); } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a.btn:hover { color: #ffffff; } .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a.btn::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .content-block-inner .blocks-wrapper .block.text-block .text-wrapper a.btn { width: 100%; } } .social-media-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 130px 0; } @media (max-width: 1024px) { .social-media-inner { padding: 90px 0; } } @media (max-width: 768px) { .social-media-inner { padding: 45px 20px; } } .social-media-inner .text-wrapper { width: 570px; text-align: center; } .social-media-inner .text-wrapper h2 { margin-bottom: 35px; } @media (max-width: 768px) { .social-media-inner .text-wrapper h2 { margin-bottom: 15px; } } .social-media-inner .text-wrapper p { margin: 35px 0; } @media (max-width: 768px) { .social-media-inner .text-wrapper p { margin: 25px 0; } } .social-media-inner .text-wrapper ul { list-style-type: none; } .social-media-inner .text-wrapper ul li { display: inline; border-radius: 100%; } .social-media-inner .text-wrapper ul li:nth-of-type(even) { margin: 0 35px 5px; } .social-media-inner .text-wrapper ul li a { color: #333538; } .social-media-inner .text-wrapper ul li a svg { width: 70px; height: 70px; } @media (max-width: 768px) { .social-media-inner .text-wrapper ul li a svg { width: 35px; height: 35px; } } footer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-color: #f6f6f8; } footer .footer-menu { position: relative; width: 100%; padding: 17px 0; border-bottom: 2px solid rgba(150, 155, 165, 0.233); font-family: "Avenir LT W01_35 Light1475496", sans-serif; } footer .footer-menu ul { list-style-type: none; text-align: center; } @media (max-width: 768px) { footer .footer-menu ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } footer .footer-menu ul li { display: inline; color: #2d384c; font-size: 10px; font-weight: 500; line-height: 12px; opacity: 0.5; } @media (max-width: 768px) { footer .footer-menu ul li { margin-bottom: 6px; } } footer .footer-menu ul li:nth-of-type(even) { margin: 0 25px; } @media (max-width: 768px) { footer .footer-menu ul li:nth-of-type(even) { margin-bottom: 6px; } } footer .footer-menu ul li a, footer .footer-menu ul li a:active, footer .footer-menu ul li a:visited { color: inherit; } footer .footer-blocks { padding: 0 230px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; } @media (max-width: 1024px) { footer .footer-blocks { padding: 0 130px; } } @media (max-width: 768px) { footer .footer-blocks { -ms-flex-direction: column; flex-direction: column; padding: 0 20px; margin-top: 40px; } } footer .footer-blocks h4 { text-transform: uppercase; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } footer .footer-blocks ul { list-style: none; } footer .footer-blocks li, footer .footer-blocks h4 { color: #969ba5; font-size: 12px; line-height: 22px; font-weight: lighter; } footer .footer-blocks .address-blocks { display: -ms-flexbox; display: flex; list-style: none; } footer .footer-blocks .address-blocks li { text-align: left; margin-right: 45px; } @media (max-width: 768px) { footer .footer-blocks .address-blocks li { text-align: left; margin-right: 0; margin-bottom: 15px; } } footer .footer-blocks .address-blocks li p { line-height: 16px; } footer .footer-blocks .address-blocks li a { text-decoration: underline; color: inherit; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-weight: lighter; display: inline-block; margin: 0; } @media (max-width: 768px) { footer .footer-blocks .address-blocks li a { margin-top: 0; } } @media (max-width: 768px) { footer .footer-blocks .address-blocks { -ms-flex-direction: column; flex-direction: column; } } footer .footer-blocks .social-icons-wrapper { text-align: right; } @media (max-width: 768px) { footer .footer-blocks .social-icons-wrapper { text-align: center; margin-top: 15px; } } footer .footer-blocks .social-icons-wrapper ul { list-style: none; margin-top: 5px; } footer .footer-blocks .social-icons-wrapper ul li { color: #5C5C5C; width: 26px; height: 26px; margin-bottom: 10px; margin-left: auto; } @media (max-width: 768px) { footer .footer-blocks .social-icons-wrapper ul li { margin: auto; display: inline-block; margin: 0 10px; } } footer .footer-blocks .social-icons-wrapper ul li a { color: inherit; font-family: "Avenir LT W01_45 Book1475508"; } footer .footer-blocks .social-icons-wrapper ul li a svg { width: 100%; height: 100%; } footer .icons-badges { display: -ms-flexbox; display: flex; padding: 0 230px; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 40px; } @media (max-width: 1024px) { footer .icons-badges { padding: 0 130px; } } @media (max-width: 768px) { footer .icons-badges { padding: 0 20px; -ms-flex-pack: center; justify-content: center; } } footer .icons-badges .certificate { width: 45px; height: 45px; } footer .icons-badges .certificate svg { width: 100%; height: 100%; } footer .icons-badges .payment-icons-wrapper { margin-left: 50px; color: #5C5C5C; font-size: 10px; font-weight: 500; line-height: 12px; } footer .icons-badges .payment-icons-wrapper ul { margin-top: 8px; } footer .icons-badges .payment-icons-wrapper ul li { display: inline-block; list-style: none; } footer .icons-badges .payment-icons-wrapper ul li svg { width: 39px; height: 25px; } footer .bottom-menu { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 70px 0 10px 0; color: #969ba5; font-size: 10px; font-weight: 500; line-height: 12px; } @media (max-width: 414px) { footer .bottom-menu { -ms-flex-direction: column; flex-direction: column; margin: 70px 20px 10px; text-align: center; } } footer .bottom-menu ul { list-style: none; margin-left: 2px; } @media (max-width: 414px) { footer .bottom-menu ul { margin: 10px 0px; } } footer .bottom-menu ul li { display: inline; } footer .bottom-menu ul li::before { content: "|"; margin: 0 2px; } footer .bottom-menu ul li a, footer .bottom-menu ul li a:active, footer .bottom-menu ul li a:focus, footer .bottom-menu ul li a:visited { color: #969ba5; } .instagram-inner { width: 100%; text-align: center; margin: 100px 0; } @media (max-width: 768px) { .instagram-inner { margin: 50px 0; } } .instagram-inner h2 { text-transform: uppercase; margin-bottom: 16px; } @media (max-width: 768px) { .instagram-inner h2 { margin: 0px 20px; } } @media (max-width: 768px) { .instagram-inner .section-description { margin: 0px 20px; } } .instagram-inner .blocks-wrapper { margin: 0 130px; } @media (max-width: 1024px) { .instagram-inner .blocks-wrapper { margin: 0; padding-top: 0px; } } .breadcrumbs { font-size: 0.85em; padding: 0 120px; margin-bottom: 10px; } @media (max-width: 768px) { .breadcrumbs { padding: 0 20px; } } .breadcrumbs ol { list-style-type: none; margin: 0; padding: 0; } .breadcrumbs ol li { display: inline-block; color: #969ba5; font-size: 11px; font-weight: 400; line-height: 13px; cursor: pointer; } .breadcrumbs ol li a { text-decoration: none; color: #969ba5; } .breadcrumbs ol li:not(:last-child):after { content: "/\A0"; display: inline-block; padding-left: 0.75ch; speak: none; } .breadcrumbs [aria-current=page] { color: inherit; font-weight: normal; text-decoration: none; } .breadcrumbs [aria-current=page]:hover, .breadcrumbs [aria-current=page]:focus { text-decoration: underline; } .collection-template header { margin: 0 35px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 140px 0; max-height: 335px; } @media (max-width: 768px) { .collection-template header { margin: 0; padding: 50px 0; } } .collection-template header .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.2); } .collection-template header .text-wrapper { color: #ffffff; font-size: 22px; font-weight: 400; text-align: center; z-index: 3; max-width: 570px; width: 100%; } @media (max-width: 768px) { .collection-template header .text-wrapper { margin: 0 10px; } } .collection-template header .text-wrapper h1 { font-size: 50px; letter-spacing: 3.33px; line-height: 60px; text-transform: uppercase; margin: 0; font-family: "Baskerville W01 Regular_705699"; font-weight: 400; } @media (max-width: 768px) { .collection-template header .text-wrapper h1 { font-size: 26px; } } .collection-template header .text-wrapper .rte { font-size: 14px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; line-height: 18px; } .collection-template .collection-quote { margin: auto; padding: 50px 20px; text-align: center; } .collection-template .collection-quote .text-wrapper { max-width: 40%; color: #969ba5; font-size: 12px; margin: auto; text-align: center; } @media (max-width: 768px) { .collection-template .collection-quote .text-wrapper { max-width: 80%; } } .product-inner { background-color: #f6f6f8; display: -ms-flexbox; display: flex; margin: 0 35px; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 180px 60px 85px; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 1024px) { .product-inner { padding: 60px 50px 105px; } } @media (max-width: 768px) { .product-inner { -ms-flex-direction: column; flex-direction: column; margin: 0; -ms-flex-align: center; align-items: center; padding: 40px 30px 100px; } } .product-inner .accordion.product { padding: 0; } .product-inner .img-wrapper { width: 44%; height: 300px; background-color: #5C5C5C; } @media (max-width: 768px) { .product-inner .img-wrapper { width: 100%; } } .product-inner .img-wrapper svg { width: 100%; height: 300px; } .product-inner .product-swiper { width: 44%; } @media (max-width: 768px) { .product-inner .product-swiper { width: 100%; } } .product-inner .content-wrapper { color: #5c5c5c; max-width: 450px; margin-left: 43px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; width: 100%; } @media (max-width: 768px) { .product-inner .content-wrapper { max-width: 100%; margin: 20px 0; } } .product-inner .content-wrapper .designer { font-size: 10px; font-family: "Avenir LT W01_85 Heavy1475544"; line-height: 12px; font-weight: lighter; } .product-inner .content-wrapper .vendor, .product-inner .content-wrapper .variant-sku { font-size: 12px; font-weight: 100; margin: 10px 0; } .product-inner .content-wrapper .vendor span, .product-inner .content-wrapper .variant-sku span { font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .product-inner .content-wrapper .variant-sku { display: -ms-inline-flexbox; display: inline-flex; } .product-inner .content-wrapper .variant-sku .label { margin-right: 3px; } .product-inner .content-wrapper .variant-sku .sku { font-family: "Avenir LT W01_85 Heavy1475544"; } .product-inner .content-wrapper h1 { font-size: 30px; font-family: "Baskerville W01 Regular_705699"; letter-spacing: 2px; line-height: 32px; text-align: left; margin: 9px 0 9px 0; font-weight: 100; } @media (max-width: 768px) { .product-inner .content-wrapper h1 { font-size: 26px; } } @media (max-width: 414px) { .product-inner .content-wrapper h1 { font-size: 24px; } } .product-inner .content-wrapper .price-wrapper { display: block; margin-top: 25px; } .product-inner .content-wrapper .price-wrapper .price { display: block; line-height: 19px; text-transform: uppercase; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .product-inner .content-wrapper .price-wrapper .price.discounted { margin-top: 5px; font-size: 20px; } .product-inner .content-wrapper .price-wrapper .price-before { text-decoration: line-through; display: block; font-size: 15px; } .product-inner .content-wrapper .new-price { font-size: 10px; line-height: 24px; } .product-inner .content-wrapper .production-status { font-size: 10px; font-family: "Avenir LT W01_65 Medium1475532"; } .product-inner .content-wrapper .add-to-cart { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #5c5c5c; display: inline-block; margin: 25px 0 5px; cursor: pointer; } .product-inner .content-wrapper .add-to-cart:hover::before { transform: scaleX(1); } .product-inner .content-wrapper .add-to-cart::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .product-inner .content-wrapper .add-to-cart { width: 100%; } } .product-inner .content-wrapper .sold-out { margin-bottom: 25px; font-size: 12px; line-height: 24px; } .product-inner .content-wrapper .description { font-size: 14px; font-weight: 400; line-height: 20px; margin: 24px 0; } .product-inner .living { color: #5C5C5C; } .product-inner .living.tag { background-color: #5C5C5C; } .product-inner .living.tag::after { border-color: transparent #333538 transparent transparent; } .product-inner .living .add-to-cart { background-color: #5C5C5C; } .product-inner .living .add-to-cart::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .product-inner .living .icon::before, .product-inner .living .icon::after { background-color: #5C5C5C !important; } .product-inner .original { color: #5C5C5C; } .product-inner .original.tag { background-color: #5C5C5C; } .product-inner .original.tag::after { border-color: transparent #333538 transparent transparent; } .product-inner .original .add-to-cart { background-color: #5C5C5C; } .product-inner .original .add-to-cart::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .product-inner .original .icon::before, .product-inner .original .icon::after { background-color: #5C5C5C !important; } .product-inner .vintage { color: #5C5C5C; } .product-inner .vintage.tag { background-color: #5C5C5C; } .product-inner .vintage.tag::after { border-color: transparent #333538 transparent transparent; } .product-inner .vintage .add-to-cart { background-color: #5C5C5C; } .product-inner .vintage .add-to-cart::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .product-inner .vintage .icon::before, .product-inner .vintage .icon::after { background-color: #5C5C5C !important; } .product-form, .contact-form-section { margin: 20px 35px; background-color: #f6f6f8; background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 1024px) { .product-form, .contact-form-section { margin: 35px 35px; } } @media (max-width: 768px) { .product-form, .contact-form-section { margin: 20px 0 0; padding: 0 20px; } } .product-form.margin-top, .contact-form-section.margin-top { margin-top: 100px; } .product-form .form, .contact-form-section .form { width: 645px; background-color: #ffffff; position: relative; margin-left: auto; top: -80px; right: 40px; padding: 120px 60px 60px; } .product-form .form .form-wrapper, .contact-form-section .form .form-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1024px) { .product-form .form, .contact-form-section .form { margin: auto; right: initial; padding: 80px 60px 60px; } } @media (max-width: 768px) { .product-form .form, .contact-form-section .form { max-width: 600px; padding: 40px 30px 20px; width: 100%; top: -60px; } } .product-form .form .section-title, .contact-form-section .form .section-title { color: #333538; font-size: 30px; letter-spacing: 1px; line-height: 33px; font-weight: 300; text-transform: uppercase; } @media (max-width: 414px) { .product-form .form .section-title, .contact-form-section .form .section-title { font-size: 24px; } } .product-form .form p:not(.section-title), .contact-form-section .form p:not(.section-title) { color: #5C5C5C; font-size: 14px; line-height: 20px; margin: 20px 0; } @media (max-width: 414px) { .product-form .form p:not(.section-title), .contact-form-section .form p:not(.section-title) { margin: 10px; } } .product-form .form input, .product-form .form select, .product-form .form option, .product-form .form textarea, .product-form .form .input-placeholder, .contact-form-section .form input, .contact-form-section .form select, .contact-form-section .form option, .contact-form-section .form textarea, .contact-form-section .form .input-placeholder { border: 1px solid rgba(121, 131, 149, 0.616); color: #5C5C5C; font-size: 14px; line-height: 20px; padding: 10px 20px; outline: none; margin-bottom: 20px; background-color: #ffffff; } .product-form .form input:focus, .product-form .form select:focus, .product-form .form option:focus, .product-form .form textarea:focus, .product-form .form .input-placeholder:focus, .contact-form-section .form input:focus, .contact-form-section .form select:focus, .contact-form-section .form option:focus, .contact-form-section .form textarea:focus, .contact-form-section .form .input-placeholder:focus { outline: none; } .product-form .form input[type=file]::-ms-value, .product-form .form select[type=file]::-ms-value, .product-form .form option[type=file]::-ms-value, .product-form .form textarea[type=file]::-ms-value, .product-form .form .input-placeholder[type=file]::-ms-value, .contact-form-section .form input[type=file]::-ms-value, .contact-form-section .form select[type=file]::-ms-value, .contact-form-section .form option[type=file]::-ms-value, .contact-form-section .form textarea[type=file]::-ms-value, .contact-form-section .form .input-placeholder[type=file]::-ms-value { display: none; } .product-form .form select, .contact-form-section .form select { max-width: 200px; height: 40px; } .product-form .form .btn-submit, .contact-form-section .form .btn-submit { color: #ffffff; border-color: #ffffff; text-align: center; padding: 12px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #798395; text-transform: uppercase; display: inline-block; -ms-flex-item-align: end; align-self: flex-end; font-size: 12px; border: none; } .product-form .form .btn-submit:hover::before, .contact-form-section .form .btn-submit:hover::before { transform: scaleX(1); } .product-form .form .btn-submit::before, .contact-form-section .form .btn-submit::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4a515e; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .product-form .form .btn-submit, .contact-form-section .form .btn-submit { width: 100%; } } .product-form .form .errors ul, .contact-form-section .form .errors ul { list-style: none; margin: 10px 0; color: #5C5C5C; font-size: 12px; } form.basic { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 65px; } @media (max-width: 768px) { form.basic { padding: 50px 30px 20px; } } form.basic h2 { margin-bottom: 35px; text-transform: uppercase; } form.basic p { margin-bottom: 35px; } form.basic input, form.basic select, form.basic option, form.basic textarea { border: 1px solid rgba(121, 131, 149, 0.616); color: #5C5C5C; font-size: 14px; line-height: 20px; padding: 10px 20px; outline: none; margin-bottom: 20px; background-color: #ffffff; } form.basic input:focus, form.basic select:focus, form.basic option:focus, form.basic textarea:focus { outline: none; } form.basic select { max-width: 200px; height: 40px; } @media (max-width: 768px) { form.basic select { width: 100%; max-width: 100%; } } form.basic .btn-submit { color: #ffffff; border-color: #ffffff; text-align: center; padding: 10px 70px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #798395; -ms-flex-item-align: end; align-self: flex-end; border: none; } form.basic .btn-submit:hover::before { transform: scaleX(1); } form.basic .btn-submit::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4a515e; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { form.basic .btn-submit { width: 100%; } } form.basic .errors ul { list-style: none; margin: 10px 0; color: #5C5C5C; font-size: 12px; } form.basic { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 65px; } @media (max-width: 768px) { form.basic { padding: 50px 30px 20px; } } form.basic h2 { margin-bottom: 35px; text-transform: uppercase; } form.basic p { margin-bottom: 35px; } form.basic input, form.basic select, form.basic option, form.basic textarea { border: 1px solid rgba(121, 131, 149, 0.616); color: #5C5C5C; font-size: 14px; line-height: 20px; padding: 10px 20px; outline: none; margin-bottom: 20px; background-color: #ffffff; } form.basic input:focus, form.basic select:focus, form.basic option:focus, form.basic textarea:focus { outline: none; } form.basic select { max-width: 200px; height: 40px; } @media (max-width: 768px) { form.basic select { width: 100%; max-width: 100%; } } form.basic .btn-submit { color: #ffffff; border-color: #ffffff; text-align: center; padding: 10px 70px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #798395; -ms-flex-item-align: end; align-self: flex-end; border: none; } form.basic .btn-submit:hover::before { transform: scaleX(1); } @media (max-width: 768px) { form.basic .btn-submit { width: 100%; } } form.basic .btn-submit::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } form.basic .errors ul { list-style: none; margin: 10px 0; color: #5C5C5C; font-size: 12px; } .cta-blocks-section { text-align: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cta-blocks-section { margin: 10px 0; } } .cta-blocks-section h3.section-title { text-transform: uppercase; } @media (max-width: 414px) { .cta-blocks-section h3.section-title { margin: 0 20px; } } .cta-blocks-section p.section-description { margin-bottom: 50px; } @media (max-width: 414px) { .cta-blocks-section p.section-description { margin: 0 20px; } } .blocks-list-inner { margin-top: 50px; padding: 0 130px; display: -ms-grid; display: grid; grid-auto-rows: minmax(170px, auto); grid-column-gap: 20px; grid-row-gap: 50px; margin-bottom: 50px; } @media (max-width: 1024px) { .blocks-list-inner { padding: 0 50px; } } @media (max-width: 414px) { .blocks-list-inner { padding: 0 25px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blocks-list-inner { display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .blocks-list-inner.grid_one { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .blocks-list-inner.grid_two.right-third { grid-template-columns: 1fr 2fr; -ms-grid-columns: 1fr 2fr; } @media (max-width: 768px) { .blocks-list-inner.grid_two.right-third { -ms-grid-columns: 100%; grid-template-columns: 100%; } } .blocks-list-inner.grid_two.left-third { grid-template-columns: 2fr 1fr; -ms-grid-columns: 2fr 1fr; } @media (max-width: 768px) { .blocks-list-inner.grid_two.left-third { grid-template-columns: 100%; -ms-grid-columns: 100%; } } .blocks-list-inner.grid_three { -ms-grid-columns: (minmax(150px, 380px))[3]; grid-template-columns: repeat(3, minmax(150px, 380px)); } @media (max-width: 1024px) { .blocks-list-inner.grid_three { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .blocks-list-inner.grid_three .block-wrapper:first-of-type { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; } } @media (max-width: 768px) { .blocks-list-inner.grid_three { -ms-grid-columns: 100%; grid-template-columns: 100%; } .blocks-list-inner.grid_three .block-wrapper:first-of-type { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2; } } .blocks-list-inner .video-wrapper { width: 380px; height: 170px; } .blocks-list-inner .block-wrapper { position: relative; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blocks-list-inner .block-wrapper { max-width: 30%; width: 100%; margin-top: 20px; } } .blocks-list-inner .block-wrapper .block-image { background-repeat: no-repeat; background-size: cover; background-position: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .blocks-list-inner .block-wrapper .block-image.high { height: 300px; } .blocks-list-inner .block-wrapper .block-image.low { height: 170px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blocks-list-inner .block-wrapper { margin: 0 10px; } } .blocks-list-inner .text-wrapper { text-align: left; margin: 0 20px; color: #5C5C5C; } .blocks-list-inner .text-wrapper h4 { font-family: "Baskerville W01 Regular_705699"; font-size: 20px; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; margin-bottom: 5px; color: #5C5C5C; font-weight: 200; } .blocks-list-inner .text-wrapper p { font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 12px; letter-spacing: 0.5px; line-height: 16px; } .blocks-list-inner .text-wrapper p a { color: #5C5C5C; } .blocks-list-inner .text-wrapper a.btn { color: #333538; border-color: #333538; text-align: center; padding: 0px 0px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; margin-top: 20px; text-align: left; -ms-flex-pack: start; justify-content: flex-start; } .blocks-list-inner .text-wrapper a.btn:hover::before { transform: scaleX(1); } .blocks-list-inner .text-wrapper a.btn::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .cta-blocks-newsletter { background-color: #f6f6f8; padding: 120px 130px 30px; text-align: center; } .cta-blocks-newsletter h3.section-title { margin-bottom: 20px; text-transform: uppercase; padding: 0 20px; } .cta-blocks-newsletter p.section-description { margin-bottom: 50px; padding: 0 20px; } .cta-blocks-newsletter p.section-description a { color: #5C5C5C; } .cta-blocks-newsletter .download-btn, .cta-blocks-newsletter .download-btn:active, .cta-blocks-newsletter .download-btn:visited { color: #5C5C5C; font-size: 12px; font-weight: 400; letter-spacing: 0.5px; line-height: 16px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; margin-top: 16px; display: inline-block; } .text-centered-inner { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 75px 0; } @media (max-width: 768px) { .text-centered-inner { margin: 45px 0; } } .text-centered-inner .text-wrapper { color: #969ba5; font-weight: 100; text-align: center; max-width: 800px; } @media (max-width: 768px) { .text-centered-inner .text-wrapper { padding: 0 50px; width: 100%; } } @media (max-width: 414px) { .text-centered-inner .text-wrapper { padding: 0 25px; } } .text-centered-inner .text-wrapper h2 { font-size: 50px; letter-spacing: 3px; line-height: 60px; margin-bottom: 30px; text-transform: uppercase; font-weight: 200; } @media (max-width: 768px) { .text-centered-inner .text-wrapper h2 { font-size: 26px; letter-spacing: 1px; line-height: 25px; } } .text-centered-inner .text-wrapper p { font-size: 12px; line-height: 18px; width: 580px; margin: auto; } @media (max-width: 768px) { .text-centered-inner .text-wrapper p { width: 100%; font-size: 16px; } } .text-centered-inner .text-wrapper a { color: inherit; border-color: inherit; text-align: center; padding: 10px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid; display: inline-block; text-transform: uppercase; margin-top: 20px; } .text-centered-inner .text-wrapper a:hover::before { transform: scaleX(1); } .accordion-inner { text-align: center; margin: 75px 35px 120px; } @media (max-width: 768px) { .accordion-inner { margin: 40px 20px 40px; } } .accordion-inner .section-title { margin-bottom: 35px; } .blog-inner { margin: 0 30px; } .blog-inner a, .blog-inner a:visited, .blog-inner a:active { color: #333538; } @media (max-width: 1024px) { .blog-inner { margin: 0; } } .blog-inner .tags { display: -ms-flexbox; display: flex; max-width: 730px; margin: 120px auto 60px; -ms-flex-pack: center; justify-content: center; padding: 0 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1024px) { .blog-inner .tags { margin: 80px auto 60px; } } @media (max-width: 768px) { .blog-inner .tags { margin: 40px auto 40px; } } .blog-inner .tags li { display: inline-block; color: #333538; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; line-height: 17px; text-align: center; border: 1px solid #333538; border-radius: 20px; padding: 8px 30px; text-transform: capitalize; margin: 6px; } @media (max-width: 768px) { .blog-inner .tags li { padding: 5px 15px; margin-bottom: 10px; } } .blog-inner .tags li a, .blog-inner .tags li a:visited, .blog-inner .tags li a:active { color: #333538; } .blog-inner .articles-grid { background-color: #f6f6f8; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; padding: 65px 45px; } @media (max-width: 1024px) { .blog-inner .articles-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding: 20px 20px; } } @media (max-width: 768px) { .blog-inner .articles-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 20px 0; grid-gap: 20px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-inner .articles-grid { display: -ms-flexbox; -ms-flex-pack: start; justify-content: flex-start; } } .blog-inner .articles-grid .article { background-color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-inner .articles-grid .article { width: calc(30% - 45px); margin-right: 45px; } } .blog-inner .articles-grid .article .image-wrapper { height: 0; padding-top: 100%; position: relative; } .blog-inner .articles-grid .article .image-wrapper .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: cover; background-size: 100%; } .blog-inner .articles-grid .article .text-wrapper { padding: 25px 35px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .blog-inner .articles-grid .article .text-wrapper h3 { color: #333538; font-family: "Baskerville W01 Regular_705699"; font-size: 20px; line-height: 33px; text-transform: uppercase; } .blog-inner .articles-grid .article .text-wrapper h3 a, .blog-inner .articles-grid .article .text-wrapper h3 a:visited, .blog-inner .articles-grid .article .text-wrapper h3 a:active { color: #333538; font-family: "Baskerville W01 Regular_705699"; } @media (max-width: 768px) { .blog-inner .articles-grid .article .text-wrapper h3 { line-height: 25px; } } .blog-inner .articles-grid .article .text-wrapper .rte { color: #5C5C5C; font-size: 12px; line-height: 14px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; margin: 15px 0; display: inline-block; -ms-flex: 1; flex: 1; } @media (max-width: 768px) { .blog-inner .articles-grid .article .text-wrapper .rte { font-size: 14px; } } .blog-inner .articles-grid .article .text-wrapper .button-more { color: #5C5C5C; border-color: #5C5C5C; text-align: center; padding: 10px 35px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #5C5C5C; display: inline-block; text-transform: uppercase; -ms-flex-item-align: start; align-self: flex-start; } .blog-inner .articles-grid .article .text-wrapper .button-more:hover::before { transform: scaleX(1); } .blog-inner .articles-grid .article .text-wrapper .button-more:hover { color: #ffffff; } .blog-inner .articles-grid .article .text-wrapper .button-more::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .blog-inner .articles-grid .article .text-wrapper .button-more { width: 100%; } } .designer-blog .blog-hero { height: 700px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .designer-blog .blog-hero_content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; padding: 20px; max-width: 600px; } .designer-blog .blog-hero_content h1 { font-size: 50px; font-weight: 400; letter-spacing: 3.33px; line-height: 60px; margin-top: 0; text-transform: uppercase; } .designer-blog .designer-tags { display: -ms-flexbox; display: flex; padding: 40px 0 20px; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 100%; min-height: 180px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .designer-blog .designer-tags_tags { padding: 0 20px; max-width: 680px; text-align: center; } .designer-blog .designer-tags_tags .letter { font-size: 30px; line-height: 40px; color: #333538; margin-left: 5px; } .designer-blog .designers .grouped-items { padding: 40px 80px; } @media (max-width: 768px) { .designer-blog .designers .grouped-items { padding: 20px; } } .designer-blog .designers .grouped-items:nth-of-type(even) { background-color: #f6f6f8; } .designer-blog .designers .grouped-items span { text-transform: uppercase; color: #1f2d3d; margin-bottom: 23px; font-size: 45px; display: inline-block; font-family: "Baskerville W01 Regular_705699"; } @media (max-width: 768px) { .designer-blog .designers .grouped-items span { font-size: 28px; } } @media (max-width: 414px) { .designer-blog .designers .grouped-items span { font-size: 24px; } } .designer-blog .designers .grouped-items ul { list-style: none; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 26px; } @media (max-width: 768px) { .designer-blog .designers .grouped-items ul { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; } } @media (max-width: 414px) { .designer-blog .designers .grouped-items ul { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .designer-blog .designers .grouped-items ul { display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } } .designer-blog .designers .grouped-items ul li a, .designer-blog .designers .grouped-items ul li span { color: #5C5C5C; font-size: 14px; line-height: 22px; text-transform: capitalize; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .designer-blog .designers .grouped-items ul li a, .designer-blog .designers .grouped-items ul li span { width: 25%; } } .designer-blog .designers .grouped-items ul li a.underline, .designer-blog .designers .grouped-items ul li span.underline { cursor: pointer; font-size: 14px; font-weight: 400; line-height: 22px; color: #1f2d3d; text-decoration: underline; font-family: "Avenir LT W01_65 Medium1475532"; } .designer-article .bio { color: #5C5C5C; max-width: 800px; margin: auto; margin-bottom: 100px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media (max-width: 1024px) { .designer-article .bio { padding: 0 50px; } } @media (max-width: 768px) { .designer-article .bio { padding: 0 20px; } } .designer-article .bio h4 { font-family: "Baskerville W01 Regular_705699"; font-size: 30px; letter-spacing: 6px; line-height: 40px; margin-bottom: 25px; font-weight: 100; } @media (max-width: 768px) { .designer-article .bio h4 { font-size: 26px; } } .designer-article .bio .rte { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .designer-article .bio .rte a { color: #333538; } .designer-article .bio .rte p { margin: 8px 0; } .designer-article .content-block-inner .text-wrapper h3 { color: #5C5C5C; font-size: 60px; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; } @media (max-width: 768px) { .designer-article .content-block-inner .text-wrapper h3 { font-size: 44px; } } .products-pagination { text-align: right; margin: 0 120px; } @media (max-width: 1024px) { .products-pagination { margin: 30px; } } .products-pagination .page { color: #5C5C5C; background-color: #f6f6f8; font-family: "Avenir LT W01_45 Book1475508"; font-size: 10px; display: -ms-inline-flexbox; display: inline-flex; width: 25px; height: 25px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .products-pagination .page a { color: #5C5C5C; width: 25px; height: 25px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .products-pagination .page a:hover { background-color: #5C5C5C; color: #f6f6f8; } .products-pagination .page.current { color: #f6f6f8; background-color: #5C5C5C; } .products-pagination .page.current a { color: #f6f6f8; } .products-pagination .prev, .products-pagination .next { display: none; } .social-sharing { position: absolute; bottom: 20px; left: 20%; } @media (max-width: 1024px) { .social-sharing { bottom: 75px; } } @media (max-width: 768px) { .social-sharing { left: 30px; } } .social-sharing svg { width: 12px; height: 12px; color: #bcbfc6; margin: 0 7px; } @media (max-width: 768px) { .social-sharing svg { width: 20px; height: 20px; } } article[role=article] { padding: 0 30px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media (max-width: 768px) { article[role=article] { margin: 0; } } article[role=article] img { max-width: 100%; } article[role=article] .content-block-inner { margin: 100px 0px 40px; } article[role=article] .content-block-inner .image-block { padding-top: 52%; } article[role=article] .text-wrapper h1 { text-transform: uppercase; } article[role=article] .text-wrapper span { font-size: 12px; color: #5C5C5C; } article[role=article] .article-content { margin: 140px auto 0; max-width: 800px; padding: 40px; } @media (max-width: 768px) { article[role=article] .article-content { margin: 30px auto 70px; padding: 20px; } } article[role=article] .article-content blockquote { margin: 35px 40px; font-size: 20px; } @media (max-width: 768px) { article[role=article] .article-content blockquote { font-size: 18px; margin: 25px 20px; } } article[role=article] .article-content h2 { color: #333538; margin-bottom: 25px; } article[role=article] .article-content ul { margin-left: 20px; } article[role=article] .article-content ul, article[role=article] .article-content ol { margin-bottom: 15px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } article[role=article] .article-content a { color: #5C5C5C; } article[role=article] .tags { display: -ms-flexbox; display: flex; max-width: 730px; margin: 120px auto 60px; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media (max-width: 768px) { article[role=article] .tags { max-width: 100%; margin: 35px 20px; } } article[role=article] .tags li { display: inline-block; color: #333538; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; line-height: 17px; text-align: center; border: 1px solid #333538; border-radius: 20px; padding: 8px 30px; text-transform: capitalize; } @media (max-width: 768px) { article[role=article] .tags li { padding: 8px 20px; } } article[role=article] .tags li a, article[role=article] .tags li a:visited, article[role=article] .tags li a:active { color: #333538; } .search-section-inner { margin: 130px auto; padding: 0 20px; max-width: 700px; text-align: center; } @media (max-width: 768px) { .search-section-inner { margin: 100px auto; } } .search-section-inner .section-title { text-transform: uppercase; } .search-section-inner p { color: #5C5C5C; font-family: "Baskerville W01 Regular_705699"; font-size: 25px; letter-spacing: 5px; line-height: 40px; text-transform: uppercase; margin: 10px 0; } @media (max-width: 768px) { .search-section-inner p { font-size: 20px; } } .search-section-inner .search-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .search-section-inner .search-inner .search-icon { cursor: pointer; } .search-page .no-result { margin: 160px auto; font-family: "Avenir LT W01_45 Book1475508"; } @media (max-width: 768px) { .search-page .no-result { margin: 80px auto; } } .search-page .no-result a { color: #333538; font-family: "Avenir LT W01_85 Heavy1475544"; } .error-page { text-align: center; margin: 50px auto; padding: 20px 0; } .error-page .h1 { color: #333538; font-size: 45px; } .error-page a, .error-page a:visited, .error-page a:active { color: #333538; font-family: "Avenir LT W01_65 Medium1475532"; } .general-page { max-width: 780px; margin: auto; padding: 80px 20px; } @media (max-width: 768px) { .general-page { padding: 40px 20px; } } .general-page h1 { margin: 0; text-align: center; } .general-page .small-text { font-size: 10px; font-family: "Avenir LT W01_45 Book1475508"; line-height: 12px; opacity: 0.5; text-align: center; display: block; } .general-page .rte { color: #5C5C5C; margin-top: 60px; } @media (max-width: 768px) { .general-page .rte { margin-top: 40px; } } .general-page .rte ul { margin-left: 15px; } .general-page a { color: #5C5C5C; text-decoration: underline; } .search-page { text-align: center; margin: 50px 35px; } @media (max-width: 768px) { .search-page { margin: 35px; } } @media (max-width: 768px) { .search-page h1 { margin: 35px 0; } } .search-page form { margin-bottom: 80px; } .search-page form label { font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 20px; font-weight: 400; line-height: 18px; color: #5C5C5C; } @media (max-width: 768px) { .search-page form label { display: none; } } .search-page form input { border: none; border-bottom: 1px solid #f6f6f8; color: #969ba5; font-size: 24px; line-height: 29px; text-align: left; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .search-page form input:focus, .search-page form input:active { outline: none; } .search-page form input:-ms-input-placeholder { color: #969ba5; } .search-page form input::placeholder { color: #969ba5; } .search-page form button[type=submit] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 0 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #333538; text-transform: uppercase; height: 40px; border: none; font-size: 20px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-left: 50px; } .search-page form button[type=submit]:hover::before { transform: scaleX(1); } .search-page form button[type=submit]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .search-page form button[type=submit] { width: 100%; margin-top: 30px; height: 30px; border: none; font-size: 16px; margin-left: 0; } } .search-page form button[type=submit] svg { color: #ffffff; width: 16px; margin-right: 5px; } .search-page .empty { color: #969ba5; font-size: 24px; line-height: 29px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .search-page .empty a { color: #5C5C5C; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .cart-inner { padding: 35px 120px; } @media (max-width: 768px) { .cart-inner { padding: 45px 20px; } } .cart-inner a, .cart-inner a:visited, .cart-inner a:active { color: #333538; } .cart-inner .cart-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .cart-inner .cart-header h1 { font-size: 40px; line-height: 60px; color: #333538; font-family: "Baskerville W01 Regular_705699"; font-weight: 300; } @media (max-width: 1024px) { .cart-inner .cart-header h1 { font-size: 34px; } } @media (max-width: 768px) { .cart-inner .cart-header h1 { font-size: 28px; line-height: 36px; margin-top: 12px; } } .cart-inner .cart-header .label { font-size: 14px; } @media (max-width: 768px) { .cart-inner .cart-header .label { display: none; } } .cart-inner .cart-header .label-total { width: 120px; text-align: right; } .cart-inner .cart-checkout-details { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .cart-inner .cart-checkout-details { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: end; align-items: flex-end; } } .cart-inner .cart-checkout-details .checkout_buttons { z-index: 1; } @media (max-width: 768px) { .cart-inner .cart-checkout-details .checkout_buttons { width: 100%; } } .cart-inner .cart-checkout-details .checkout_buttons .additional-checkout-button { width: 100%; margin-left: 0; margin-top: 6px; } .cart-inner .cart-checkout-details input[name=checkout] { margin-top: 44px; color: #FFFFFF; border-color: #FFFFFF; text-align: center; padding: 20px 35px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #333538; cursor: pointer; } .cart-inner .cart-checkout-details input[name=checkout]:hover::before { transform: scaleX(1); } .cart-inner .cart-checkout-details input[name=checkout]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .cart-inner .cart-checkout-details input[name=checkout] { max-width: 100%; width: 100%; } } .cart-inner .cart-checkout-details .rte { max-width: 450px; font-size: 15px; line-height: 24px; color: #595959; } @media (max-width: 768px) { .cart-inner .cart-checkout-details .rte { max-width: 100%; margin-top: 24px; } } .cart-inner .item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .cart-inner .item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; } } .cart-inner .item .item-image { max-width: 150px; width: 100%; height: 150px; background-repeat: no-repeat; background-size: contain; } .cart-inner .item .item-description { margin-right: auto; margin-left: 34px; padding: 0 16px; } @media (max-width: 768px) { .cart-inner .item .item-description { margin: 0; padding: 0; text-align: center; } } .cart-inner .item .item-description h3 { font-size: 21px; line-height: 30px; font-weight: 200; } @media (max-width: 768px) { .cart-inner .item .item-description h3 { margin: 16px 0; } } .cart-inner .item .price { font-size: 15px; width: 120px; text-align: right; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media (max-width: 768px) { .cart-inner .item .price { width: 100%; text-align: center; } } .cart-inner .item hr { border: 0; margin: 16px 0; width: 100%; height: 1px; background: #D8D8D5; width: 100%; } .cart-inner hr { border: 0; margin: 16px 0; width: 100%; height: 1px; background: #D8D8D5; } .cart-inner .total { font-size: 14px; text-align: right; margin-top: 16px; } @media (max-width: 768px) { .cart-inner .total { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .cart-inner .total span { font-size: 21px; margin-left: 15px; } @media (max-width: 768px) { .cart-inner .total span { margin-left: auto; } } .cart-inner .cart-empty { margin-bottom: 50px; } .cart-inner .back-link { font-size: 14px; font-family: "Avenir LT W01_65 Medium1475532"; } .cart-inner .back-link svg { transform: rotate(180deg); vertical-align: sub; margin-right: 25px; } .tooltip { display: none; min-width: 200px; max-width: 400px; top: -20px; left: 50%; transform: translate(-30%, -100%); padding: 10px 20px; color: #494949; background-color: #F6F6F8; font-weight: normal; font-size: 12px; line-height: 14px; border-radius: 8px; position: absolute; z-index: 10; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); text-transform: initial; } .tooltip i { position: absolute; top: 100%; left: 30%; margin-left: -15px; width: 30px; height: 15px; overflow: hidden; } .tooltip i::after { content: ""; position: absolute; width: 15px; height: 15px; left: 50%; transform: translate(-50%, -50%) rotate(45deg); background-color: #F6F6F8; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); } .tag:hover .tooltip { display: block; } .lang-menu { display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .lang-menu { margin-right: 20px; } } .lang-menu .has-dropdown { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: end; align-items: flex-end; } .lang-menu .has-dropdown svg { width: 11px; height: 15px; margin-left: 5px; } .lang-menu .has-dropdown > ul { display: none; } .lang-menu .has-dropdown a:hover ~ .dropdown-menu, .lang-menu .dropdown-menu:hover { display: block; position: absolute; z-index: 5; top: 15px; background-color: #ffffff; border: 2px solid #f6f6f8; border-top: none; padding: 10px; left: 50%; transform: translateX(-50%); } .lang-menu .has-dropdown a:hover ~ .dropdown-menu li, .lang-menu .dropdown-menu:hover li { margin: 0; } @media (max-width: 1024px) { .lang-menu li { margin: 0 10px; } } .lang-menu ul { list-style-type: none; color: #5C5C5C; } @media (max-width: 1024px) { .lang-menu ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } } .lang-menu ul li { display: inline; margin-left: 24px; } @media (max-width: 1024px) { .lang-menu ul li { margin: 0; } } .lang-menu ul li a { color: inherit; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .lang-menu ul .dropdown-item { display: inline-block; padding: 5px 0; } .drawer-btn[data-v-7d61e294] { position: relative; margin: 0 !important; } .drawer-btn span.count[data-v-7d61e294] { color: #ffffff; font-size: 9px; width: 12px; height: 12px; background-color: #333538; position: absolute; border-radius: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: 0; right: -5px; } .item[data-v-b03f2e6a] { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 20px 0; display: -ms-flexbox; display: flex; } .item .image-wrapper[data-v-b03f2e6a] { background-size: cover; background-position: center; width: 110px; height: 110px; margin-right: 25px; } .item .content-wrapper[data-v-b03f2e6a] { color: #5C5C5C; position: relative; -ms-flex: 1; flex: 1; } .item .content-wrapper .item-vendor[data-v-b03f2e6a] { font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; line-height: 20px; } .item .content-wrapper .item-title[data-v-b03f2e6a], .item .content-wrapper .item-price[data-v-b03f2e6a] { color: #2d384c; font-size: 11px; opacity: 0.5; margin-top: 4px; } .item .content-wrapper .item-title .original_price[data-v-b03f2e6a], .item .content-wrapper .item-price .original_price[data-v-b03f2e6a] { text-decoration: line-through; margin-right: 10px; } .item .content-wrapper .quantity[data-v-b03f2e6a] { position: absolute; bottom: 0; color: #333538; font-family: "Avenir LT W01_85 Heavy1475544"; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 800; } .item .content-wrapper .quantity p[data-v-b03f2e6a] { margin-right: 10px; letter-spacing: -0.2px; } .item .content-wrapper .quantity .amount[data-v-b03f2e6a] { margin: 0 4px; } .item .content-wrapper .quantity .change[data-v-b03f2e6a] { cursor: pointer; } .item .remove[data-v-b03f2e6a] { margin-left: auto; color: #969ba5; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; cursor: pointer; display: inline-block; } .item .remove p[data-v-b03f2e6a] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .item .remove span[data-v-b03f2e6a] { width: 11px; height: 11px; margin-left: 5px; cursor: pointer; } .item .remove span svg[data-v-b03f2e6a] { width: 11px; height: 11px; } .backdrop[data-v-b36a8c6c] { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; z-index: 12; top: 0; left: 0; width: 100%; background-color: rgba(98, 106, 121, 0.65); height: 100%; } .drawer[data-v-b36a8c6c] { position: fixed; top: 0; width: 600px; height: 100vh; background-color: #ffffff; color: #5C5C5C; z-index: 13; padding: 40px 70px; right: 0; overflow: scroll; } @media (max-width: 768px) { .drawer[data-v-b36a8c6c] { padding: 20px; width: 100%; } } .drawer .drawer-header[data-v-b36a8c6c] { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .drawer .drawer-header h4[data-v-b36a8c6c] { text-transform: uppercase; } .drawer .drawer-header .close[data-v-b36a8c6c] { cursor: pointer; } .drawer .drawer-header .close svg[data-v-b36a8c6c] { width: 18px; height: 18px; } .drawer .empty[data-v-b36a8c6c] { margin: 14px 0; display: inline-block; } .drawer .items[data-v-b36a8c6c] { margin-top: 40px; } .drawer .total_price[data-v-b36a8c6c] { margin-top: 20px; text-align: right; text-transform: uppercase; font-size: 10px; } .drawer .total_price div[data-v-b36a8c6c] { margin-top: 5px; display: block; font-size: 18px; } .drawer .total_price div .discounted[data-v-b36a8c6c] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .drawer .total_price .original_price[data-v-b36a8c6c] { text-decoration: line-through; font-size: 15px; } .drawer .checkbox-wrapper[data-v-b36a8c6c] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } .drawer .checkbox-wrapper span[data-v-b36a8c6c], .drawer .checkbox-wrapper a[data-v-b36a8c6c] { font-size: 13px; color: #5C5C5C; } .drawer .checkbox-wrapper a[data-v-b36a8c6c]:hover { text-decoration: underline; } .drawer .checkbox-wrapper input[type=checkbox][data-v-b36a8c6c] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; } @media (max-width: 768px) { .drawer .checkbox-wrapper input[type=checkbox][data-v-b36a8c6c] { padding: 10px; } } .drawer .checkbox-wrapper input[type=checkbox][data-v-b36a8c6c]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { .drawer .checkbox-wrapper input[type=checkbox][data-v-b36a8c6c]:checked::before { font-size: 18px; } } .drawer .checkout-btn[data-v-b36a8c6c] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #5C5C5C; width: 100%; margin-top: 50px; } .drawer .checkout-btn[data-v-b36a8c6c]:hover::before { transform: scaleX(1); } .drawer .checkout-btn[data-v-b36a8c6c]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #343941; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .drawer .checkout-btn.disabled[data-v-b36a8c6c] { background-color: #969ba5; } @media (max-width: 414px) { .drawer .checkout-btn[data-v-b36a8c6c] { position: fixed; left: 0; bottom: 0; } } .slide-enter-active[data-v-b36a8c6c], .slide-leave-active[data-v-b36a8c6c] { transition: all 0.4s linear; transition-delay: 300ms; } .slide-enter[data-v-b36a8c6c], .slide-leave-to[data-v-b36a8c6c] { opacity: 0; right: -500px; } .slide-enter-to[data-v-b36a8c6c], .slide-leave[data-v-b36a8c6c] { right: 0px; opacity: 1; } .op-enter-active[data-v-b36a8c6c], .op-leave-active[data-v-b36a8c6c] { transition: all 0.2s linear; } .op-enter[data-v-b36a8c6c], .op-leave-to[data-v-b36a8c6c] { opacity: 0; } .op-enter-to[data-v-b36a8c6c], .op-leave[data-v-b36a8c6c] { opacity: 1; } .hero-slider[data-v-6445acf1] { height: 100%; position: relative; } .hero-slider .swiper-container[data-v-6445acf1] { width: 100%; height: 100%; } .hero-slider .swiper-container .swiper-slide[data-v-6445acf1] { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .hero-slider .swiper-container .swiper-slide img[data-v-6445acf1] { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .hero-slider .swiper-container .swiper-slide[data-v-6445acf1]::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.2); opacity: 0; } .hero-slider .swiper-container .swiper-slide-active.lazyloading[data-v-6445acf1] { opacity: 0 !important; transition: opacity 200ms ease-in !important; } .hero-slider .swiper-container .swiper-slide-active.lazyloaded[data-v-6445acf1] { opacity: 1 !important; transition: opacity 200ms ease-in !important; } .hero-slider .swiper-container .swiper-slide-active.lazyloaded[data-v-6445acf1]::before { opacity: 1; } .hero-slider .swiper-container .text-wrapper[data-v-6445acf1] { height: 100%; max-width: 580px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; padding: 0 20px; } .hero-slider .swiper-container .text-wrapper h1[data-v-6445acf1] { font-size: 50px; font-weight: 400; letter-spacing: 3.33px; line-height: 60px; text-transform: uppercase; } @media (max-width: 768px) { .hero-slider .swiper-container .text-wrapper h1[data-v-6445acf1] { font-size: 35px; line-height: 40px; letter-spacing: 1px; } } .hero-slider .swiper-container .text-wrapper p[data-v-6445acf1] { font-size: 14px; font-weight: 400; line-height: 20px; margin: 10px 0 25px; } @media (max-width: 768px) { .hero-slider .swiper-container .text-wrapper p[data-v-6445acf1] { font-size: 16px; margin: 10px 0 15px; } } .hero-slider .swiper-container .text-wrapper a[data-v-6445acf1] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 55px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #ffffff; text-transform: uppercase; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .hero-slider .swiper-container .text-wrapper a[data-v-6445acf1]:hover::before { transform: scaleX(1); } @media (max-width: 768px) { .hero-slider .swiper-container .text-wrapper a[data-v-6445acf1] { width: 100%; color: #ffffff; border-color: #ffffff; text-align: center; padding: 10px 55px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; } .hero-slider .swiper-container .text-wrapper a[data-v-6445acf1]:hover::before { transform: scaleX(1); } } .hero-slider .swiper-button-prev[data-v-6445acf1], .hero-slider .swiper-button-next[data-v-6445acf1] { width: 40px; height: 30px; background-size: contain; outline: none; top: 95%; } .hero-slider .swiper-button-prev[data-v-6445acf1] { right: 50px; left: auto; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 414px) { .hero-slider .swiper-button-prev[data-v-6445acf1] { display: none; } } .hero-slider .swiper-button-next[data-v-6445acf1] { right: 25px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 414px) { .hero-slider .swiper-button-next[data-v-6445acf1] { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { a.card-wrapper[data-v-8e98e878] { margin: 10px; max-width: 23%; width: 100%; } } .product-card[data-v-8e98e878] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 15px; color: #5C5C5C; padding: 10px 25px; background-color: #f6f6f8; transition: all 0.2s ease-out; height: 100%; } .product-card.discounted[data-v-8e98e878] { background-color: #6a6a79; } .product-card.discounted h3[data-v-8e98e878], .product-card.discounted h4[data-v-8e98e878], .product-card.discounted p[data-v-8e98e878] { color: #fff !important; } @media (max-width: 768px) { .product-card[data-v-8e98e878] { width: 100%; } } .product-card .img-wrapper[data-v-8e98e878] { width: 100%; padding-top: 100%; overflow: hidden; margin-bottom: 70px; position: relative; } @media (max-width: 768px) { .product-card .img-wrapper[data-v-8e98e878] { margin-bottom: 30px; } } .product-card .img-wrapper img[data-v-8e98e878] { width: 100%; height: 100%; top: 0; left: 0; position: absolute; transition: all 0.1s ease-in-out; opacity: 0; } .product-card .img-wrapper img.hover[data-v-8e98e878] { opacity: 0; visibility: hidden; } .product-card .img-wrapper img.lazyloaded[data-v-8e98e878] { opacity: 1; transition: opacity 250ms ease-in; } .product-card:hover .img-wrapper[data-v-8e98e878]::after { background-color: transparent; transition: background-color 0.3s linear; } .product-card:hover img.hover[data-v-8e98e878] { opacity: 1; visibility: visible; } .product-card:hover img.featured[data-v-8e98e878] { opacity: 0; visibility: hidden; } .product-card h3[data-v-8e98e878] { color: #5C5C5C; font-size: 10px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; line-height: 12px; -ms-flex-item-align: start; align-self: flex-start; text-transform: uppercase; } .product-card h4.title[data-v-8e98e878] { margin-bottom: 50px; -ms-flex-item-align: start; align-self: flex-start; font-size: 10px; font-weight: 500; line-height: 12px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; text-align: left; } @media (max-width: 768px) { .product-card h4.title[data-v-8e98e878] { margin-bottom: 30px; } } .product-card .price-wrapper[data-v-8e98e878] { text-align: right; margin-left: auto; } .product-card p.price[data-v-8e98e878], .product-card p.price-before[data-v-8e98e878] { display: block; margin-bottom: 5px; color: #595959; -ms-flex-item-align: end; align-self: flex-end; font-size: 10px; font-weight: 500; line-height: 12px; } .product-card p.price.discounted[data-v-8e98e878], .product-card p.price-before.discounted[data-v-8e98e878] { font-family: "Avenir LT W01_85 Heavy1475544"; font-size: 16px; } .product-card p.price-before[data-v-8e98e878] { text-decoration: line-through; } .fade-enter-active[data-v-8e98e878], .fade-leave-active[data-v-8e98e878] { transition: opacity 300ms ease; } .fade-enter[data-v-8e98e878], .fade-leave-to[data-v-8e98e878] { opacity: 0; } .swiper-container[data-v-0a048612] { width: 100%; background-color: inherit; } .swiper-container[data-v-0a048612] .product-card:hover { background-color: #eeeeee; } .swiper-pagination[data-v-0a048612] { position: relative; width: 100%; text-align: right; text-align: -webkit-right; margin-top: 40px; z-index: 5; } @media (max-width: 768px) { .swiper-pagination[data-v-0a048612] { margin: 0; } } .swiper-pagination[data-v-0a048612] span { background-color: transparent; opacity: 1; border-radius: 0; color: #969ba5; font-size: 10px; width: 25px; height: 25px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .swiper-pagination[data-v-0a048612] span:focus { outline: none; background-color: #969ba5; } .swiper-pagination[data-v-0a048612] span.swiper-pagination-bullet-active { background-color: #969ba5; color: #ffffff; } .search-inner .search-icon[data-v-493a2dbe] { cursor: pointer; } .search-inner .search-icon svg[data-v-493a2dbe] { width: 17px; height: 17px; } .search-inner .search-overlay[data-v-493a2dbe] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 10; } .search-inner .search-overlay .input-group[data-v-493a2dbe] { background-color: #ffffff; padding: 50px 36px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-width: 1440px; margin: 0 auto; } @media (max-width: 768px) { .search-inner .search-overlay .input-group[data-v-493a2dbe] { padding: 30px 20px; } } .search-inner .search-overlay .input-group .search-form[data-v-493a2dbe] { width: 80%; } .search-inner .search-overlay .input-group .search-form input[data-v-493a2dbe] { color: #969ba5; font-size: 24px; line-height: 29px; text-align: left; border: none; font-family: "Avenir LT W01_35 Light1475496", sans-serif; width: 100%; } .search-inner .search-overlay .input-group .search-form input[data-v-493a2dbe]:focus, .search-inner .search-overlay .input-group .search-form input[data-v-493a2dbe]:active { outline: none; } .search-inner .search-overlay .input-group .search-form input[data-v-493a2dbe]:-ms-input-placeholder { color: #969ba5; } .search-inner .search-overlay .input-group .search-form input[data-v-493a2dbe]::placeholder { color: #969ba5; } .search-inner .search-overlay .input-group span[data-v-493a2dbe] { width: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .search-inner .search-overlay .input-group span svg[data-v-493a2dbe] { width: 18px; height: 18px; cursor: pointer; } .slide-in-enter-active[data-v-493a2dbe], .slide-in-leave-active[data-v-493a2dbe] { transition: opacity 0.5s; } .slide-in-enter[data-v-493a2dbe], .slide-in-leave-to[data-v-493a2dbe] { opacity: 0; } .loader-container[data-v-f5786aae] { width: 100%; height: 300px; position: relative; } .loader-container-enter[data-v-f5786aae], .loader-container-leave[data-v-f5786aae] { position: absolute; transition: opacity 5s ease-in-out; } .loader-container-enter-to[data-v-f5786aae], .loader-container-leave-to[data-v-f5786aae] { opacity: 0; } .loader[data-v-f5786aae], .loader[data-v-f5786aae]:before, .loader[data-v-f5786aae]:after { background: #5C5C5C; animation: loader-data-v-f5786aae 1s infinite ease-in-out; width: 1em; height: 4em; } .loader[data-v-f5786aae] { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: #5C5C5C; text-indent: -9999em; font-size: 11px; animation-delay: -0.16s; } .loader[data-v-f5786aae]:before, .loader[data-v-f5786aae]:after { position: absolute; top: 0; content: ""; } .loader[data-v-f5786aae]:before { left: -1.5em; animation-delay: -0.32s; } .loader[data-v-f5786aae]:after { left: 1.5em; } @keyframes loader-data-v-f5786aae { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } .lightbox[data-v-079f1b0b] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #ffffff; overflow-y: scroll; z-index: 15; } .lightbox .inner[data-v-079f1b0b] { position: relative; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; display: -ms-flexbox; display: flex; min-height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .lightbox .inner[data-v-079f1b0b] .loader-container { position: absolute; z-index: 1; } .lightbox .inner[data-v-079f1b0b] img { max-width: 100%; cursor: zoom-out; z-index: 2; } .lightbox .inner .close[data-v-079f1b0b], .lightbox .inner .download[data-v-079f1b0b] { position: absolute; width: 24px; height: 24px; display: block; cursor: pointer; top: 25px; } .lightbox .inner .close svg[data-v-079f1b0b], .lightbox .inner .download svg[data-v-079f1b0b] { width: 100%; height: 100%; fill: #969ba5; } .lightbox .inner .close[data-v-079f1b0b] { right: 0; } .lightbox .inner .download[data-v-079f1b0b] { right: -25px; } .lightbox-enter-active[data-v-079f1b0b], .lightbox-leave-active[data-v-079f1b0b] { transition: opacity 0.3s ease-in-out; } .lightbox-enter[data-v-079f1b0b], .lightbox-leave-to[data-v-079f1b0b] { opacity: 0; } .product-swiper[data-v-b031136e] { width: 45%; position: relative; } @media (max-width: 768px) { .product-swiper[data-v-b031136e] { width: 85%; } } @media (max-width: 414px) { .product-swiper[data-v-b031136e] { width: 100%; } } .product-swiper .swiper-button-prev[data-v-b031136e], .product-swiper .swiper-button-next[data-v-b031136e] { width: 40px; height: 30px; background-size: contain; outline: none; bottom: 5%; top: unset; } .product-swiper .swiper-button-prev[data-v-b031136e] { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); left: -8%; } .product-swiper .swiper-button-next[data-v-b031136e] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); right: -8%; } .gallery-top[data-v-b031136e] { width: 100%; margin-left: auto; margin-right: auto; } .gallery-top .swiper-slide[data-v-b031136e] { width: 100%; background-size: cover; background-position: center; padding-top: 100%; } .gallery-top .swiper-slide img[data-v-b031136e] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: zoom-in; } .gallery-thumbs[data-v-b031136e] { padding: 10px 0; } .gallery-thumbs .swiper-slide[data-v-b031136e] { padding-top: 15%; background-size: cover; background-position: center; } @media (max-width: 414px) { .gallery-thumbs .swiper-slide[data-v-b031136e] { height: 35px; } } .excerpt[data-v-3016944a] { margin: 20px 0; } .excerpt > *[data-v-3016944a] { transition: all 0.5s; } .excerpt p[data-v-3016944a] { font-size: 14px; line-height: 18px; } .excerpt span[data-v-3016944a] { display: inline-block; cursor: pointer; margin-top: 30px; font-size: 12px; } @media (max-width: 768px) { .excerpt span[data-v-3016944a] { margin: 20px 0 10px; } } .excerpt span svg[data-v-3016944a] { width: 11px; height: 11px; } #show-modal[data-v-405584f2] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 12px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #333538; text-transform: uppercase; display: inline-block; font-size: 12px; margin-bottom: 15px; border: none; } #show-modal[data-v-405584f2]:hover::before { transform: scaleX(1); } #show-modal[data-v-405584f2]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #020203; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .modal-backdrop[data-v-405584f2] { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .modal-backdrop .modal[data-v-405584f2] { background-color: #f6f6f8; max-width: 730px; width: 100%; max-height: 80%; padding: 70px; box-shadow: 0 0 6px 2px rgba(49, 55, 61, 0.3490196078); position: relative; color: #1f2d3d; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow: scroll; } @media (max-width: 1024px) { .modal-backdrop .modal[data-v-405584f2] { padding: 35px; } } @media (max-width: 768px) { .modal-backdrop .modal[data-v-405584f2] { padding: 20px; max-height: 100vh; } } .modal-backdrop .modal .close-modal[data-v-405584f2] { position: absolute; right: 40px; top: 40px; width: 18px; height: 18px; cursor: pointer; } .modal-backdrop .modal .close-modal svg[data-v-405584f2] { width: 100%; height: 100%; } @media (max-width: 768px) { .modal-backdrop .modal .close-modal[data-v-405584f2] { right: 7%; top: 4%; } } .modal-backdrop .modal h4[data-v-405584f2] { font-size: 30px; font-weight: 400; line-height: 36px; margin-bottom: 40px; } @media (max-width: 768px) { .modal-backdrop .modal h4[data-v-405584f2] { margin-bottom: 20px; } } .modal-backdrop .modal p[data-v-405584f2], .modal-backdrop .modal label[data-v-405584f2] { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; color: inherit; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .modal-backdrop .modal .type[data-v-405584f2] { margin-bottom: 20px; } .modal-backdrop .modal .type span[data-v-405584f2] { margin-left: 10px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } @media (max-width: 768px) { .modal-backdrop .modal .type[data-v-405584f2] { margin: 8px 0; } } .modal-backdrop .modal .select-group[data-v-405584f2] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .modal-backdrop .modal .select-group select[data-v-405584f2] { width: 100% !important; border-radius: 3px; box-shadow: 1px 1px 3px 0px rgba(105, 114, 122, 0.349); border: none; background-color: #ffffff; } .modal-backdrop .modal .price span[data-v-405584f2] { margin-left: 10px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; display: inline-block; } @media (max-width: 768px) { .modal-backdrop .modal .price[data-v-405584f2] { padding: 24px 0; } } .modal-backdrop .modal .materials[data-v-405584f2] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; overflow: scroll; min-height: 100px; } @media (max-width: 768px) { .modal-backdrop .modal .materials[data-v-405584f2] { overflow: scroll; -ms-flex-align: baseline; align-items: baseline; } } .modal-backdrop .modal .materials .item[data-v-405584f2] { padding: 7px; background-color: #ffffff; margin: 8px 5px; text-transform: uppercase; border-radius: 3px; box-shadow: 1px 1px 3px 0px rgba(105, 114, 122, 0.349); cursor: pointer; } @media (max-width: 768px) { .modal-backdrop .modal .materials .item[data-v-405584f2] { -ms-flex-preferred-size: calc(33% - 10px); flex-basis: calc(33% - 10px); } } .modal-backdrop .modal .materials .item .img-wrapper[data-v-405584f2] { width: 120px; height: 50px; margin-bottom: 10px; } .modal-backdrop .modal .materials .item .img-wrapper img[data-v-405584f2] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .modal-backdrop .modal .materials .item .img-wrapper[data-v-405584f2] { width: 100%; height: 39px; } } .modal-backdrop .modal .materials .item p[data-v-405584f2] { font-size: 10px; line-height: 12px; margin: 0; } .modal-backdrop .modal .materials .item .name[data-v-405584f2] { font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .modal-backdrop .modal .materials .item.picked[data-v-405584f2] { box-shadow: 1px 1px 3px 0px rgba(176, 138, 115, 0.7450980392); } .modal-backdrop .modal .btn-submit[data-v-405584f2] { margin-top: auto; } .select[data-v-405584f2] { position: relative; margin-bottom: 8px; } .select select[data-v-405584f2] { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; appearance: none; outline: none; border-radius: 0; width: 270px; max-width: 100%; margin-bottom: 0; } .select select[data-v-405584f2]::-ms-expand { display: none; } .select .arrow[data-v-405584f2] { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 15px; height: 14px; } .select .arrow[data-v-405584f2] svg { width: 15px; height: 14px; } .select .arrow[data-v-405584f2] svg path { fill: #5C5C5C; } .change-enter-active[data-v-405584f2], .change-leave-active[data-v-405584f2] { transition: all 100ms ease-in-out; } .change-enter[data-v-405584f2], .change-leave-to[data-v-405584f2] { opacity: 0; } ul.accordion[data-v-36c611a2] { max-width: 720px; margin: 0 auto 30px; text-align: left; } ul.accordion li[data-v-36c611a2] { list-style: none; padding: 15px 0; border-bottom: 1px solid rgba(45, 56, 76, 0.1); } ul.accordion li .header[data-v-36c611a2] { cursor: pointer; font-family: "Avenir LT W01_45 Book1475508"; line-height: 18px; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; } ul.accordion li .header .icon[data-v-36c611a2] { cursor: pointer; position: relative; height: 9px; width: 2px; } ul.accordion li .header .icon[data-v-36c611a2]:before, ul.accordion li .header .icon[data-v-36c611a2]:after { background: #5C5C5C; content: ""; left: 0; position: absolute; top: 0; height: 9px; width: 0.12em; transition: transform 500ms ease; } ul.accordion li .header .icon[data-v-36c611a2]:after { transform-origin: center; transform: rotate(90deg); } ul.accordion li .header .icon.rotate[data-v-36c611a2]:after { transform: rotate(270deg); } ul.accordion li .header .icon.rotate[data-v-36c611a2]:before { transform: rotate(90deg); } ul.accordion li .message[data-v-36c611a2] { margin-top: 10px; transition: 150ms ease-in-out; font-family: "Avenir LT W01_45 Book1475508"; font-size: 14px; font-weight: 500; } ul.accordion.default li[data-v-36c611a2] { color: #5C5C5C; margin-left: 10px; } ul.accordion.default .message.open[data-v-36c611a2] { color: #333538; } ul.accordion.default .message[data-v-36c611a2] a { color: #5C5C5C; text-decoration: underline; } ul.accordion.default .header[data-v-36c611a2] { font-size: 15px; } ul.accordion.default .header.open[data-v-36c611a2] { color: #333538; } ul.accordion.product li[data-v-36c611a2] { color: inherit; } ul.accordion.product .message[data-v-36c611a2] a { color: #5C5C5C; text-decoration: underline; } ul.accordion.product .message.open[data-v-36c611a2] { color: inherit; } ul.accordion.product .header[data-v-36c611a2] { font-size: 14px; } ul.accordion.product .header.open[data-v-36c611a2] { color: inherit; } .stamp[data-v-5254e8c6] { position: absolute; color: #ffffff; font-size: 9px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; width: 80px; height: 80px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; border: 1px solid #ffffff; z-index: 3; } @media (max-width: 414px) { .stamp[data-v-5254e8c6] { width: 65px; height: 65px; font-size: 11px; } } .editorial-slider[data-v-eec0a286] { height: 100%; width: 100%; } .editorial-slider .swiper-container[data-v-eec0a286] { width: 100%; height: 100%; } .editorial-slider .swiper-container .swiper-slide[data-v-eec0a286] { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding-top: 100%; } .editorial-slider .swiper-container .swiper-slide.outline[data-v-eec0a286] { outline: 1px white solid; outline-offset: -35px; } @media (max-width: 768px) { .editorial-slider .swiper-container .swiper-slide.outline[data-v-eec0a286] { outline-offset: -18px; } } .editorial-slider .swiper-button-prev[data-v-eec0a286], .editorial-slider .swiper-button-next[data-v-eec0a286] { width: 30px; background-size: contain; outline: none; top: 92%; } @media (max-width: 1024px) { .editorial-slider .swiper-button-prev[data-v-eec0a286], .editorial-slider .swiper-button-next[data-v-eec0a286] { top: 88%; } } @media (max-width: 414px) { .editorial-slider .swiper-button-prev[data-v-eec0a286], .editorial-slider .swiper-button-next[data-v-eec0a286] { top: 80%; } } .editorial-slider .swiper-button-prev[data-v-eec0a286] { right: 65px; width: 35px; height: 30px; left: auto; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23FFFFFF'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .editorial-slider .swiper-button-next[data-v-eec0a286] { right: 35px; width: 35px; height: 30px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23FFFFFF'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } form.flow .wrapper[data-v-2430c366] { margin: 40px 0; } form.flow .steps-desktop[data-v-2430c366] { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { form.flow .steps-desktop[data-v-2430c366] { display: none; } } form.flow .steps-desktop li[data-v-2430c366] { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 34px; height: 40px; position: relative; background-color: #eeeeee; font-family: "Baskerville W01 Regular_705699"; color: #333538; text-transform: uppercase; } form.flow .steps-desktop li[data-v-2430c366]:not(:first-of-type)::before { content: " "; position: absolute; left: 0px; top: 0; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 22px; border-color: transparent transparent transparent #ffffff; line-height: 0px; _border-color: #000000 #000000 #000000 #ffffff; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000"); } form.flow .steps-desktop li[data-v-2430c366]:not(:last-of-type):after { content: " "; height: 0; width: 0; position: absolute; right: -22px; border-style: solid; border-width: 20px 0 20px 22px; border-color: transparent transparent transparent #eeeeee; z-index: 10; top: 0; } form.flow .steps-desktop li.active[data-v-2430c366]:not(:last-of-type):after { border-color: transparent transparent transparent #333538; } form.flow .steps-desktop li.active[data-v-2430c366] { background-color: #333538; color: #eeeeee; } form.flow .steps-mobile[data-v-2430c366] { display: none; } @media (max-width: 768px) { form.flow .steps-mobile[data-v-2430c366] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } } form.flow .steps-mobile .title[data-v-2430c366] { font-size: 18px; color: #333538; font-family: "Baskerville W01 Regular_705699"; margin: 0; text-align: center; } form.flow .steps-mobile .count[data-v-2430c366] { font-style: 14px; margin: 0; margin-bottom: 16px; text-align: center; } form.flow .step[data-v-2430c366] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } form.flow .step button[data-v-2430c366], form.flow .step input[type=submit][data-v-2430c366] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 20px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; line-height: 20px; background-color: #5C5C5C; border: 0; max-width: calc(50% - 10px); width: 100%; } form.flow .step button[data-v-2430c366]:hover::before, form.flow .step input[type=submit][data-v-2430c366]:hover::before { transform: scaleX(1); } form.flow .step button[data-v-2430c366]::before, form.flow .step input[type=submit][data-v-2430c366]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { form.flow .step button[data-v-2430c366], form.flow .step input[type=submit][data-v-2430c366] { margin-bottom: 8px; } } form.flow .terms[data-v-2430c366] { margin-bottom: 6px; width: 100%; } form.flow .terms .checkbox-wrapper[data-v-2430c366] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } form.flow .terms .checkbox-wrapper span[data-v-2430c366], form.flow .terms .checkbox-wrapper a[data-v-2430c366] { color: #5C5C5C; text-align: left; font-size: 11px; } form.flow .terms .checkbox-wrapper a[data-v-2430c366]:hover { text-decoration: underline; } form.flow .terms .checkbox-wrapper input[type=checkbox][data-v-2430c366] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; padding: 10px; } @media (max-width: 768px) { form.flow .terms .checkbox-wrapper input[type=checkbox][data-v-2430c366] { padding: 10px; } } form.flow .terms .checkbox-wrapper input[type=checkbox][data-v-2430c366]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { form.flow .terms .checkbox-wrapper input[type=checkbox][data-v-2430c366]:checked::before { font-size: 18px; } } form.flow .reset[data-v-2430c366] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 20px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; line-height: 20px; background-color: #5C5C5C; border: 0; max-width: calc(50% - 10px); width: 100%; display: block; margin: 32px auto 0; } form.flow .reset[data-v-2430c366]:hover::before { transform: scaleX(1); } form.flow .reset[data-v-2430c366]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { form.flow .reset[data-v-2430c366] { margin-bottom: 8px; } } form.flow .form-error[data-v-2430c366] { margin-top: 8px; } @media (max-width: 768px) { form.flow .form-success[data-v-2430c366] { padding: 30px 0px; } } form.flow .form-success .title[data-v-2430c366] { color: #5C5C5C; font-size: 34px; text-align: center; font-family: "Baskerville W01 Regular_705699"; line-height: 44px; } @media (max-width: 768px) { form.flow .form-success .title[data-v-2430c366] { font-size: 26px; } } form.flow .form-success .text[data-v-2430c366] { font-family: "Avenir LT W01_35 Light1475496", sans-serif; color: #5C5C5C; text-align: center; font-size: 16px; } form.flow .form-success .icon[data-v-2430c366] { max-width: 45px; height: auto; margin: 32px auto 0; } form.flow .form-success .icon svg[data-v-2430c366] { fill: #333538; } .slide-enter-active[data-v-2430c366], .slide-leave-active[data-v-2430c366] { transition: 0.5s; } .slide-enter[data-v-2430c366], .slide-leave-to[data-v-2430c366] { opacity: 0; transform: translate(-40px, 0); } .slide-move[data-v-2430c366] { display: none; } .form-wrapper .step[data-v-c2b50464] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .form-wrapper .step > *[data-v-c2b50464] { width: calc(50% - 10px); } @media (max-width: 768px) { .form-wrapper .step > *[data-v-c2b50464] { width: 100%; } } .form-wrapper .step textarea[data-v-c2b50464] { width: 100%; } .form-wrapper .step button[data-v-c2b50464], .form-wrapper .step input[type=submit][data-v-c2b50464] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 10px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; line-height: 20px; background-color: #5C5C5C; border: 0; } .form-wrapper .step button[data-v-c2b50464]:hover::before, .form-wrapper .step input[type=submit][data-v-c2b50464]:hover::before { transform: scaleX(1); } .form-wrapper .step button[data-v-c2b50464]::before, .form-wrapper .step input[type=submit][data-v-c2b50464]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .form-wrapper .step button[data-v-c2b50464], .form-wrapper .step input[type=submit][data-v-c2b50464] { margin-bottom: 8px; } } .form-wrapper .step input[type=file][data-v-c2b50464] { display: none; } .form-wrapper .step .input-placeholder[data-v-c2b50464] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 20px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #c7c7c7; border: 0; width: 100%; cursor: pointer; } .form-wrapper .step .input-placeholder[data-v-c2b50464]:hover::before { transform: scaleX(1); } .form-wrapper .step .input-placeholder[data-v-c2b50464]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: dimgray; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .form-wrapper .step .input-placeholder span[data-v-c2b50464] { color: #5C5C5C; } .form-wrapper .step .input-placeholder:hover span[data-v-c2b50464] { color: #ffffff; } .form-wrapper .step .input-group[data-v-c2b50464] { position: relative; } .form-wrapper .step .input-group input[data-v-c2b50464] { width: 100%; } .form-wrapper .step .input-group .form-error[data-v-c2b50464] { position: absolute; top: -17px; } .form-wrapper .step .radio-wrapper[data-v-c2b50464] { margin-bottom: 20px; } .form-wrapper .step .radio-wrapper ul li[data-v-c2b50464] { list-style: none; display: inline; } .form-wrapper .step .radio-wrapper label[data-v-c2b50464] { display: inline-block; margin-bottom: 8px; color: #5C5C5C; font-size: 14px; line-height: 20px; } .form-wrapper .step .radio-wrapper input[type=radio][data-v-c2b50464] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin-bottom: 5px; position: relative; cursor: pointer; outline: 0; overflow: hidden; border: 2px solid #333538; padding: 7px; } .form-wrapper .step .radio-wrapper input[type=radio][data-v-c2b50464]:checked:after { transform: translate3d(-50%, -50%, 0) scale(1, 1); } .form-wrapper .step .radio-wrapper input[type=radio][data-v-c2b50464]:after { position: absolute; content: ""; top: 50%; left: 50%; border-radius: 50%; transition: all 0.1s; border: 4px solid #333538; transform: translate3d(-50%, -50%, 0) scale(0, 0); } .form-wrapper .step[data-v-4f568ef4] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } .form-wrapper .step > *[data-v-4f568ef4] { width: calc(50% - 10px); } @media (max-width: 768px) { .form-wrapper .step > *[data-v-4f568ef4] { width: 100%; } } .form-wrapper .step textarea[data-v-4f568ef4] { width: 100%; } .form-wrapper .step button[data-v-4f568ef4], .form-wrapper .step input[type=submit][data-v-4f568ef4] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 10px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; line-height: 20px; background-color: #5C5C5C; border: 0; } .form-wrapper .step button[data-v-4f568ef4]:hover::before, .form-wrapper .step input[type=submit][data-v-4f568ef4]:hover::before { transform: scaleX(1); } .form-wrapper .step button[data-v-4f568ef4]::before, .form-wrapper .step input[type=submit][data-v-4f568ef4]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .form-wrapper .step button[data-v-4f568ef4], .form-wrapper .step input[type=submit][data-v-4f568ef4] { margin-bottom: 8px; } } .form-wrapper .step input[type=file][data-v-4f568ef4] { display: none; } .form-wrapper .step .input-placeholder[data-v-4f568ef4] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 20px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #c7c7c7; border: 0; width: 100%; cursor: pointer; } .form-wrapper .step .input-placeholder[data-v-4f568ef4]:hover::before { transform: scaleX(1); } .form-wrapper .step .input-placeholder[data-v-4f568ef4]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: dimgray; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .form-wrapper .step .input-placeholder span[data-v-4f568ef4] { color: #5C5C5C; } .form-wrapper .step .input-placeholder:hover span[data-v-4f568ef4] { color: #ffffff; } .form-wrapper .step .input-group[data-v-4f568ef4] { position: relative; } .form-wrapper .step .input-group input[data-v-4f568ef4] { width: 100%; } .form-wrapper .step .input-group .form-error[data-v-4f568ef4] { position: absolute; top: -17px; } .form-wrapper .step .input-group input[type=upload][data-v-4f568ef4] { padding: 8px 20px; } .form-wrapper .step .radio-wrapper[data-v-4f568ef4] { margin-bottom: 20px; } .form-wrapper .step .radio-wrapper ul li[data-v-4f568ef4] { list-style: none; display: inline; } .form-wrapper .step .radio-wrapper label[data-v-4f568ef4] { display: inline-block; margin-bottom: 8px; color: #5C5C5C; font-size: 14px; line-height: 20px; } .form-wrapper .step .radio-wrapper input[type=radio][data-v-4f568ef4] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin-bottom: 5px; position: relative; cursor: pointer; outline: 0; overflow: hidden; border: 2px solid #333538; padding: 7px; } .form-wrapper .step .radio-wrapper input[type=radio][data-v-4f568ef4]:checked:after { transform: translate3d(-50%, -50%, 0) scale(1, 1); } .form-wrapper .step .radio-wrapper input[type=radio][data-v-4f568ef4]:after { position: absolute; content: ""; top: 50%; left: 50%; border-radius: 50%; transition: all 0.1s; border: 4px solid #333538; transform: translate3d(-50%, -50%, 0) scale(0, 0); } .expand-enter-active[data-v-6ef044c0], .expand-leave-active[data-v-6ef044c0] { transition: all 2s ease; max-height: 1200px; overflow: hidden; } .expand-enter[data-v-6ef044c0], .expand-leave-to[data-v-6ef044c0] { max-height: 0; opacity: 0; } .blog-slider[data-v-bd0b2974] { background-color: #f6f6f8; margin: 140px auto 140px; } @media (max-width: 768px) { .blog-slider[data-v-bd0b2974] { margin: 100px 0px 50px; } } .blog-slider .swiper-container[data-v-bd0b2974] { width: 100%; height: 100%; overflow: visible; } .blog-slider .swiper-container .swiper-slide[data-v-bd0b2974] { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide[data-v-bd0b2974] { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .blog-slider .swiper-container .swiper-slide.reverse[data-v-bd0b2974] { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide.reverse[data-v-bd0b2974] { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .blog-slider .swiper-container .swiper-slide .image-block[data-v-bd0b2974] { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; width: 52%; bottom: 55px; padding-top: 52%; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide .image-block[data-v-bd0b2974] { width: 65%; padding-top: 65%; } } @media (max-width: 768px) { .blog-slider .swiper-container .swiper-slide .image-block[data-v-bd0b2974] { width: 80%; padding-top: 80%; } } .blog-slider .swiper-container .swiper-slide .image-block.reverse[data-v-bd0b2974] { right: 55px; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide .image-block.reverse[data-v-bd0b2974] { right: 0; } } .blog-slider .swiper-container .swiper-slide .image-block.basic[data-v-bd0b2974] { left: 55px; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide .image-block.basic[data-v-bd0b2974] { left: 0; } } .blog-slider .swiper-container .swiper-slide .text-block[data-v-bd0b2974] { max-width: 45%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } @media (max-width: 768px) { .blog-slider .swiper-container .swiper-slide .text-block[data-v-bd0b2974] { max-width: 80%; } } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper[data-v-bd0b2974] { max-width: 350px; text-align: center; margin: 0 50px; font-weight: 400; } @media (max-width: 1024px) { .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper[data-v-bd0b2974] { max-width: 100%; margin: 0 0 35px; } } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper span[data-v-bd0b2974] { color: #333538; font-size: 14px; line-height: 20px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; text-transform: uppercase; margin-bottom: 15px; display: inline-block; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description[data-v-bd0b2974] { font-size: 14px; line-height: 22px; margin: 15px 15px; } @media (max-width: 768px) { .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description[data-v-bd0b2974] { margin: 15px 0; } } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description p[data-v-bd0b2974] { margin-top: 15px !important; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper h2[data-v-bd0b2974] { text-transform: uppercase; margin: 0; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a[data-v-bd0b2974] { color: #5C5C5C; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-bd0b2974] { color: #5C5C5C; border-color: #5C5C5C; text-align: center; padding: 10px 15px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #5C5C5C; display: inline-block; text-transform: uppercase; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-bd0b2974]:hover::before { transform: scaleX(1); } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-bd0b2974]:hover { color: #ffffff; } .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-bd0b2974]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; color: #ffffff; } @media (max-width: 768px) { .blog-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-bd0b2974] { width: 100%; } } .blog-slider .swiper-container .swiper-button-prev[data-v-bd0b2974], .blog-slider .swiper-container .swiper-button-next[data-v-bd0b2974] { width: 30px; height: 20px; background-size: contain; outline: none; top: 97%; } .blog-slider .swiper-container .swiper-button-prev[data-v-bd0b2974] { right: 50px; left: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.188' height='24' viewBox='0 0 14.188 24'%3E%3Cpath id='Path_116' data-name='Path 116' d='M12,0,0,12l2.187,2.188L12,4.375l9.813,9.812L24,12Z' transform='translate(0 24) rotate(-90)' fill='currentColor'/%3E%3C/svg%3E%0A"); } @media (max-width: 414px) { .blog-slider .swiper-container .swiper-button-prev[data-v-bd0b2974] { display: none; } } .blog-slider .swiper-container .swiper-button-next[data-v-bd0b2974] { right: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.188' height='24' viewBox='0 0 14.188 24'%3E%3Cpath id='Path_146' data-name='Path 146' d='M12,14.188l-12-12L2.187,0,12,9.812,21.813,0,24,2.187Z' transform='translate(0 24) rotate(-90)' fill='currentColor'/%3E%3C/svg%3E%0A"); } @media (max-width: 414px) { .blog-slider .swiper-container .swiper-button-next[data-v-bd0b2974] { display: none; } } .instafeed[data-v-29380b34] { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-gap: 2px; margin-top: 60px; position: relative; } @media (max-width: 1024px) { .instafeed[data-v-29380b34] { -ms-grid-rows: 1fr; grid-template-rows: 1fr; } } @media (max-width: 768px) { .instafeed[data-v-29380b34] { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .instafeed[data-v-29380b34] { display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .instafeed .item[data-v-29380b34] { width: 25%; } } .instafeed .item .img-wrapper[data-v-29380b34] { width: 100%; height: 297px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 414px) { .instafeed .item .img-wrapper[data-v-29380b34] { height: 150px; } } .instafeed .item[data-v-29380b34]:nth-of-type(4n), .instafeed .item[data-v-29380b34]:nth-of-type(4n-1) { position: relative; top: 60px; } @media (max-width: 1024px) { .instafeed .item[data-v-29380b34]:nth-of-type(4n), .instafeed .item[data-v-29380b34]:nth-of-type(4n-1) { display: none; } } .instafeed .username[data-v-29380b34] { position: absolute; font-size: 15px; letter-spacing: 2px; opacity: 0.5; right: 0; width: auto; } .instafeed .username[data-v-29380b34]::before { content: "#"; } @media (max-width: 1024px) { .instafeed .username[data-v-29380b34] { color: #ffffff; top: 5px; } } .instafeed .username a[data-v-29380b34], .instafeed .username a[data-v-29380b34]:active, .instafeed .username a[data-v-29380b34]:visited { color: #5C5C5C; } @media (max-width: 1024px) { .instafeed .username a[data-v-29380b34], .instafeed .username a[data-v-29380b34]:active, .instafeed .username a[data-v-29380b34]:visited { color: #ffffff; top: 5px; } } .big-slider[data-v-49134a6a] { background-color: #f6f6f8; margin-bottom: 64px; position: relative; } .big-slider .swiper-container[data-v-49134a6a] { width: 100%; height: 100%; overflow: visible; } .big-slider .swiper-container .swiper-slide[data-v-49134a6a] { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .big-slider .swiper-container .swiper-slide.outline[data-v-49134a6a] .image-block { outline: 1px white solid; outline-offset: -35px; } .big-slider .swiper-container .swiper-slide.outline[data-v-49134a6a] .image-block img { z-index: -1; } @media (max-width: 768px) { .big-slider .swiper-container .swiper-slide.outline[data-v-49134a6a] .image-block { outline-offset: -18px; } } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide[data-v-49134a6a] { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .big-slider .swiper-container .swiper-slide.reverse[data-v-49134a6a] { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide.reverse[data-v-49134a6a] { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .big-slider .swiper-container .swiper-slide.reverse .image-block[data-v-49134a6a] { margin-right: 55px; margin-left: 0; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide.reverse .image-block[data-v-49134a6a] { margin: auto; } } .big-slider .swiper-container .swiper-slide .image-block[data-v-49134a6a] { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; width: 52%; bottom: 55px; padding-top: 52%; margin-left: 55px; } .big-slider .swiper-container .swiper-slide .image-block[data-v-49134a6a] .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide .image-block[data-v-49134a6a] { width: 65%; padding-top: 65%; margin: auto; } } @media (max-width: 768px) { .big-slider .swiper-container .swiper-slide .image-block[data-v-49134a6a] { width: 80%; padding-top: 80%; } } .big-slider .swiper-container .swiper-slide .image-block.reverse[data-v-49134a6a] { right: 55px; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide .image-block.reverse[data-v-49134a6a] { right: 0; } } .big-slider .swiper-container .swiper-slide .image-block.basic[data-v-49134a6a] { left: 55px; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide .image-block.basic[data-v-49134a6a] { left: 0; } } .big-slider .swiper-container .swiper-slide .text-block[data-v-49134a6a] { max-width: 45%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } @media (max-width: 768px) { .big-slider .swiper-container .swiper-slide .text-block[data-v-49134a6a] { max-width: 80%; } } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper[data-v-49134a6a] { max-width: 350px; text-align: center; margin: 0 50px; font-weight: 400; } @media (max-width: 1024px) { .big-slider .swiper-container .swiper-slide .text-block .text-wrapper[data-v-49134a6a] { max-width: 100%; margin: 0 0 35px; } } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description[data-v-49134a6a] { font-size: 14px; line-height: 22px; margin: 15px 15px; } @media (max-width: 768px) { .big-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description[data-v-49134a6a] { margin: 15px 0; } } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper .section-description p[data-v-49134a6a] { margin-top: 15px !important; } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper h2[data-v-49134a6a] { text-transform: uppercase; margin: 0; } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a[data-v-49134a6a] { color: #5C5C5C; } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-49134a6a] { color: #5C5C5C; border-color: #5C5C5C; text-align: center; padding: 10px 15px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #5C5C5C; display: inline-block; text-transform: uppercase; } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-49134a6a]:hover::before { transform: scaleX(1); } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-49134a6a]:hover { color: #ffffff; } .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-49134a6a]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; color: #ffffff; } @media (max-width: 768px) { .big-slider .swiper-container .swiper-slide .text-block .text-wrapper a.btn[data-v-49134a6a] { width: 100%; } } .big-slider .swiper-button-prev[data-v-49134a6a], .big-slider .swiper-button-next[data-v-49134a6a] { width: 30px; height: 20px; background-size: contain; outline: none; top: 98%; } .big-slider .swiper-button-prev[data-v-49134a6a] { right: 50px; left: auto; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 414px) { .big-slider .swiper-button-prev[data-v-49134a6a] { display: none; } } .big-slider .swiper-button-next[data-v-49134a6a] { right: 25px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='45px' viewBox='0 0 25 45' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E%3Ctitle%3EUI/Next%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Module/Funiture' transform='translate(-1372.000000, -371.000000)' stroke='%23969BA5'%3E%3Cg id='UI/Next' transform='translate(1373.000000, 372.000000)'%3E%3Cg id='Icons/dropdown_arrow' transform='translate(11.000000, 21.500000) rotate(-90.000000) translate(-11.000000, -21.500000) translate(-10.000000, 11.000000)'%3E%3Cpolyline id='Path-2' stroke-width='3' points='0 0.0245707891 20.9877074 21 42 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 414px) { .big-slider .swiper-button-next[data-v-49134a6a] { display: none; } } .hero-video[data-v-6bb34f54] { overflow: hidden; position: relative; height: 100%; } .hero-video[data-v-6bb34f54]::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } .hero-video video[data-v-6bb34f54] { width: auto; } .hero-video .text-wrapper[data-v-6bb34f54] { height: 100%; max-width: 580px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; padding: 0 20px; z-index: 11; } .hero-video .text-wrapper h1[data-v-6bb34f54] { font-size: 50px; font-weight: 400; letter-spacing: 3.33px; line-height: 60px; text-transform: uppercase; } @media (max-width: 768px) { .hero-video .text-wrapper h1[data-v-6bb34f54] { font-size: 35px; line-height: 40px; letter-spacing: 1px; } } .hero-video .text-wrapper p[data-v-6bb34f54] { font-size: 14px; font-weight: 400; line-height: 20px; margin: 10px 0 25px; } @media (max-width: 768px) { .hero-video .text-wrapper p[data-v-6bb34f54] { font-size: 16px; margin: 10px 0 15px; } } .hero-video .text-wrapper a[data-v-6bb34f54] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 15px 55px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; border: 1px solid #ffffff; text-transform: uppercase; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .hero-video .text-wrapper a[data-v-6bb34f54]:hover::before { transform: scaleX(1); } @media (max-width: 768px) { .hero-video .text-wrapper a[data-v-6bb34f54] { width: 100%; color: #ffffff; border-color: #ffffff; text-align: center; padding: 10px 55px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; } .hero-video .text-wrapper a[data-v-6bb34f54]:hover::before { transform: scaleX(1); } } a.item-url[data-v-ccee4e8e] { color: #ffffff; height: 100%; } @media (max-width: 1024px) { a.item-url[data-v-ccee4e8e] { color: #969ba5; } } a.item-url[data-v-ccee4e8e]:active, a.item-url[data-v-ccee4e8e]:focus, a.item-url[data-v-ccee4e8e]:visited { color: #ffffff; } @media (max-width: 1024px) { a.item-url[data-v-ccee4e8e]:active, a.item-url[data-v-ccee4e8e]:focus, a.item-url[data-v-ccee4e8e]:visited { color: #333538; } } .subitem[data-v-ccee4e8e] { margin: 0; list-style: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .subitem[data-v-ccee4e8e] { max-width: 250px; height: 250px; margin: 5px; } } @media (max-width: 1024px) { .subitem[data-v-ccee4e8e]:not(:last-child) { border-bottom: 1px solid #eeeeee; } } .subitem .item-wrapper[data-v-ccee4e8e] { width: 100%; height: 0%; padding-top: 100%; background-color: #f6f6f8; position: relative; } @media (max-width: 1024px) { .subitem .item-wrapper[data-v-ccee4e8e] { background-color: transparent; padding-top: unset; } } .subitem .item-wrapper[data-v-ccee4e8e]::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: #969ba5; opacity: 0.7; display: none; } @media (max-width: 1024px) { .subitem .item-wrapper[data-v-ccee4e8e]::before { opacity: 1; z-index: -1; } } .subitem .item-wrapper[data-v-ccee4e8e]:hover::before { display: block; } .subitem .item-wrapper:hover span[data-v-ccee4e8e] { color: #ffffff; } .subitem .item-wrapper .img-wrapper[data-v-ccee4e8e] { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; position: relative; position: absolute; top: 0; } .subitem a[href="/blogs/designere"] .item-wrapper .img-wrapper.empty { background: url("https://klassik.dk/cdn/shop/files/designers_1800x.webp?v=1696457542") center center / cover no-repeat; background-color: #5C5C5C; } .subitem a[href="/blogs/designere"] .item-wrapper span { top: 20px !important; transform: none !important; } .subitem .item-wrapper .img-wrapper.empty { background-color: #5C5C5C; } .subitem .item-wrapper .img-wrapper.empty + span { top: 50%; transform: translateY(-50%); } @media (max-width: 1024px) { .subitem .item-wrapper .img-wrapper[data-v-ccee4e8e] { display: none; } } .subitem .item-wrapper span[data-v-ccee4e8e] { position: absolute; color: #ffffff; font-size: 12px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; z-index: 4; top: 20px; width: 100%; text-align: center; } @media (max-width: 1024px) { .subitem .item-wrapper span[data-v-ccee4e8e] { color: #5C5C5C; position: initial; padding-left: 20px; font-size: 15px; display: inline-block; text-align: left; line-height: 20px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; padding: 25px 0 25px 25%; } } .subitem-mobile[data-v-ccee4e8e] { display: none; margin: 15px 0; padding-left: 25px; } @media (max-width: 1024px) { .subitem-mobile[data-v-ccee4e8e] { display: block; } } .item[data-v-021cd09d] { text-transform: uppercase; display: inline-block; margin: 0 10px; color: #5C5C5C; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; letter-spacing: 0.54px; line-height: 17px; cursor: pointer; } @media (max-width: 1024px) { .item[data-v-021cd09d] { display: block; font-size: 20px; margin: 0; border-bottom: 1px solid #eeeeee; } } .item a[data-v-021cd09d], .item a[data-v-021cd09d]:focus, .item a[data-v-021cd09d]:visited { color: #5C5C5C; line-height: 30px; } @media (max-width: 1024px) { .item a[data-v-021cd09d], .item a[data-v-021cd09d]:focus, .item a[data-v-021cd09d]:visited { display: inline-block; padding: 25px 0 25px 20%; } } .item a#active[data-v-021cd09d], .item a:focus#active[data-v-021cd09d], .item a:visited#active[data-v-021cd09d] { font-family: "Avenir LT W01_65 Medium1475532"; } .item .menu-item span svg[data-v-021cd09d] { width: 13px; height: 13px; vertical-align: middle; transition: transform 100ms ease-in; } @media (max-width: 1024px) { .item .menu-item span svg[data-v-021cd09d] { transform: rotate(-90deg); width: 18px; width: 18px; } } @media (max-width: 1024px) { .item .menu-item span[data-v-021cd09d] { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 35px 25px 20%; width: 100%; } } .item.active-drop .menu-item span[data-v-021cd09d] { font-weight: lighter; font-family: "Avenir LT W01_85 Heavy1475544"; } @media (max-width: 1024px) { .item.active-drop .menu-item span[data-v-021cd09d] { font-family: "Avenir LT W01_35 Light1475496", sans-serif; background: #f6f6f8; } } .item.active-drop .menu-item svg[data-v-021cd09d] { transform: rotate(0deg); } .item .dropdown[data-v-021cd09d] { display: -ms-grid; display: grid; position: absolute; background-color: #ffffff; max-width: 1440px; margin: auto; width: 100%; left: 50%; z-index: 15; padding: 35px 120px; top: 100px; transform: translate(-50%); } @media (max-width: 1024px) { .item .dropdown[data-v-021cd09d] { display: block; position: initial; background-color: transparent; max-width: initial; width: auto; padding: 0; transform: none; max-height: 1000px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .item .dropdown[data-v-021cd09d] { display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } } .item .dropdown.grid-small[data-v-021cd09d] { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 215px; grid-gap: 25px; } .item .dropdown.grid-big[data-v-021cd09d] { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-gap: 35px; } .item .dropdown.grid-big div.subitem[data-v-021cd09d]:first-of-type { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 1; grid-row-start: 1; grid-column-end: 3; grid-row-end: 3; } .item .dropdown.grid-medium[data-v-021cd09d] { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-gap: 25px; } .smooth-enter-active[data-v-021cd09d], .smooth-leave-active[data-v-021cd09d] { transition: all 0.5s; } .smooth-enter[data-v-021cd09d], .smooth-leave-to[data-v-021cd09d] { opacity: 0; } .menu-items[data-v-d8c96790] { display: block; } @media (max-width: 1024px) { .menu-items[data-v-d8c96790] { display: none; } } ul .menu-items::v-deepli:last-child a[data-v-d8c96790] { color: #333538; } .mobile-menu[data-v-d8c96790] { -webkit-overflow-scrolling: touch; } .mobile-menu .menu-btn[data-v-d8c96790] { display: none; width: 26px; cursor: pointer; position: relative; /* Add position relative for proper rotation */ /* Rotate bars when the "active" class is added */ } @media (max-width: 1024px) { .mobile-menu .menu-btn[data-v-d8c96790] { display: block; } } .mobile-menu .menu-btn .bar[data-v-d8c96790] { background-color: #969ba5; /* Define your color variable */ height: 2.5px; display: block; margin-bottom: 4px; transition: all 300ms cubic-bezier(0.34, -0.44, 0.64, 1.56); /* Set initial rotation for hamburger bars */ } .mobile-menu .menu-btn .bar[data-v-d8c96790]:nth-child(1) { transform-origin: center; } .mobile-menu .menu-btn .bar[data-v-d8c96790]:nth-child(2) { transform-origin: center; } .mobile-menu .menu-btn .bar[data-v-d8c96790]:nth-child(3) { transform-origin: center; } .mobile-menu .menu-btn.active .bar[data-v-d8c96790]:nth-child(1) { transform: translateY(7px) rotate(45deg); } .mobile-menu .menu-btn.active .bar[data-v-d8c96790]:nth-child(2) { transform: scaleX(0); } .mobile-menu .menu-btn.active .bar[data-v-d8c96790]:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .mobile-menu .backdrop[data-v-d8c96790] { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; margin-top: 85px; background-color: #ffffff; -webkit-overflow-scrolling: touch; border-top: 1px solid #eeeeee; height: calc(100vh - 85px); overflow: scroll; } .mobile-menu .backdrop .close-btn[data-v-d8c96790] { width: 18px; height: 18px; color: #ffffff; position: absolute; top: 7%; right: 10%; cursor: pointer; } .mobile-menu .backdrop .close-btn svg[data-v-d8c96790] { width: 100%; height: 100%; } .mobile-menu .backdrop .inner-wrapper[data-v-d8c96790] { -ms-flex: 1; flex: 1; width: 100%; overflow: hidden; padding-bottom: 110px; } .scrollBtn[data-v-74470129] { background-color: #5C5C5C; border-radius: 100%; width: 60px; height: 60px; bottom: 65px; right: 40px; color: #ffffff; cursor: pointer; z-index: 10; border: none; position: absolute; } .scrollBtn svg[data-v-74470129] { width: 40px; height: 15px; } @media (max-width: 768px) { .scrollBtn[data-v-74470129] { display: none; } } .select[data-v-5f638e17] { position: relative; margin-bottom: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 100%; max-width: 270px; } .select select[data-v-5f638e17] { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; appearance: none; outline: none; border-radius: 0; width: 270px; max-width: 100%; margin-bottom: 0; } .select select[data-v-5f638e17]::-ms-expand { display: none; } .select .arrow[data-v-5f638e17] { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 15px; height: 14px; z-index: -1; } .select .arrow[data-v-5f638e17] svg { width: 15px; height: 14px; } .select .arrow[data-v-5f638e17] svg path { fill: #5C5C5C; } .select .form-success[data-v-5f638e17], .select .form-error[data-v-5f638e17] { margin-top: 8px; } .select .form-success[data-v-5f638e17] { color: #5C5C5C; } .terms[data-v-5f638e17] { margin-bottom: 6px; width: 100%; } .terms .checkbox-wrapper[data-v-5f638e17] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } .terms .checkbox-wrapper span[data-v-5f638e17], .terms .checkbox-wrapper a[data-v-5f638e17] { color: #5C5C5C; text-align: left; font-size: 11px; } .terms .checkbox-wrapper a[data-v-5f638e17]:hover { text-decoration: underline; } .terms .checkbox-wrapper input[type=checkbox][data-v-5f638e17] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; padding: 10px; } @media (max-width: 768px) { .terms .checkbox-wrapper input[type=checkbox][data-v-5f638e17] { padding: 10px; } } .terms .checkbox-wrapper input[type=checkbox][data-v-5f638e17]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { .terms .checkbox-wrapper input[type=checkbox][data-v-5f638e17]:checked::before { font-size: 18px; } } .form-success[data-v-9c1296c0], .form-error[data-v-9c1296c0] { margin-top: 8px; } .form-success[data-v-9c1296c0] { color: #5C5C5C; } .terms[data-v-9c1296c0] { margin-bottom: 6px; width: 100%; } .terms .checkbox-wrapper[data-v-9c1296c0] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } .terms .checkbox-wrapper span[data-v-9c1296c0], .terms .checkbox-wrapper a[data-v-9c1296c0] { color: #5C5C5C; text-align: left; font-size: 11px; } .terms .checkbox-wrapper a[data-v-9c1296c0]:hover { text-decoration: underline; } .terms .checkbox-wrapper input[type=checkbox][data-v-9c1296c0] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; padding: 10px; } @media (max-width: 768px) { .terms .checkbox-wrapper input[type=checkbox][data-v-9c1296c0] { padding: 10px; } } .terms .checkbox-wrapper input[type=checkbox][data-v-9c1296c0]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { .terms .checkbox-wrapper input[type=checkbox][data-v-9c1296c0]:checked::before { font-size: 18px; } } .Cookie--base[data-v-461e438f] { background-color: #f6f6f8; z-index: 999999999; } .Cookie--base .container[data-v-461e438f] { display: -ms-flexbox; display: flex; margin: auto; color: #5C5C5C; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 120px; } @media (max-width: 768px) { .Cookie--base .container[data-v-461e438f] { padding: 0 12px; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .Cookie--base .container .buttons[data-v-461e438f] { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: space-evenly; justify-content: space-evenly; } } .Cookie--base .container .buttons .skew[data-v-461e438f] { padding: 11px 20px; border: none; } @media (max-width: 768px) { .Cookie--base .container .buttons .skew[data-v-461e438f] { width: 50%; } } .Cookie--base .container .buttons #accept[data-v-461e438f] { background-color: #333538; color: #ffffff; margin-left: 50px; } @media (max-width: 768px) { .Cookie--base .container .buttons #accept[data-v-461e438f] { margin: 0; } } .Cookie--base .container .buttons #close[data-v-461e438f] { background-color: #f6f6f8; } @media (max-width: 768px) { .Cookie--base .container .buttons #close[data-v-461e438f] { margin-left: 50px; } } .Cookie--base .container .message[data-v-461e438f] { font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media (max-width: 768px) { .Cookie--base .container .message[data-v-461e438f] { margin-bottom: 14px; } } .Cookie--base .container .message a[data-v-461e438f] { color: #5C5C5C; text-decoration: underline; } .contact-slider[data-v-5a9571aa] { position: fixed; top: 377px; right: -400px; transform: translateY(-50%); width: 400px; height: auto; padding: 40px; background: #fff; box-shadow: 20px 2px 35px rgba(0, 0, 0, 0.5); box-sizing: border-box; transition: 0.5s; z-index: 10; } .contact-slider.active[data-v-5a9571aa] { right: 0; } @media (max-width: 414px) { .contact-slider[data-v-5a9571aa] { top: 340px; right: -260px; width: 260px; padding: 20px; } } .contact-slider .subtitle[data-v-5a9571aa] { display: block; font-size: 15px; margin-bottom: 20px; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; color: #5C5C5C; text-transform: uppercase; text-align: center; } @media (max-width: 414px) { .contact-slider .subtitle[data-v-5a9571aa] { margin-bottom: 15px; } } .contact-slider .terms[data-v-5a9571aa] { margin-bottom: 6px; width: 100%; } .contact-slider .terms .checkbox-wrapper[data-v-5a9571aa] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } .contact-slider .terms .checkbox-wrapper span[data-v-5a9571aa], .contact-slider .terms .checkbox-wrapper a[data-v-5a9571aa] { color: #5C5C5C; text-align: left; font-size: 11px; } .contact-slider .terms .checkbox-wrapper a[data-v-5a9571aa]:hover { text-decoration: underline; } .contact-slider .terms .checkbox-wrapper input[type=checkbox][data-v-5a9571aa] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; padding: 10px; } @media (max-width: 768px) { .contact-slider .terms .checkbox-wrapper input[type=checkbox][data-v-5a9571aa] { padding: 10px; } } .contact-slider .terms .checkbox-wrapper input[type=checkbox][data-v-5a9571aa]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { .contact-slider .terms .checkbox-wrapper input[type=checkbox][data-v-5a9571aa]:checked::before { font-size: 18px; } } .contact-slider input[data-v-5a9571aa], .contact-slider textarea[data-v-5a9571aa] { border: 1px solid rgba(121, 131, 149, 0.616); color: #5C5C5C; font-size: 14px; line-height: 20px; padding: 10px 20px; outline: none; margin-bottom: 20px; width: 100%; background-color: #ffffff; } @media (max-width: 414px) { .contact-slider input[data-v-5a9571aa], .contact-slider textarea[data-v-5a9571aa] { font-size: 14px; line-height: 18px; padding: 6px 10px; margin-bottom: 14px; } } .contact-slider textarea[data-v-5a9571aa] { height: 80px; } .contact-slider button[data-v-5a9571aa] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 12px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #798395; line-height: 20px; border: 0; width: 100%; } .contact-slider button[data-v-5a9571aa]:hover::before { transform: scaleX(1); } .contact-slider button[data-v-5a9571aa]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4a515e; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 414px) { .contact-slider button[data-v-5a9571aa] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 9px 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; } .contact-slider button[data-v-5a9571aa]:hover::before { transform: scaleX(1); } } .contact-slider .toggle[data-v-5a9571aa] { position: absolute; height: 40px; width: 180px; transform: rotate(90deg); text-align: center; cursor: pointer; background: #333538; top: 70px; left: -110px; line-height: 40px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .contact-slider .toggle[data-v-5a9571aa] { transform: rotate(0deg); } } .contact-slider .toggle span[data-v-5a9571aa] { transform: rotate(90deg); color: #ffffff; } @media (max-width: 768px) { .contact-slider .toggle[data-v-5a9571aa] { height: 34px; width: 140px; top: 30%; left: -87px; } } .contact-slider div.form-success[data-v-5a9571aa], .contact-slider div.form-error[data-v-5a9571aa] { margin-top: 8px; } .newsletter-inner[data-v-32b2ed4f] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #f6f6f8; padding: 55px 0; } @media (max-width: 768px) { .newsletter-inner[data-v-32b2ed4f] { padding: 45px 20px; } } .newsletter-inner .form-wrapper[data-v-32b2ed4f] { width: 330px; text-align: center; } @media (max-width: 768px) { .newsletter-inner .form-wrapper[data-v-32b2ed4f] { width: 100%; } } .newsletter-inner .form-wrapper h4[data-v-32b2ed4f] { color: #969ba5; font-size: 12px; line-height: 25px; margin-bottom: 15px; text-transform: uppercase; font-family: "Avenir LT W01_85 Heavy1475544"; font-weight: lighter; } .newsletter-inner .form-wrapper .input-group[data-v-32b2ed4f] { display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 768px) { .newsletter-inner .form-wrapper .input-group[data-v-32b2ed4f] { -ms-flex-direction: column; flex-direction: column; } } .newsletter-inner .form-wrapper .input-group input[data-v-32b2ed4f] { border: 1px solid #798395; height: 40px; margin-right: 10px; padding: 0 10px; font-size: 12px; width: 70%; font-family: "Avenir LT W01_35 Light1475496", sans-serif; } @media (max-width: 768px) { .newsletter-inner .form-wrapper .input-group input[data-v-32b2ed4f] { width: 100%; margin: 0; } } .newsletter-inner .form-wrapper .input-group button[data-v-32b2ed4f] { color: #ffffff; border-color: #ffffff; text-align: center; padding: 0 25px; display: inline-block; font-size: 12px; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; text-transform: uppercase; position: relative; z-index: 0; background-color: #5C5C5C; text-transform: uppercase; height: 40px; border: none; } .newsletter-inner .form-wrapper .input-group button[data-v-32b2ed4f]:hover::before { transform: scaleX(1); } .newsletter-inner .form-wrapper .input-group button[data-v-32b2ed4f]::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } @media (max-width: 768px) { .newsletter-inner .form-wrapper .input-group button[data-v-32b2ed4f] { width: 100%; margin-top: 10px; } } .newsletter-inner .terms[data-v-32b2ed4f] { margin-bottom: 6px; width: 100%; } .newsletter-inner .terms .checkbox-wrapper[data-v-32b2ed4f] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 13px 0px; } .newsletter-inner .terms .checkbox-wrapper span[data-v-32b2ed4f], .newsletter-inner .terms .checkbox-wrapper a[data-v-32b2ed4f] { color: #5C5C5C; text-align: left; font-size: 11px; } .newsletter-inner .terms .checkbox-wrapper a[data-v-32b2ed4f]:hover { text-decoration: underline; } .newsletter-inner .terms .checkbox-wrapper input[type=checkbox][data-v-32b2ed4f] { appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; background: #f6f6f8; border: 1px solid #d4d7de; height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0 16px 0 0; padding: 10px; } @media (max-width: 768px) { .newsletter-inner .terms .checkbox-wrapper input[type=checkbox][data-v-32b2ed4f] { padding: 10px; } } .newsletter-inner .terms .checkbox-wrapper input[type=checkbox][data-v-32b2ed4f]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } @media (max-width: 768px) { .newsletter-inner .terms .checkbox-wrapper input[type=checkbox][data-v-32b2ed4f]:checked::before { font-size: 18px; } } .newsletter-inner .form-success[data-v-32b2ed4f], .newsletter-inner .form-error[data-v-32b2ed4f] { text-align: left; } /*# sourceMappingURL=style.css.map*/ /* #region - møbel formular */ :root { --darkest-grey: #333538; --dark-grey: #292929; --dark-grey-05: rgba(92, 92, 92, .5); --font-light: #EEEEEE; --font-color: #5C5C5C; --btn-color: #5C5C5C; --border-color: #798395; --font-family-secondary: "Baskervville", serif; --invalid-color: #FF6060; } .flex { display: flex; } .flex-gap-x1 { gap: 1rem; } .flex-gap-x1-5 { gap: 1.5rem; } .flex-gap-x2 { gap: 2rem; } .product-form-multi { color: var(--font-color); /* line-height: 1.125; */ /* aspect-ratio: 80/47; */ position: relative; } .product-form-multi .text-transform-none { text-transform: none; } .product-form-multi .step { padding: 3rem 4rem 4rem; min-height: 750px; } .product-form-multi #step-overview { display: flex; flex-direction: column; } .product-form-multi #step-overview .btn-wrapper, .product-form-multi #step-contact .btn-wrapper { justify-content: center; margin: 3rem auto 1rem; } .product-form-multi #step-overview .btn-wrapper { margin-top: auto; } .product-form-multi .front-view { display: grid; grid-template-columns: 1fr 1.5fr; padding: 0; } .product-form-multi img { display: block; width: 100%; height: 100%; object-fit: cover; } .product-form-multi .btn { color: #fff; border: 1px solid var(--btn-color); text-align: center; padding: 15px 20px; display: inline-block; letter-spacing: 1.6px; line-height: 14px; font-family: "Avenir LT W01_65 Medium1475532"; position: relative; z-index: 0; line-height: 20px; background-color: var(--btn-color); width: fit-content; margin-top: 1rem; min-width: 250px; font-size: 12px; text-transform: uppercase; } .product-form-multi .btn::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #292929; transform: scaleX(0); transform-origin: 0 50%; transition: transform .3s ease-out; } .product-form-multi .btn:hover::before { transform: scaleX(1); } .product-form-multi .btn[type=submit] > span { display: flex; justify-content: center; gap: .5rem; font-size: 12px; } .product-form-multi .btn-secondary { background-color: transparent; color: var(--btn-color); } .product-form-multi .btn-secondary:hover { color: white; } #step-final .btn, #step-error .btn { margin-top: 3rem; } #step-error ul { font-family: Avenir LT W01_35 Light1475496,sans-serif; font-size: 14px; } .product-form-multi .no-border { border: none; } .product-form-multi .btn.disabled { background-color: var(--font-color); border-color: var(--font-color); cursor: default; } .product-form-multi .col-text { margin: auto; padding: 5rem; } .product-form-multi p { margin: 20px 0; line-height: 22px; font-size: 14px; } .product-form-multi .info-text { margin-bottom: 0; } .product-form-multi h2, .product-form-multi h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 30px; } @media (max-width: 768px){ .product-form-multi h2, .product-form-multi h3 { font-size: 26px; } } @media (max-width: 414px){ .product-form-multi h2, .product-form-multi h3 { font-size: 24px; overflow-wrap: break-word; } } .progress-bar { list-style-type: none; padding: 0; display: grid; grid-template-columns: repeat(3, auto); width: fit-content; margin: 0 auto; color: var(--darkest-grey); grid-column: 1/-1; margin-bottom: 4rem; align-items: center; gap: 0.5rem; } .progress-bar li { padding: 0 1rem; background-color: var(--font-light); font-family: Baskerville W01 Regular_705699; font-size: 16px; text-transform: uppercase; position: relative; height: 40px; display: flex; align-items: center; } .progress-bar li.clickable { cursor: pointer; } .progress-bar li:not(:last-child)::after { content: " "; height: 0; width: 0; position: absolute; left: 100%; border-style: solid; border-width: 20px 0 20px 22px; border-color: transparent transparent transparent var(--font-light); z-index: 10; top: 0; } .progress-bar li:not(:first-child) { padding-left: calc(1rem + 20px); } .progress-bar li:not(:first-child)::before { content: " "; position: absolute; left: 0; top: 0; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 22px; border-color: transparent transparent transparent #f6f6f8; line-height: 0px; } .progress-bar li.active { background-color: var(--darkest-grey); color: var(--font-light); } .progress-bar li.active::after { border-color: transparent transparent transparent var(--darkest-grey); } .progress-bar li > span { display: none; } .product-form-multi h3 { margin-bottom: 1rem; font-weight: normal; text-align: center; } .product-form-multi h3 + p { max-width: calc(280px * 2 + 1.25rem); margin: 1rem auto 2rem; text-align: center; } .product-form-multi .grid-col-all { grid-column: 1/-1; } .step-furniture > h3 { font-size: 1.25rem; } .col-input .inputs { padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto 1fr; gap: 1.25rem; height: 100%; } /* .col-input { padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; height: fit-content; }*/ .col-input + div { padding: 1rem; } .full-height { height: 100%; } .product-form-multi label { display: flex; flex-direction: column; gap: .5rem; font-family: Avenir LT W01_35 Light1475496,sans-serif; font-size: 14px; } .product-form-multi label.invalid input::placeholder, .product-form-multi label.invalid select, .product-form-multi label.invalid textarea::placeholder{ color: var(--invalid-color); } .product-form-multi label.invalid select option { color: var(--font-color); } .product-form-multi label.invalid .select-wrapper::after { filter: invert(28%) sepia(83%) saturate(3212%) hue-rotate(345deg) brightness(102%) contrast(105%); } .product-form-multi label.invalid label { color: inherit; } .product-form-multi label.invalid input, .product-form-multi label.invalid select, .product-form-multi label.invalid textarea { border-color: var(--invalid-color); } .product-form-multi label.label-checkbox { flex-direction: row; align-items: center; gap: .75rem; } .product-form-multi .col-span-2 { grid-column: 1/3; } .product-form-multi textarea { resize: none; width: 100%; height: 100%; } .product-form-multi input, .product-form-multi textarea, .product-form-multi select { border: 1px solid var(--border-color); color: var(--font-color); font-size: 14px; line-height: 20px; padding: 10px 20px; outline: none; background-color: transparent; width: 100%; } .product-form-multi input[type="text"], .product-form-multi input[type="email"], .product-form-multi input[type="tel"] { min-width: 250px; } .product-form-multi input::placeholder, .product-form-multi textarea::placeholder, .product-form-multi select::placeholder { } .product-form-multi input { /*max-width: 200px;*/ } .product-form-multi .col-span-2 input { max-width: 100%; } .product-form-multi.restauration .step-furniture { grid-template-columns: 1fr 1fr; } .product-form-multi select { padding-right: 3rem; } .select-wrapper { position: relative; } .select-wrapper select { appearance: none; } .select-wrapper::after { content:""; width: 12.97px; height: 7.13px; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi40MTk4IDAuNDUxOTg3TDEzLjQ3OTggMS41MTI5OUw3LjcwMjc3IDcuMjkxOTlDNy42MTAyIDcuMzg1MTQgNy41MDAxMiA3LjQ1OTA3IDcuMzc4ODcgNy41MDk1MkM3LjI1NzYyIDcuNTU5OTcgNy4xMjc1OSA3LjU4NTk0IDYuOTk2MjcgNy41ODU5NEM2Ljg2NDk0IDcuNTg1OTQgNi43MzQ5MSA3LjU1OTk3IDYuNjEzNjYgNy41MDk1MkM2LjQ5MjQxIDcuNDU5MDcgNi4zODIzMyA3LjM4NTE0IDYuMjg5NzcgNy4yOTE5OUwwLjUwOTc2NiAxLjUxMjk5TDEuNTY5NzcgMC40NTI5ODdMNi45OTQ3NyA1Ljg3Njk5TDEyLjQxOTggMC40NTE5ODdaIiBmaWxsPSIjNUM1QzVDIi8+Cjwvc3ZnPgo='); background-position: center; background-size: contain; background-repeat: no-repeat; display: block; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); } .product-form-multi #step-contact .btn { min-width: 200px; } .select-wrapper select option[disabled]{ color: var(--dark-grey-05); } .product-form-multi input:focus, .product-form-multi textarea:focus, .product-form-multi select:focus { border-width: 2px; } .product-form-multi input[type="radio"], .product-form-multi input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 50%; background: transparent; border: 1px solid var(--border-color); height: 18px; width: 18px; outline: none; cursor: pointer; position: relative; margin: 0; padding: 10px; } .product-form-multi input[type="checkbox"] { border-color: rgba(121, 131, 149, 0.6); border-radius: 2px; } .product-form-multi input[type="checkbox"]:checked::before { position: absolute; content: " "; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23969BA5' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; font-size: 25px; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-position: center; } .product-form-multi input[type="radio"]:checked::before { position: absolute; content: " "; width: 70%; height: 70%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: var(--border-color); border-radius: 50%; } .step-furniture { display: grid; grid-template-columns: auto 1fr; column-gap: 4rem; } .product-form-multi .btn-wrapper { margin: 2rem 0 0; gap: 1.25rem; } .product-form-multi .indent { margin: 1rem; } .product-form-multi .font-s { font-size: 0.75rem; } .product-form-multi .btn-icon { appearance: none; border: none; background: none; width: 2rem; padding: 0; font-size: 26px; color: #343434; } .product-form-multi .btn-icon svg { width: 100%; height: 100%; } .product-overview { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 1rem 0; } .product-overview .product { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border: 1px solid var(--border-color); text-align: left; } .product-overview .product p{ margin: 0; } .product-overview .product h4{ /*font-weight: normal;*/ /*font-size: 20px;*/ /*letter-spacing: 4px;*/ line-height: 30px; text-transform: uppercase; font-family: 'Avenir LT W01_85 Heavy1475544'; } #step-overview > div { text-align: center; max-width: 46.25rem; margin: 0 auto; /* line-height: 1.125rem; */ } .col-contact-input { display: grid; grid-template-columns: repeat(2, 280px); gap: 1.25rem; width: fit-content; margin: 2rem auto 0; } .col-contact-input #dataconsent { margin: 1rem auto 1rem; grid-column: 1/-1; font-size: 14px; } .col-contact-input .dataconsent-wrapper { grid-column: 1/-1; display: flex; align-items: center; gap: 2rem; justify-content: space-between; } .col-contact-input .dataconsent-wrapper #dataconsent { margin: 0; } .col-contact-input .dataconsent-wrapper #dataconsent > span:first-child { display: flex; } #step-final, #step-error { display: grid; place-content: center; justify-items: center; height: 100%; } #step-final p, #step-error p { margin: 0; } #step-final p { max-width: 23.5rem; text-align: center; } #step-final h3 { text-align: center; } #step-final .spinner + p { font-size: 14px; max-width: unset; } .product-form-multi .images-preview { display: grid; grid-template-columns: repeat(4,1fr); gap: .5rem; } .images-preview .img-container { position: relative; aspect-ratio: 125/93; } .images-preview .img-container img { object-fit: cover; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size: 14px; line-height: 20px; place-content: center; } .images-preview:not(.empty) input[type=file] { aspect-ratio: 125/93; object-fit: cover; background-color: rgba(255, 255, 255, .25); position: relative; cursor: pointer; color: transparent; } .step-furniture input[type=file]::-webkit-file-upload-button, .step-furniture input[type=file]::file-selector-button { display: none; } .images-preview:not(.empty) input[type=file]::after { content: ""; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMzLjMzMjcgMTkuMzMwN0gxOS4zMzI3VjMzLjMzMDdIMTQuNjY2VjE5LjMzMDdIMC42NjYwMTZWMTQuNjY0MUgxNC42NjZWMC42NjQwNjJIMTkuMzMyN1YxNC42NjQxSDMzLjMzMjdWMTkuMzMwN1oiIGZpbGw9IiM1QzVDNUMiIGZpbGwtb3BhY2l0eT0iMC41Ii8+Cjwvc3ZnPgo='); background-size: contain; background-repeat: no-repeat; width: 2rem; height: 2rem; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .images-preview .btn-icon { position: absolute; top: .25rem; right: .25rem; width: .8rem; z-index: 10; display: flex; } .images-preview .btn-icon svg { width: 100%; height: 100%; } .images-preview.empty #drag-upload { position: relative; grid-column: 1/-1; } .images-preview.empty #drag-upload input[type=file] { border-color: transparent; color: transparent; width: 100%; max-width: unset; aspect-ratio: 52/19; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23798395FF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e"); background-size: 100%; } .invalid + .images-preview.empty #drag-upload input[type=file] { background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23FF6060FF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e"); } .images-preview.empty #drag-upload > div { width: 80%; text-align: center; display: grid; justify-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; font-family: Avenir LT W01_35 Light1475496,sans-serif; } .images-preview.empty #drag-upload>div >p { margin: 0; } .images-preview:not(.empty) #drag-upload > div { display: none; } .images-preview.empty #drag-upload img { width: 2.5rem; } .images-preview.full #drag-upload { display: none; } @media(max-width:1300px) { .product-form-multi .step-furniture { column-gap: 2rem; } .product-form-multi input[type=text], .product-form-multi input[type=email], .product-form-multi input[type=tel] { min-width: 200px; } } @media (max-width: 1100px) { .product-form-multi .step-furniture { grid-template-columns: 1fr !important; } .product-form-multi .col-text { padding: 3rem; } .addedModal>div { padding: 4rem; } } @media(max-width: 768px){ .col-input, .col-contact-input, .col-input .inputs { display: flex; flex-direction: column; width: 100%; align-items: unset; padding: 0 0 1rem; } .col-input+div { padding: 0; } .product-form-multi input { min-width: 100%; } .product-form-multi .step { padding: 3rem 0rem 4rem; } .progress-bar { grid-template-columns: 1fr; } .progress-bar > li:not(.active){ display: none; } .progress-bar > li.active{ background-color: transparent; color: inherit; font-weight: normal; flex-direction: column; font-size: 18px; } .progress-bar > li.active > span{ display: block; text-align: center; font-size: 14px; font-weight: normal; margin-top: .25rem; text-transform: none; } .progress-bar > li::after, .progress-bar > li::before { display: none; } .product-form-multi .front-view { grid-template-columns: 1fr; } .product-form-multi .col-text { padding: 0; } .product-form-multi .col-img { display: none; } .col-contact-input .dataconsent-wrapper { flex-direction: column; } } @media (max-width: 1200px) and (min-width: 1101px) { .product-form-multi .images-preview { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 480px) { .product-form-multi .images-preview { grid-template-columns: repeat(2, 1fr); } } /* #endregion - møbel formular */ /* #region - contact form */ .product-form-multi.contact-form { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 3rem 1fr 3rem; } .product-form-multi.contact-form h3, .product-form-multi.contact-form p, .product-form-multi.contact-form input { text-align: left; max-width: 100%; } .product-form-multi.contact-form h3 { font-size: 30px; } .product-form-multi.contact-form p{ margin: 1.5rem 0; } .product-form-multi.contact-form img { grid-column: 1/-1; grid-row: 2/-1; } .product-form-multi.contact-form > div { grid-column: 2; grid-row: 1/3; background-color: #F6F6F8; margin-right: 2rem; } .product-form-multi.contact-form .col-contact-input { margin: 2rem 0 0; width: 100%; grid-template-columns: 1fr 1fr; } .product-form-multi.contact-form > div { height: fit-content; min-height: unset; padding: 6rem 4rem 5rem; } .contact-form #step-final p, .contact-form #step-error p { text-align: center; } .product-form-multi a, .product-form-multi a:focus, .product-form-multi a:visited { color: inherit; text-decoration: underline; } .product-form-multi a:hover { text-decoration: underline; } @media(max-width:1024px){ .product-form-multi.contact-form { grid-template-columns: 1fr; } .product-form-multi.contact-form > div, .product-form-multi.contact-form img { grid-column: 1; } .product-form-multi.contact-form > div { margin: 0 3rem; } .product-form-multi.contact-form img { height: 100%; object-fit: cover; } } @media(max-width: 768px){ .product-form-multi.contact-form > div { margin: 0 1rem; padding: 5rem 3rem 4rem; } } @media (max-width: 480px) { .product-form-multi.contact-form > div { padding: 3rem 1.5rem 2rem; } } form .spinner { border: 4px solid rgba(0, 0, 0, 0.1); border-top-color: var(--btn-color); border-radius: 50%; width: 5rem; height: 5rem; animation: spin 1s linear infinite; margin-bottom: 1.5rem; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .addedModal { padding: 1rem; background-color: #f6f6f8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; display: flex; flex-direction: column; width: fit-content; } .form-overlay { background-color: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } .addedModal > div { padding: 8rem; } .addedModal > button { margin-left: auto; } .product-form-multi .product-overview .btn-icon { display: flex; align-items: center; gap: .5rem; width: unset; } .product-form-multi .product-overview .btn-icon span { color: var(--font-color); font-size: 14px; } .product-form-multi .product-overview .btn-icon svg { width: 1.5rem; } @media (max-width: 1100px) { .addedModal > div { padding: 2rem 1rem; } } @media (max-width: 768px) { .product-form-multi .btn-wrapper { flex-direction: column; gap: 0rem; } .product-form-multi .step:not(.step-furniture) .btn-wrapper, .addedModal .btn-wrapper { margin: 0 auto; align-items: center; } .product-form-multi .product-overview .product div:last-child { flex-direction: column; gap: .75rem; } .product-form-multi .step { min-height: 90vh; } } @media (max-width: 480px) { .product-form-multi .product-overview .product div:last-child { flex-direction: row; gap: .5rem; } .product-form-multi .product-overview .btn-icon span { display: none; } } /* #endregion - contact form*/ .product-form-multi label > span, .product-form-multi label > .select-wrapper { border: 1px solid transparent; } .product-form-multi label > span:has(input[type="text"]:focus), .product-form-multi label > span:has(input[type="tel"]:focus), .product-form-multi label > span:has(input[type="email"]:focus), .product-form-multi label > .select-wrapper:has(select:focus), .product-form-multi label > span:has(textarea:focus) { border: none; } .product-form-multi .label-text { border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip; rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* #region - seo text columns */ .text-two-column .section-title { margin-bottom: 2.5rem; text-transform: uppercase; text-align: left } .text-two-column p { column-count: 2; column-gap: 1.5rem; text-align: left; } .content-block-inner:has(.text-two-column p:empty){ display: none; } @media (max-width: 768px){ .text-two-column { margin-inline: 20px; } .text-two-column p { column-count: 1; } } .usf-sr-pages a { color: #2d384c !important; } .usf-sr-pages .usf-active span { color: #2d384c !important; } .usf-sr-pages__dots span { color: #2d384c !important; } /* #endregion - seo text columns */