/** Shopify CDN: Minification failed Line 1222:0 "@charset" must be the first rule in the file Line 1578:0 Unexpected "@font-face" Line 2156:34 Unexpected "<" Line 4957:6 "postion" is not a known CSS property Line 5321:18 "postion" is not a known CSS property Line 6435:22 Expected ":" Line 6703:50 Expected identifier but found whitespace **/ [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)} body.compensate-for-scrollbar { overflow: hidden; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } @charset 'UTF-8'; /* Slider */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueMedium.woff2') format('woff2'), url('HelveticaNeueMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } .header_wrap @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueRegular.woff2') format('woff2'), url('HelveticaNeueRegular.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueHeavy.woff2') format('woff2'), url('HelveticaNeueHeavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueItalic.woff2') format('woff2'), url('HelveticaNeueItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/HelveticaNeueLight.woff2') format('woff2'), url('HelveticaNeueLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueBold.woff2') format('woff2'), url('HelveticaNeueBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueBold.woff2') format('woff2'), url('HelveticaNeueBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueThin.woff2') format('woff2'), url('HelveticaNeueThin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueBlackCond.woff2') format('woff2'), url('HelveticaNeueBlackCond.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueLight.woff2') format('woff2'), url('HelveticaNeueLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('HelveticaNeueMedium.woff2') format('woff2'), url('HelveticaNeueMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth; } } html { /* 62.5% of 16px base font size is 10px */ font-size: 62.5%; } body { margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'HelveticaNeue'; font-size: 1.6rem } shopify-payment-terms { font-size: 1.4rem; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h1, h2, h3, h4, h5, h6, p, li { margin: 0; padding: 0; } .img-fluid { max-width: 100%; height: auto; } a { cursor: pointer !important; } .container { /* max-width: 1240px; */ padding: 0px 20px; margin: 0 auto; } .btn, a.btn2 { padding: 12px 30px !important; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; text-decoration:none; text-align:center; text-transform: uppercase; display: inline-block; cursor: pointer; min-width: max-content; font-size: 1.6rem; color: #000; border-radius: 0px!important; } .btn, a.btn2 { background-color: transparent ; border: 1px solid ; color: black ; } a.btn2:hover, a.btn3{ background-color: black ; color: white ; } .btn-black { background-color: black ; border: 1px solid ; color: white ; } .btn-black:hover { background-color: transparent !important; border: 1px solid ; color: black !important; } .slick-arrow { display: inline-block; font-size: 35px; color: #fff; position: absolute; top: 42%; width:50px; z-index: 3; transform: translateY(-50%); cursor: pointer; text-align:center; text-shadow:0px 0px 5px rgb(0 0 0 / 50%); } .prev_arrow{left: 20px;} .next_arrow{right: 20px;} .btn:hover { background: #000; color: #ffffff; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .main_heading_wrap { text-align: center; /* margin-bottom:55%; */ } .main_heading_wrap h1 { font-size: 5.1rem; line-height: 1.3; color: #ffffff; padding: 5px 0px; font-weight: bold; text-transform: capitalize; } .main_heading_wrap h2 { font-size: 5.1rem; line-height: 1.3; color: #000000; padding: 5px 0px; font-weight: bold; text-transform: capitalize; } .main_heading_wrap p { font-size: 3rem; line-height: 1.5; color: #ffffff; /* margin-bottom:55%; */ padding: 5px 0px; font-weight: 300 } .section_heading h2 { font-size: 5.1rem; line-height: 1.3; color: #000000; padding: 10px 0px; font-weight: bold; } .section_heading p { font-size: 2.1rem; line-height: 1.5; color: #9e9e9e; padding: 10px 0px; font-weight: 400 } .section_padding { padding-top: 17px; padding-bottom: 17px; } /*header css start*/ .top_bar { background: #F5F5F5; padding: 12px 0; text-align: center; } .top_bar_menu ul { display: flex; list-style: none; margin: 0; padding: 0; justify-content: flex-end; } .top_bar_menu ul li { margin: 0; padding: 0; padding-left: 25px; line-height: 1; } .top_bar_menu ul li a { color: #888888; font-size: 1.4rem; text-decoration: none; line-height: 1; text-transform: capitalize; } .top_bar_menu ul li a:hover{ color: #ffffff; } .logo { padding: 0px 40px; text-align: center; /* width: 15%; */ } /* .logo img { width: 127px; height: 38px; } */ .logo img { max-width: 97px; filter: brightness(0) invert(1) !important; } .header_menu { display: flex; justify-content: space-between; padding:0 0; align-items: center; /* margin-top:10px; */ } .h_menu { width: 100%; } .swwp{background:#ffffff !important;} .h_menu .h_menu_ul { display: flex; align-items: center; justify-content: center; /* padding: 0 0px ; */ margin: 0; margin-right:40px; list-style: none; } .h_menu .h_menu_ul li { margin: 0; padding: 15px 10px 15px 30px; } .h_menu .h_menu_ul li a span{display:none} .h_menu .h_menu_ul li a span svg{height:8px} .header_m_wrap ul li a span{display:block !important;} .search_box a svg { display: block; max-width: 20px; } #header{position:absolute; width:100%; z-index:4; transition: transform .15s ease;} header#header.fixed { position: fixed; top: 0; } #header:hover { background-color: #fff; } #header.header-relative { /* position: relative; */ } .header_meagamenu{ z-index: 2 !important; visibility: hidden; opacity: 0; position: absolute; padding: 0; width: 100%; left: 0; top: 100%; -ms-scroll-chaining: none; overscroll-behavior: contain; text-align: left; background: #fff; transition: height .3s ease, opacity .3s ease; /* padding:20px; */ box-shadow: 0 8px 15px -14px rgb(0 0 0 / 50%); margin-top:-10px; border-top:5px solid #ffffff; } .h_menu .h_menu_ul li:hover .header_meagamenu{ visibility: visible; opacity: 1; transition: height .3s ease, opacity .3s ease;} .header_m_wrap{display:flex;max-width:1200px;margin:0 auto;} .header_m_wrap ul{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; flex-wrap:wrap; } .header_m_wrap ul li a span{padding-bottom:20px} .header_m_wrap ul li a span img{display:block;} .header_m_wrap ul li a{ text-decoration: none; font-size: 1.4rem; color: #000; -webkit-transition: .5s ease all; -o-transition: .5s ease all; transition: .5s ease all; padding-bottom: 5px; text-transform: uppercase; } .h_menu .h_menu_ul li:hover .header_m_wrap ul li a{border-bottom:none;color:#000} .header_m_wrap ul li a:hover{color:#9e9e9e} .header_m_wrap ul li{text-align:center;padding:20px !important;max-width:170px} .h_menu .h_menu_ul li a { text-decoration: none; font-size: 1.4rem; color: #fff; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; padding-bottom: 5px; } .h_menu .h_menu_ul li:hover a{color: #888888;} .h_menu .h_menu_ul li:hover a { -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .cart_menu { /* width: 20%; */ } .cart_menu ul { display: flex; justify-content: flex-end; align-items: center; list-style: none; margin: 0; padding: 0; } .cart_menu ul li { padding: 0 0px; padding-left: 13px; } .cart_menu ul li a img { /* width: 19px; height: 25px; */ /* filter: brightness(0) invert(1) !important; */ } .cart-i img { /* max-width: 23px; */ margin: 0 auto; height: 22px; display: block; width: auto; filter: brightness(0) invert(1) !important; } li.cart-i { position: relative; } .cart-i span.count { position: absolute; color: #fff; top: 55%; right: 4px; font-size:8px; transform: translateY(-50%); } .cart-i:hover span.count { color: #fff; } li.cart-i a { display: block; } .search_box { position: relative; } .search_box .serch_box_v { position: absolute; visibility: hidden; right: 0; top: 150%; opacity: 0; z-index:3; transition: transform .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out; } .search_box .serch_box_v.active { visibility: visible; opacity: 1; transition: transform .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out; } .search_box .serch_box_v form { display: flex; } .search_box a span { display: none; margin-left: -20px; margin-top: -1px; } .search_box a.active span { display: block; font-size: 21px; } .search_box a svg { display: block; /* filter: brightness(0) invert(1) !important; */ } .search_box a.active svg { display: none; } .search_box a { text-decoration: none; color: #000; display: flex; justify-content: center; align-items: center; } .search_box .serch_box_v input { border: 1px solid #000; outline: none; border-radius: 50px; padding: 10px 20px; line-height: 1; padding-right: 50px; z-index:1; } .search_box .serch_box_v button { border: none; outline: none; border-radius: 0px; padding: 0px 10px; background: transparent; margin-left: -50px; } .serch_box_v { display: flex; } #header:hover .logo img, #header:hover .search_box a svg, #header:hover .cart_menu ul li a img, #header:hover .cart-i img { filter: brightness(0) saturate(100%) !important; transition: filter 0.3s ease; } #header:hover .h_menu .h_menu_ul li a, #header:hover .cart_menu ul li a, #header:hover .search_box a { color: #000000 !important; transition: color 0.3s ease; } #header:hover .h_menu .h_menu_ul li a span svg path, #header:hover .search_box a svg path { fill: #000000 !important; stroke: #000000 !important; transition: all 0.3s ease; } /* #header:hover .cart-i span.count { color: #ffffff !important; } */ #header:hover .header_m_wrap ul li a { color: #000000 !important; } .logo img { max-width: 97px; filter: brightness(0) invert(1) !important; transition: filter 0.3s ease; } #header:hover .logo img { filter: brightness(0) saturate(100%) !important; } .search_box a svg { display: block; /* filter: brightness(0) invert(1) !important; */ transition: filter 0.3s ease; } #header:hover .search_box a svg { filter: brightness(0) saturate(100%) !important; } .cart_menu ul li a img { /* filter: brightness(0) invert(1) !important; */ transition: filter 0.3s ease; } #header:hover .cart_menu ul li a img { filter: brightness(0) saturate(100%) !important; } .cart-i img { margin: 0 auto; height: 22px; display: block; width: auto; filter: brightness(0) invert(1) !important; transition: filter 0.3s ease; } #header:hover .cart-i img { filter: brightness(0) saturate(100%) !important; } /*header css end*/ /*hero banner css start*/ .video-background { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: none; } .video-w { position: relative; height: 80vh; width: 100%; } .hero_banner { } .hero_b { display: flex; align-items: center; justify-content: center; top: 50%; left:50%; transform: translateY(-50%) translateX(-50%); } .hero_banner_wrap { text-align: center; max-width: 1056px; } .hero_banner{position:relative;overflow: hidden;} .hero_banner .banner-wrap-img{ position: relative; width: 100%; height: 100%; z-index: -1; } .hero_b{ position: absolute;} .hero_b { max-width: 850px !important; width: 100%; } .hero_banner .banner-wrap-img img{width:100%;} .rich-text__blocks h2{ font-size: 5.1rem; line-height: 1.2em; letter-spacing: -1.04px; margin-bottom: 30px; text-align:center; } .rich-text__text p { font-size: 18px; line-height: 1.5; letter-spacing: -.36px; text-align:center; } .rich-text-cont{ max-width: 1340px; margin-left: auto; margin-right: auto; padding: 20px 32px; } .rich-text-cont2{ max-width: 540px; margin-left: auto; margin-right: auto; padding: 20px 32px; } .rich-text-cont2 .field{padding:5px 0px;} .rich-text-cont2 input{ box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114); width:100%; outline:none; } .rich-text-cont2 input form { box-shadow: 0 2px 12px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08); } .rich-text-cont2 textarea{ box-sizing: border-box; border-radius: 0px; padding: 10px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114); width:100%; outline:none; } .rich-text-cont2 button{background: rgb(255, 255, 255); border-radius: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-width: 1px; color: rgb(0, 0, 0); font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 50px; width: 100%;} .rich-text-cont2 button:hover{color:#ffffff;background:#000000;} .rich-text-cont .section-template--14480413229090__1651437011a96a39bd-padding{padding-bottom:0px;} .rich-text-cont2 .section-template--14480413229090__1652245397665c78a7-padding{padding-top:0px;} .swatch label.bg--powder-blue { background: #9AAAB5; } .swatch label.thumb-dd.bg--slate-green { background: #b4b674; } .sdfsf55 a{border: 1px solid #ffffff; border-radius: 10px; margin-top: 10px; color: #ffffff;} .loyalty-unpack .weekeder_w{width:33.33%;} .loyalty-unpack .weekender_text{display:block} .loyalty-unpack .weekender_text>span{position: relative;margin: 0 auto;border-radius:0;overflow:unset;} .loyalty-unpack .weekender_d{margin-top:20px;} .loyalty-unpack .weekender_text>span img{width:80px;height:80px;top: unset;} .loyalty-unpack .weekender_d {width: 100%;padding-left: 0;} .loyalty-unpack .weekender_d h3{text-align:center} .loyalty-unpack .weekender_d p{text-align:center} /*hero banner css end*/ /*where next section start*/ .where_next_wrap { text-align: center; max-width: 800px; margin: 0 auto; } .where_next_wrap img { width: 182px; height: 23px; } .where_next_wrap { padding: 25px 0px 30px 0px; } .where_next_wrap span { display: flex; margin: 0 auto; justify-content: center; padding: 10px 0px; } .where_next_wrap span i { font-weight: bold; font-style: normal; font-size: 2.2rem; font-weight: 500 } .where_next_wrap p { color: #9e9e9e; font-size: 2.1rem; padding: 5px 0px; margin-top: 10px; line-height: 1.5; } /*where next section end*/ /*banner 2 css start*/ .banner_2 { background: url(//symplofficial.com/cdn/shop/t/32/assets/banner2.jpg?v=118125119367141103021753851348)top left no-repeat; background-size: cover; } .banner_2 .heading_copy { min-height: 733px; display: flex; justify-content: center; align-items: center; text-align: center; } /*banner 2 css end*/ /*going place css start*/ .going-place { display: flex; align-items: stretch; margin-left: auto; width: 100%; padding: 5px 0px; } .going_place_text { width: 38%; display: flex; justify-content: center; align-items: center; padding: 20px; } .going_place_img { width: 62%; } .going_place_img img { width: 100%; display: block; } .going_place_text .btn { margin-top: 13px; } .going_place_text>div { max-width: 390px; width: 100%; } .row-reverce { flex-direction: row-reverse; } .m-r-auto { margin-right: auto; margin-left: unset; } .going-place:nth-child(even) { flex-direction: row-reverse; } /*going place css end*/ /*product slider css start*/ .product_slide { padding: 30px 0px 50px 0px; } .product_slide .item { } .product_slide_img { text-align: center; padding: 30px; padding-bottom:10px; } .product_slide_img a { display: block; position: relative; height: 0; overflow: hidden; padding-top: 100%; } .product_slide_img a img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product_slide_text h4 { text-align: center; font-size: 1.2rem; line-height: 2; letter-spacing: 0.5px; padding-bottom: 5px; } .product_slide_text h4 a { text-decoration: none; color: #000; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .product_slide_text h4 a:hover { color: #9e9e9e; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .product_slide_text span { text-align: center; display: block; margin: 0 auto; font-size: 1.4rem; padding: 10px 0px; padding-top:0px; } .product_slide .prev_arrow { /* border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 15px; */ /* transform: rotate(135deg); -webkit-transform: rotate(135deg); */ position: absolute; left:-10px; color:#000; top: calc(50% - 22px); z-index: 111; cursor: pointer; text-shadow:none; } .product_slide .next_arrow { /* border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); */ color:#000; right: -10px; position: absolute; /* top: calc(50% - 22px); */ z-index: 111; cursor: pointer; text-shadow:none; } /*product slider css end*/ .product_army_rel{display:flex;margin-left:-20px;margin-right:-20px;flex-wrap:wrap;} .product_army_rel .item{width:25%;padding:33px 20px;} .product_army_rel .item .pr_img{padding-top:100%;} .product_army_rel .item .swatch-picker { justify-content: center; padding-left: 0; } /*banner 5 css start*/ .banner_5_section { padding: 0px; } .banner_5 { background: url(//symplofficial.com/cdn/shop/t/32/assets/banner5.jpg?v=5253846730580798901753851348)top left no-repeat; background-size: cover; } .banner_5 .heading_copy { min-height: 552px; display: flex; justify-content: center; align-items: center; text-align: center; } .banner_5 .main_heading_wrap h1 { color: #000000; } .banner_5 .main_heading_wrap p { color: #000000; } .main_heading_wrap .btn2 { min-width: 115px; } /*banner 5 css end*/ /*affilate css start*/ .affilate_section { padding: clamp(30px, 5vw, 70px) 0px; } .carousel { display: flex; overflow-x: auto; scroll-behavior: smooth; /* Enables smooth scrolling */ gap: 1rem; /* Optional: Adds space between items */ } .carousel::-webkit-scrollbar { display: none; /* Hides the scrollbar for cleaner look */ } .item { flex: 0 0 auto; /* Ensures items do not shrink or stretch */ width: 250px; /* Adjust width as needed */ } .affilate_section_gift { padding: clamp(30px, 5vw, 70px) 0px; } .affilate_p { margin-bottom: -15px; } .aff_w { padding: 8px; } .afflite_wrap { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .afflilite_w { width: 33.33%; padding-top: 17px; padding-left: 8px; padding-right: 8px; } .aff_img{overflow: hidden;position: relative;} .aff_img>a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; content: ""; opacity: 0;-webkit-transition: 0.4s ease; transition: 0.4s ease; } .aff_wrap_d:hover .aff_img>a:after{ opacity: 0.5;-webkit-transition: 0.4s ease; transition: 0.4s ease;} .aff_img a{ -webkit-transition: 0.4s ease; transition: 0.4s ease;} .aff_wrap_d:hover .aff_img a{ -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-transition: 0.4s ease; transition: 0.4s ease; } .aff_img a { display: block; position: relative; height: 0; overflow: hidden; padding-top: 68%; } .aff_img a img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .aff_text h2 { text-align: center; } .aff_text h2 a { text-align: center; font-size: 2.0rem; padding: 10px 0px; text-decoration: none; color: #000000; } /*affilate css end*/ /*we value css start*/ .we_value_u { padding: 32px 0px; } .we_value_bg { margin-top: 7px; padding: 37px 0px 67px 0px; margin-top: -15px; } .we_valuebg{ background: url(//symplofficial.com/cdn/shop/t/32/assets/banner6.jpg?v=78858983170582023581753851348)top left no-repeat; background-size: cover; } .we_value_wrap { text-align: center; max-width: 883px; margin: 0 auto; } .we_value_wrap img { margin-bottom: 7px; } .we_value_wrap h1 { padding: 15px 0px; font-size: 5.8rem; font-weight: bold; color: #2d2a2b; } .we_value_wrap p { padding: 20px 0px; color: #9e9e9e; font-size: 2.1rem; line-height: 1.5; } .we_btn { display: flex; justify-content: space-between; max-width: 250px; margin: 0 auto; margin-top: 15px; } .btn2 { background: #2d2a2b; display: inline-block; border: none; line-height: 1; cursor: pointer; min-width: 100px; font-size: 1.4rem; color: #000; border-radius: 50px; text-align: center; padding: 12px 0px; text-decoration: none; color: #ffffff; border: 1px solid #2d2a2b; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .btn2:hover { background: transparent; color: #000; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } a.btn2 { background-color: transparent ; border: 1px solid ; color: black ; } a.btn2:hover { background-color: black ; color: white ; } /*we value css end*/ /* recommanded css start */ .recommand_section { padding:15px 0px; } .recommand_section a{text-decoration: none;} .recommand_section-bg{ background: #3c5a7c; } .recommanded_wrap { padding: 26px 0px 18px 0px; } .recommanded_wrap h5 { text-align: center; color: #d1d3d4; font-size: 1.7rem; font-weight: 600; padding: 10px 0px; } .recommand_width { width: 33.33%; padding: 12px; } .recommandd_w { display: flex; align-items: center; max-width: 899px; margin-left: -12px; margin-right: -12px; margin: 0 auto; padding: 10px 0px; } .recommand_img { background: #ffffff; display: flex; justify-content: center; align-items: center; max-width: 281px; width: 100%; height: 131px; padding: 10px; position:relative; -webkit-transition: 0.4s ease; transition: 0.4s ease; } /* .recommand_img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; content: ""; opacity: 0; -webkit-transition: .4s ease; transition: .4s ease; } */ .recommand_img img{ -webkit-transition: 0.4s ease; transition: 0.4s ease;} /* .protect_us_bg video{max-width: 100%;height: auto;} */ .recommand_img:hover img{ -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-transition: 0.4s ease; transition: 0.4s ease; } .recommand_img:hover:after{ opacity:0.5; -webkit-transition: .4s ease; transition: .4s ease;} /* recommanded css end */ /*mobile menu css start*/ .header__nav-button { top: -12px; position: absolute; background: transparent; width: 27px; margin-right: -2px; height: 18px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .header__nav-button:hover, .header__nav-button:focus { outline: none; } .header__nav-button>span { background: #000; display: block; position: relative; height: 2px; width: 100%; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); -o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); } .header__nav-button>span:nth-child(1) { top: 0px; } .header__nav-button>span:nth-child(2) { top: 8px; } .header__nav-button>span:nth-child(3) { top: 16px; } .header__nav-button.open>span { background: #000; } .header__nav-button.open>span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .header__nav-button.open>span:nth-child(2) { opacity: 0; left: -60px; } .header__nav-button.open>span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } body.active { overflow: hidden; } /*mobile menu css end*/ /*single product css start*/ .single_product_flex { display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1660px; padding: 0px 30px; margin: 0 auto; justify-content: space-between; } .thumb-img img { max-width: 100%; } .thumb-img img { opacity: 0.55; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .thumb-img { padding-top: 100%; overflow: hidden; position: relative; } .thumb-img video { opacity: 0.55; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; } .slick-slide.slick-current .thumb-img video { opacity: 1; } .slick-slide.slick-current .thumb-img img { opacity: 1; } .slick-thumbnail-slider { margin-top: -5px; } .single_product_desc { width: 47%; position: sticky; top:0; } .single_product_img .slick-arrow { opacity: 0.5; } .single_product_img .slick-arrow:hover { opacity: 1; } .single_product_img { width: 50%; } .single_product_heading { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; padding: 15px 0px; margin-bottom: 10px; } .single_product_heading h2 { font-size: 3.4rem; font-weight: bold; display: block; padding-right: 20px; } .single_product_heading span { font-size: 2.4rem; display: block; } .single_product_wraps h3 { font-size: 2.2rem; font-weight: bold; padding: 12px 0px; } .single_product_wraps p { font-size: 1.6rem; padding-right: 35px; line-height: 1.5; padding: 10px 0px; } .single_product_wraps button { color: #fff; font-size: 1.6rem; font-weight: 500 !important; background: #000; width: 100%; border-radius: 0px; border: none; outline: none; margin-top: 5px; margin-bottom: 5px; line-height: 1; padding: 14px 30px; border: 1px solid #000; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; cursor: pointer; } .single_product_wraps button:hover { background: white; border: 1px solid; color: #000; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .single_product_wraps span { font-size: 1.6rem; font-weight: bold; padding: 10px 0px; display: block; } .single_product_desc_w { padding-bottom: 20px; padding-left: 40px; padding-right: 40px; } .accordion-container { padding: 10px 0px; } .accordion-container { padding-left: 40px; padding-right: 40px; padding-bottom: 40px; } .set { padding: 8px 0px; } .set a { position: relative; display: flex; border-bottom: 1px solid #9e9e9e; text-decoration: none; justify-content: flex-start; font-size: 2.0rem; color: #000; padding: 5px 0px; column-gap: 10px; } .set a i { top: 50%; right: 10px; position: absolute; font-size: 35px; font-weight: 100; -webkit-transition: .5s ease all; -o-transition: .5s ease all; transition: .5s ease all; transform: translateY(-60%); } .set .content { display: none; } .set .content.active { display: block; } .content { padding: 10px 0px 30px 0px; } .content ul { margin: 0; padding: 0; padding-left: 0; list-style:none; } .content ul li { font-size: 1.6rem; color: #000; padding: 9px 0px; } .facilty_wrap { display: flex; flex-wrap: wrap; padding-bottom: 65px; } .facilty_wrap_w { width: 25%; padding: 7px; } .facilty_text { background: #f3f4f4; padding: 20px 15px; height:100%; } .facilty_text h4 { font-size: 1.4rem; font-weight: bold; padding: 3px 0px; } .f_text { display: flex; align-items: center; justify-content: space-between; } .f_text p { display: block; color: #707070; font-size: 1.3rem; line-height: 1.5; padding: 3px 0px; padding-right: 10px; } .f_text p img { display: unset; margin-bottom: -2px; } .f_text img { display: block; } /*single product css end*/ /*main image placholder css start*/ .single_product_bnner { } .single_product_bnner img { width: 100%; } /*main image placholder css end*/ /*weekender plan css satrt*/ .weekender_plan_bg { padding: 60px 0px 20px 0px; } .weekender_heading { text-align: center; padding: 8px 0px; } .weekender_heading h1 { color: #000; display: inline-block; margin: 0 auto; } .weekender_heading p { color: #000; font-size: 3.6rem; line-height: 1.2; } .weekender_plan_w { display: flex; flex-wrap: wrap; padding: 8px 0px; margin-left: -45px; margin-right: -45px; } .weekeder_w { width: 50%; padding: 35px 45px; } .weekender_text { display: flex; align-items: center; justify-content: flex-end; position: relative; } .weekender_text > span { position: absolute; display: flex; justify-content: center; align-items: center; left: 0; top: 15px; border-radius: 50%; width: 70px; height: 70px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .weekender_d { width: 100%; padding-left: 100px; } .weekender_d h3 { font-size: 2.3rem; font-weight: bold; padding: 10px 0px; } .weekender_d p { color: #939597; font-size: 2.0rem; padding: 5px 0px; line-height: 1.2; font-weight: 300; } /*weekender plan css end*/ /*tech and change css start*/ .tech_and_change { display: flex; align-items: stretch; flex-wrap: wrap; } .tech_and_close_img { width: 50%; display: block; position: relative; height: 0; overflow: hidden; padding-top: 36%; } .tech_and_close_img img { width: 100%; display: block; width: 100%; display: block; position: absolute; top: 50%; left: 50%; height:100%; object-fit:cover; transform: translate(-50%, -50%); } .tech_and_close_wrap { width: 50%; background: #eeeeee; display: flex; align-items: center; padding-left: 40px; } .tech_and_change_list { max-width: 600px; padding: 20px; } .tech_and_change_list h3 { font-size: 3.6rem; font-weight: bold; padding: 5px 0px; margin-bottom: 15px; } .tech_and_change_list ul { margin: 0; padding: 20px 0px; padding-left: 20px; } .tech_and_change_list ul li { font-size: 2.0rem; font-weight: 300; padding: 2px 0px; } .tech_and_change:nth-child(even) { flex-direction: row-reverse; } .tech_and_change:nth-child(even) .tech_and_change_list { margin-left: auto; } .tech_and_change:nth-child(even) .tech_and_close_wrap { padding-right: 60px; } .tandc_w { margin-bottom: -20px; } /*tech and change css start*/ /*life_style css start*/ .life_style_bg { padding: 27px 0px; } .life_style_banner { min-height: 572px; background: url(//symplofficial.com/cdn/shop/t/32/assets/life_style.jpg?v=85369545135697243201753851348)top left no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 20px; position: relative; } .life_style_banner::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(000, 00, 00, 0.4); opacity: 1; content: ""; } .life_style_banner .main_heading_wrap { position: relative; z-index: 1; } .life_style_wrap h1 { font-size: 5.4rem; font-weight: bold; color: #fff; padding: 10px 0px; margin-bottom: 65px; text-align: center; } .life_style_wrap p { font-size: 3.2rem; color: #fff; max-width: 650px; letter-spacing: 3px; margin: 0 auto; padding: 5px 0px; font-weight: 300; } .life_style_banner { margin-top: -27px; } /*life style css end*/ .where_bg { padding: 0px 0px 60px 0px; } .why_next_product p { font-size: 1.8rem; color: #000; max-width: 650px; margin: 0 auto; line-height: 1.5; padding: 10px 0px; } .wn_img_wrap { display: flex; margin-left: -8px; margin-right: -8px; padding: 18px 0px; flex-wrap: wrap; } .wn_imgw { width: 33.33%; padding: 18px 8px; } .wn_img { display: block; position: relative; height: 0; overflow: hidden; padding-top: 80%; } .wn_img img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } section { overflow: hidden; } .footer_head { display: flex; align-items: center; flex-wrap: wrap; } .footer1 { width: 15%; padding-right: 20px; } .footer2 { width: 29%; } .footer3 { width: 56%; } .footer1_ul ul { margin: 0; list-style: none; display: flex; padding: 10px; background: #343333; justify-content: center; flex-wrap: wrap; } .footer1_ul ul li { padding: 4px; } .footer1_ul ul li a { background: #3b3a3a; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; text-decoration: none; } .footer1_ul ul li a i { color: #878787; } .footer_name h4 { color: #878687; font-size: 2.3rem; font-weight: 300; text-align: center; } .fedex { text-align: right; } .footer_menu { width: 80%; } .footer_menu ul { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; padding: 20px 0px; padding-left: 20px; } .footer_menu ul li { padding: 8px 0px; padding-right: 40px; } .footer_menu ul li a { font-size: 1.9rem; color: #878687; text-decoration: none; } .s_product { flex-wrap: wrap; display: flex; padding-top: 0px; } .s_product>div { width: 100%; } .s_product>div img { display: block; overflow: hidden; width: 100%; } .dsdsds554 { padding: 10px; width: 100%; height: 100%; top: 0; position: absolute; border-bottom:10px solid #ffffff; overflow: hidden; } .product_crousel .prev_arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 15px; transform: rotate(135deg); -webkit-transform: rotate(135deg); position: absolute; top: calc(50% - 22px); z-index: 11; left: 30px; } .product_crousel .next_arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 30px; position: absolute; top: calc(50% - 22px); z-index: 11; } .sp { width: 100%; display: block; position: relative; height: 0; overflow: hidden; padding-top: 100%; } .sp img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product_crousel .item div { display: block; position: relative; height: 0; overflow: hidden; padding-top: 100%; } .product_crousel .item div img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_product .prev_arrow { display: inline-block; position: absolute; top: calc(50% - 22px); z-index: 11; left: 0px; } .s_product .next_arrow { display: inline-block; right: 0px; position: absolute; top: calc(50% - 22px); z-index: 11; } /* footer css start */ footer { background: #000; padding: 23px 0px 0px 0px; } .footer_wrap { display: flex; padding-bottom: 45px; flex-wrap: wrap; } .footer_left { width: 50%; } .footer_right { width: 50%; } .footer_block_w { display: flex; flex-wrap: wrap; } .footer_block { width: 32%; } .footer_block h6 { font-size: 1.6rem; color: #fff; font-weight: 400; padding: 10px 0px; } .footer_block ul { list-style: none; margin: 0; padding: 0px 0px; } .footer_block ul li { padding: 3px 0px; } .footer_block ul li a { font-size: 1.4rem; color: #ffffff; text-decoration: none; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .footer_block ul li a:hover{color: #888888; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;} .email_block form { display: flex; width: 100%; padding: 10px 0px; } .email_block form input::placeholder { color: #ffffff; } .email_block form input { width: calc(100% - 40px); font-size: 1.4rem; padding: 10px 24px; background: transparent; color: #fff; outline: none; border: 1px solid #ffffff; border-radius:0; } .email_block form button { width: 40px; height: 40px; border: 1px solid #ffffff; font-weight: bold; font-size: 2.0rem; appearance:none; -webkit-appearance:none; background:rgb(239, 239, 239); color:#000; } .footer_right { width: 50%; } .footer_email_wrap { max-width: 353px; margin-left: auto; width: 100%; } .footer_email_wrap h2 { font-size: 3.5rem; color: #ffffff; font-weight: 300; padding: 10px 0px; line-height: 1; } .footer_email_wrap p { color: #9e9e9e; padding: 9px 0px; font-size: 1.3rem; } .footer_menu_border { border-top: 1px solid #ffffff; padding: 10px 0px; } .footer_menu2 { display: flex; align-items: center; flex-wrap: wrap; } .socila_icon { width: 20%; } .socila_icon ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; } .socila_icon ul li { padding: 7px; } .privace_menu { width: 80%; } .privace_menu ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; justify-content: flex-end; margin-left: auto; } .privace_menu ul li { padding-left: 38px; } .privace_menu ul li a { text-decoration: none; font-size: 1.4rem; color: #ffffff; } /* footer css end */ /* sl banner css start */ .slbanner-wrap{ background-color:#ececec; } .slbanner_img{ text-align:center;} .slbanner_img img{ } .slbanner { background: url("//symplofficial.com/cdn/shop/t/32/assets/releash.png?v=1021807911046878101753851348"); background-repeat:repeat-x;; background-size:cover; padding-top:300px; animation:myanim 5s; animation-iteration-count: infinite; animation-timing-function:linear; } @keyframes myanim { /* 0% {background-position:100%;} */ 0% { background-position:0px 0px; } 100%{ background-position:560px 0px; } } /* sl banner css end */ /* avilable size css start */ .av_bg .pr_heading { display: block; } .avilable_s_bg { padding: 50px 0px; } .avilable_s_bg .main_heading_wrap { } .avilable_s_bg .main_heading_wrap h1 { display: flex; align-items: center; justify-content: center; color: #000; } .avilable_s_bg .main_heading_wrap h1 img { margin-left: 10px; } .avilable_s_bg .main_heading_wrap h6 { font-size: 2.1rem; font-weight: 300; padding: 10px 0px; } .available_size_btn { margin: 0 auto; display: flex; justify-content: center; padding: 15px 0px 33px 0px; } .available_size_btn .btn { min-width: 221px; background: #f3f3f3; font-size: 1.7rem; border-left: 0px; } .available_size_btn .btn:hover { background: #000; } .available_size_btn .btn:first-child { border-left: 1px solid #000; } .p_crousel2{display:flex;flex-wrap:wrap;} .p_crousel2 .item{width:25%;} .p_crousel2 .pr_heading h6 { text-align: center; letter-spacing: 0.5px; font-weight: 400; } .p_crousel2 .pr_price { padding-top: 4px; } .p_crousel2 .pr_price p { text-align: center; } .p_crousel2 .pr_img { padding-top: 123%; } .p_crousel { padding: 50px 0px; } .p_crousel .item { padding: 50px 40px; } .p_crousel2 .item { padding: 50px 40px; } .pr_img { text-align: center; display: block; position: relative; height: 0; overflow: hidden; padding-top: 172%; } .pr_img img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pr_heading { position: relative; width: 100%; text-align:center } .pr_price p{text-align:center;} .pr_heading h6 { width: 100%; font-size: 1.8rem; line-height: 1.2; letter-spacing: 1px; padding: 5px 0px; } .pr_heading h6 a { text-decoration: none; color: #000; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .pr_span { position: absolute; right: 0px; top: 10px; } .pr_span span i { width: 10px; height: 2px; background: #000; display: block; border-radius: 5px; position: relative; } .pr_span span i:nth-child(2) { top: 2px; } .pr_span span i:nth-child(3) { top: 4px; } .pr_price p { width: 100%; font-size: 2.0rem; line-height: 1.2; letter-spacing: 1px; padding: 5px 0px; } /* avilable size css end */ /* plus perfomance css start */ .plus_perfomance_bg { background: url("//symplofficial.com/cdn/shop/t/32/assets/perfomance_banner.jpg?v=47213834590913404891753851348")top left no-repeat; min-height: 545px; display: flex; justify-content: center; align-items: center; background-size: cover; } .plus_perfomance_bg .main_heading_wrap h1 { color: #000; } .plus_perfomance_bg .main_heading_wrap p { color: #000; } /* plus perfomance css end */ /* plus perfomance css start */ .on_the_go_bg { background: url("//symplofficial.com/cdn/shop/t/32/assets/on_the_go_bg.jpg?v=46604738594438993191753851348")top left no-repeat; min-height: 585px; display: flex; justify-content: center; align-items: center; background-size: cover; } /* plus perfomance css end */ /* advanture css start */ .value_bg { padding: 60px 0px 33px 0px; } .value_bg .main_heading_wrap { padding: 25px 0px; } .advanture_wrap_block { width: 25%; padding: 40px; } .advanture_wrap { display: flex; margin-left: -40px; margin-right: -40px; flex-wrap: wrap; } .advanture_img { display: block; height: 0; overflow: hidden; padding-top: 100%; position: relative; } .advanture_img img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .advanture_img span { position: absolute; top: 10px; left: 10px; font-size: 1.8rem; color: #ffff; z-index: 1; } .advanture_wrap_w .advanture_img p { position: absolute; bottom: 10px; left: 10px; font-size: 1.6rem; color: #ffffff; z-index: 1; } .advanture_wrap_w p { text-align: center; font-size: 1.8rem; color: #000; padding: 10px 0px; } /* advanture css start */ /* protect us css start */ .protect_us_bg { position: relative; overflow: hidden; width: 100%; } video { min-width: 100%; } .video_heading_wrap h2{ display: none; text-align: center; font-size:5.1rem; line-height: 1.3; color:white; margin-bottom: 40px; text-transform: capitalize; } .video_heading_wrap{ display: none; position: absolute; top: 50%; transform: translateY(-50%); margin: auto; width: 100%; z-index:3; text-align: center; } /* protect us css end */ .re-leah_video { position: relative; display: flex; justify-content: center; align-items: center; } .re-leah_video::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(000, 00, 00, 0.4); } .re_video { width: 100%; } .re_video img { width: 100%; } .t-collection_banner { background: url("//symplofficial.com/cdn/shop/t/32/assets/t_coll_bg.jpg?v=101378388303990803511753851348")top left no-repeat; min-height: 585px; display: flex; justify-content: center; align-items: center; background-size: cover; padding: 20px; } .el_p_bg { background: url(//symplofficial.com/cdn/shop/t/32/assets/banner.jpg?v=1190742623019338971753851348)top left no-repeat; background-size: cover; min-height: 572px; display: flex; justify-content: center; align-items: center; } .t_collection_planet { background: url("//symplofficial.com/cdn/shop/t/32/assets/banner5.jpg?v=5253846730580798901753851348")top left no-repeat; min-height: 565px; display: flex; justify-content: center; align-items: center; background-size: cover; } .t_collection_planet .main_heading_wrap h1 { color: #000; } .t_collection_planet .main_heading_wrap p { color: #000; } .f_font { position: absolute; top: 60%; } .f_font p { font-size: 5.3rem !important; -webkit-text-stroke-width: 1px !important; -webkit-text-stroke-color: #ffffff !important; color: transparent !important; } .t_brand_bg { background: url(//symplofficial.com/cdn/shop/t/32/assets/t_brand_bg.jpg?v=24905011426439087131753851348)top left no-repeat; background-size: cover; min-height: 545px; display: flex; justify-content: center; align-items: center; padding: 20px; } .t_brand_wrap { max-width: 900px; } .main_heading_wrap h3 { font-size: 4.3rem; color: #fff; padding: 12px 0px; } .t_brand_wrap .main_heading_wrap p { font-size: 2.6rem; color: #fff; line-height: 1.4; padding: 5px 0px; } .motion_wrap .going-place { flex-direction: unset; } .motion_wrap .going-place:nth-child(odd) { flex-direction: row-reverse; } .value_bg_b { background: #f4f4f4; } .ss_design .tech_and_change_list h3 { font-size: 2.1rem; letter-spacing: 5px; padding: 32px 0px; } .ss_design .tech_and_change_list p { font-size: 3.0rem; color: #9e9e9e; line-height: 1.4; padding: 14px 0px; } .ss_design .tech_and_change_list { max-width: 575px; } .ss_design .tech_and_change_list ul { list-style: none; margin: 0; padding: 0; } .ss_design .tech_and_change_list ul li { padding: 5px 0px; } .ss_design .tech_and_change_list ul li { font-size: 3.0rem; color: #9e9e9e; } .sustain_bg { background: url(//symplofficial.com/cdn/shop/t/32/assets/banner5.jpg?v=5253846730580798901753851348)top left no-repeat; background-size: cover; min-height: 545px; display: flex; justify-content: center; align-items: center; } .sustain_wrap .main_heading_wrap h3 { color: #000; } .sustain_wrap .main_heading_wrap p { color: #000; } .mo_2 .going_place_text>div { max-width: 450px; } .earth_wrap ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; margin-left: -35px; margin-right: -35px; padding: 40px 0px; flex-wrap: wrap; } .earth_wrap ul li { width: 25%; padding: 0px 35px; text-align: center; } .earth_bg { padding: 40px 0px 70px 0px } .earth_bg .main_heading_wrap { padding: 30px 0px; } .step_forword_bg { background: url(//symplofficial.com/cdn/shop/t/32/assets/step_forword.jpg?v=133739612779589377021753851348)top left no-repeat; background-size: cover; min-height: 545px; display: flex; justify-content: center; align-items: center; position: relative; } .step_forword_bg::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(000, 00, 00, 0.4); } .step_forword_wrap { position: relative; z-index: 111; } .recycle_bg { padding: 50px 0px 20px 0px; } .recycle_bg .section_heading { text-align: center; max-width: 900px; margin: 0 auto; padding: 50px 0px 20px; } .wn_img_w { position: relative; } .wn_img_w span { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1111; top: 0; left: 0; } .min-cart-wrap { padding: 0 29px; height: calc(100vh - 360px); overflow: auto; } .min-cart-wrap .r-prod-row .r-img-outer a { display: block; } .r-img-outer a img{display:block} .min-cart-wrap .r-prod-row .r-prod-info .r-prod-detail { width: 100%; margin-bottom: 13px; padding-right: 15px; } .min-cart-wrap .r-prod-row .r-prod-info .r-prod-detail p { margin: 0; color: #000000; font-size: 1.6rem; } .min-cart-wrap .r-prod-row .r-prod-qty { border: solid 1px #dadee3; width: 180px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; max-width:100px; } .min-cart-wrap .r-prod-row .r-prod-qty .qty__adjust { background: transparent; border: none; border-radius: 0; padding: 0; cursor: pointer; } .min-cart-wrap .r-prod-row .r-prod-qty .form-control { width: 60px; height: 40px; border: none; border-radius: 0; font-size: 1.4rem; text-align: center; } .min-cart-wrap .r-prod-row .r-prod-qty .qty__adjust { background: transparent; border: none; border-radius: 0; padding: 0; cursor: pointer; } .min-cart-wrap .r-prod-row .r-prod-price span { text-align: right; display: block; font-size: 1.6rem; } .min-cart-wrap .r-prod-row .remove-cart { position: absolute; right: 0; top: 0; z-index: 2; } .min-cart-wrap .r-prod-row .remove-cart { text-decoration: none; color: #000; } .min-cart-footer { padding: 22px 29px; border-top: 1px solid #dadee3; } .min-cart-footer .total { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } /* .min-cart-footer .btn-black { display: block; font-size: 2rem; font-weight: 500; text-align: center; padding: 16px; background: #000; color: #fff; border: 1px solid #000; border-radius: 0; line-height: 1; transition: .5s ease all; } */ a.btn.my_btn { width: 150px; margin-inline: auto !important; display: block; margin-top: 15px; } .min-cart-footer .btn-black{ width:100%; } .add_to_btn span{ font-size:1.6rem; padding:0px; font-weight: 500; text-transform: uppercase; } .min-cart-wrap .r-prod-row { display: flex; align-items: flex-start; margin-bottom: 16px; } .min-cart-wrap .r-prod-row .r-img-outer { width: 80px; margin-right: 15px; position: relative; background: #f2f3f4; } .min-cart-wrap .r-prod-row .r-prod-info { display: flex; justify-content: space-between; width: calc(100% - 95px); flex-wrap: wrap; align-items: center; position: relative; } .r-side-cart { max-width: 405px; background: #fff; position: fixed; height: 100vh; right: 0; width: 90%; z-index: 9999999; top: 0; right: -100%; box-shadow: 0 1px 1px #0003 } .r-side-cart.active { transition: all .4s ease-in-out; right: 0 } .r-side-cart .r-side-cart-head { padding: 26px 38px 28px 29px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 640px) { .hero_b{min-height:auto !important;padding:20px 0px;} .r-side-cart .r-side-cart-head { padding: 26px 20px } } .r-side-cart .r-side-cart-head h2 { margin: 0; font-size: 1.25rem; font-weight: 400 } .r-side-cart .r-side-cart-head .cart-icon img { filter: invert(1) } .r-side-cart .r-side-cart-head .cart-icon .count { width: 26px; height: 26px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 2px; background: #000; color: #fff; font-size: 1rem; font-weight: 500; line-height: 26px; text-align: center; letter-spacing: .2px } .min-cart-wrap { padding: 0 29px; height: calc(100vh - 360px); overflow: auto } .login_box .form-control { width: 100%; padding: 15px; outline: none; border: 1px solid #000000; border-radius: 50px; color: #000000; font-size: 1.6rem; } .recovery_wrap .form-control { width: 100%; padding: 15px; outline: none; border: 1px solid #000000; border-radius: 50px; color: #000000; font-size: 1.6rem; } .login_box input::placeholder{color:#000} .recovery_wrap input::placeholder{color:#000} #customer_login .btn{margin:0 auto;display:block} #customer_login a{text-align:center;text-decoration: none;;color:#000;} .login_bg{padding:50px 0px} #login{text-align:center;font-size:5.0rem} .login_box .field{padding:10px 0px;text-align:center} .recovery_wrap .field{padding:10px 0px;text-align:center} .login_box{max-width:500px;margin:0 auto;padding:50px 0px} .r_form{max-width:500px;margin:0 auto;padding:50px 0px} .register h1{font-size:3.0rem;text-align:center} #recover{text-align:center;font-size:4.0rem} .recovery_wrap p{text-align:center;font-size:2.0rem;padding:5px 0px;} .recovery_wrap a{text-align:center;text-decoration: none;;color:#000;} .recovery_wrap{display:none} .going_place_img{ display: block; height: 0; overflow: hidden; padding-top: 38%; position: relative;} .going_place_img img{ width: 100%; display: block; position: absolute; top: 50%; left: 50%; transition: 0.4s ease; transform: translate(-50%, -50%); } .swatch-picker { text-align: center; border:none; display:flex; justify-content:center; } .swatch-picker label { display: inline-block; position: relative; margin: 0 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width:20px; margin-top:10px; } .swatch-picker span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; border-radius: 50%; top: 0; left: 0; height: 15px; width: 15px; } .swatch-picker input { -webkit-appearance: none; } .swatch-picker input:checked + span { border: 1px solid rgba(0, 0, 0, .6); border: 1px solid rgba(0, 0, 0, .6); } .swatch-picker2 { text-align: center; border:none; display:flex; justify-content:flex-start; padding-left:0; margin-left:0 } .swatch-picker2 label { display: inline-block; position: relative; margin: 0 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width:35px; margin-top:10px; } .swatch-picker2 label:before{ content: ""; top: -2px; left: -2px; width: 35px; height: 35px; background: #fff; border: 1px solid #000; border-radius: 50%; background: #000; position: absolute; background: #fff; display:none; } .swatch-picker2 input:checked + .swatch-picker2 label:before {display:block;} .swatch-picker2 span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; border-radius: 50%; top: 0; left: 0; height: 30px; width: 30px; } .swatch-picker2 input { -webkit-appearance: none; } .swatch-picker2 input:checked + span { border:1px solid #000; box-shadow: inset 0px 0px 0px 2px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff; -moz-box-shadow: inset 0px 0px 0px 2px #ffffff; -o-box-shadow: inset 0px 0px 0px 2px #ffffff; } .p_swatch{padding-bottom:30px;} .c_label{display: flex;align-items: center;border-bottom:2px solid #000;padding-bottom:5px;line-height:unset;padding-top:20px;} .c_label label{display:block} .c_label p{display:block;padding:0px 10px;} .pr_wrap .btn{ width: 100%; margin-top: 8px; margin-bottom: 5px; } .the_antonomy h3{color:#000;padding-bottom:50px} .the_antonomy img{width:100%;} .text-green{color:#1e9045;} .sp a{postion:relative;display:block} .sp a:after{ position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; content: ""; background: url(//symplofficial.com/cdn/shop/t/32/assets/svg_p.svg?v=133462764200587153331753851348)top left no-repeat; transform: translateY(-50%) translateX(-50%); display:none; } .sp1{position:relative;} .sp1 a:after{ position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; content: ""; background: url(//symplofficial.com/cdn/shop/t/32/assets/svg_p.svg?v=133462764200587153331753851348)top left no-repeat; transform: translateY(-50%) translateX(-50%); display:none; } .sp1 a:hover:after{display:block;z-index:1;} .sp a:hover:after{display:block;z-index:1;} .mfp-content{ width: 90%; background: #fff; } .mfp-figure{ width: 100%; background: #fff; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#000000;padding-right:50px;} .mfp-arrow-left:after{ display:none; } .mfp-arrow-left:before { border-right:none; margin:0px; background: url(//cdn.allbirds.com/image/upload/v1571357372/icons/next-circle.svg)top left no-repeat; position: absolute; left: 50%; top: 50%; content: ""; width: 50px; height: 50px; border:none; transform: rotate(180deg); } .mfp-arrow-right:after{ border-left:none; margin:0px; background: url(//cdn.allbirds.com/image/upload/v1571357372/icons/next-circle.svg)top left no-repeat; position: absolute; right: 50%; top: 50%; content: ""; width: 100%; height: 100%; border:none; } .mfp-arrow-right:before{display:none;} .mfp-img{max-height:700px !important;} .Press_wrap{background:#f1f1f1; padding-top:70px; padding-bottom:70px;} .press_head{text-align:center; padding-bottom:24px; border-bottom:2px solid #202020;} .press_head h1 {font-size: 40px;margin-bottom: 10px;} .press_head p a {color: #000;text-decoration: none;} .Press_blocksContainer {margin-top: 48px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 48px;} .Block_img img {max-width: 100%;display: block;height: auto;} .Block_img {border-bottom: 2px solid #202020; display: flex; height: 96px; padding: 24px 0; width: 100%;} .Block_root {background: #f1f1f1; min-height:369px; transition: background .2s cubic-bezier(.77,0,.175,1); text-decoration:none; border: 2px solid #202020;color: #202020;padding: 0 24px 36px; display:flex; justify-content:space-between; flex-direction:column} .Block_root h2 {margin-top: 24px;font-size: 24px;line-height: 1.4; margin-bottom:10px;} .Block_root:hover{background:#fff; } .Block_readMore{display:flex; align-items:center; font-size:16px;} .Block_root:hover .Block_readMore{color:#000f9f} .Block_readMore svg{ width:20px; height:20px; margin-left:4px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .2s cubic-bezier(.77,0,.175,1);transition:transform .2s cubic-bezier(.77,0,.175,1);transition:transform .2s cubic-bezier(.77,0,.175,1),-webkit-transform .2s cubic-bezier(.77,0,.175,1);} .Block_root:hover .Block_readMore svg{fill:#000f9f;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);} .corporate_banner {height: 560px; background-size: cover; background-position: center; position:relative} .quality_wrap{padding:72px 0 92px;} .quality_row{max-width:1240px;padding:0 15px;display:flex;justify-content:space-between;margin:0 auto;} .quality_title{max-width:527px;width:41%;font-size:40px;line-height:1.25;letter-spacing:-1.04px;margin-bottom:30px;} .quality_content{max-width:630px;width:50%;} .quality_content p{margin-bottom:22px;} .quality_content p:last-child{margin-bottom:0;} .form-group{margin-bottom:1rem;} .text-center{text-align:center!important;} .get-start-wrap{max-width:540px;margin-left:auto;margin-right:auto;padding:0 32px 100px;} .get-start-wrap .section_head p{font-size:18px;line-height:26px;letter-spacing:-0.36px;} .get-start-wrap .form-control{height:50px; font-family: HelveticaNeue; width:100%; padding:12px 30px;font-size:15px;font-weight:400;border:1px solid rgb(151, 151, 151);border-radius:50px;transition:all 0.3s ease 0s;} .get-start-wrap textarea.form-control{height:200px; font-family: HelveticaNeue; font-weight:400; border-radius:20px; font-family:inherit;box-sizing:border-box;resize:none;} .section_head{margin-bottom:30px;text-align:center;} .section_head h2{font-size:52px;line-height:54px;letter-spacing:-1.04px;margin-bottom:30px;} .form-control:focus{box-shadow:none;outline:none;} .faq_wrap{padding-bottom:99px;} .tab-box{display:none} .faq-nav{padding-top:30px; padding-bottom:30px; z-index:3; position:sticky; top:0; background:#fff; } .faq-nav ul {padding: 0; margin:0; list-style: none;display: flex;justify-content: center;/* background: #F1F1F1; */} .faq-nav ul li a {background: background: #F1F1F1;background: #F1F1F1;min-width: 241px;display: block;text-align: center;font-weight: 400;font-size: 24px;color: #000;text-decoration: none;padding: 14px;} .faq-nav ul li a.active{background:#000; color:#fff} .faq_wrap .tab-content{margin-top:70px;} .faq_wrap ul.accordion {list-style: none;padding: 0;margin: 0;} .faq_wrap ul.accordion>li {width: 100%;padding: 36px 24px;background: #FFFFFF; box-shadow: 0px 0px 1px #000000; border-radius: 2px;margin-bottom: 16px;} .faq_wrap ul.accordion>li>a {font-family: 'HelveticaNeue'; font-style: normal; font-weight: 300; font-size: 24px; line-height: 1.4; color: #000000;text-decoration: none;position: relative;padding: 0 40px;display: block;} .faq_wrap ul.accordion>li>a .plus:before{content: ""; width: 24px; height: 2px; background-color: #000; position: absolute; top: 50%; transform: rotate(90deg); right: 0;} .faq_wrap ul.accordion>li>a .plus:after { content: ""; width: 24px; height: 2px; background-color: #000; position: absolute; transform: rotate(0deg); top: 50%; right: 0; } .faq_wrap ul.accordion>li.active>a .plus::before { opacity: 0; } .faq_wrap ul.accordion>li>a:before{content:''; width:24px; height:24px; display:block; position:absolute; left:0; top:3px; background:url(//symplofficial.com/cdn/shop/t/32/assets/Question.svg?v=147799260629648675031753851348) no-repeat center; background-size:contain; } .faq_wrap .answer {padding: 16px 40px 0;max-width: 765px;} .faq_wrap .answer p{font-family: 'HelveticaNeue';font-style: normal;font-weight: 300;font-size: 16px;line-height: 24px;color: #525252; margin-bottom:26px;} .faq_wrap .answer p:last-child{margin-bottom:0} .faq_wrap .answer ul{margin-top:18px; padding-left:21px; margin-bottom:0} .faq_wrap .answer ul+p{margin-top:30px;} .faq_wrap .answer ul li{font-family: 'HelveticaNeue'; list-style:disc; font-style: normal;font-weight: 300;font-size: 16px;line-height: 24px;color: #525252; margin:0} .faq_wrap .answer a{color: #2D69B6; transition:0.5s ease all; text-decoration:none} .faq_wrap .answer a:hover{color:#000} @media screen and (max-width: 1024px){ .quality_title{font-size:36px;line-height:38px;letter-spacing:-0.72px;} .section_head h2{font-size:36px;line-height:38px;letter-spacing:-0.72px;} .quality_wrap{padding:60px 0;} } @media screen and (max-width: 767px){ .quality_row{padding:0 15px;text-align:center;display:block;} .quality_title,.quality_content{max-width:100%;width:100%;} .get-start-wrap{padding:0 15px 100px;} .faq-nav ul li{width:33.33%;} .faq-nav ul li a{min-width:auto; font-size:18px;} .faq_wrap ul.accordion>li{padding:30px 15px;} .faq_wrap ul.accordion>li>a{font-size:20px; padding:0 28px; line-height:1.4} .faq_wrap ul.accordion>li>a .plus:before, .faq_wrap ul.accordion>li>a .plus:after{width:14px;} .faq_wrap .answer{padding:16px 28px 0} .faq_wrap .answer ul li, .faq_wrap .answer p{font-size:14px; line-height:1.4; } .faq_wrap .answer p{margin-bottom:20px;} .faq_wrap .tab-content{margin-top:30px;} .faq_wrap{padding-bottom:50px;} } @media screen and (max-width: 1200px) { .p_crousel2 .item { padding: 20px; } .p_crousel { padding: 0px 10px; } .p_crousel .item { padding: 0; } .pr_img { padding-top: 83%; } .pr_heading h6 { text-align: center; } .pr_heading p { text-align: center; } .pr_price { text-align: center; } .pr_span { right: 20px; } .footer1_ul ul li a { width: 25px; height: 25px; } .product_army_rel .item .pr_img{padding-top:115%;} .product_army_rel .item .swatch-picker{justify-content:center} } @media screen and (max-width: 992px) { .loyalty-unpack .weekeder_w{width:50%;} .going_place_img{padding-top:60%;} .hero_b{min-height:auto !important;padding:50px 0px;} .p_crousel2 .item{width:33.33%;} .available_size_btn { flex-wrap: wrap; } .available_size_btn .btn { min-width: 45%; margin: 10px 10px; border-left: 1px solid #000; } .pr_img { padding-top: 115%; } .p_crousel2 .pr_img { padding-top: 115%; } .recommand_img { height: 100px; } .going-place:nth-child(even) { flex-direction: column-reverse; } .tech_and_change:nth-child(even) .tech_and_change_list { margin-left: unset; } .tech_and_close_img { padding-top: 37%; } .facilty_wrap { padding-left: 0; padding-bottom: 20px; } .tech_and_close_wrap { padding-left: 0; } .single_product_img { width: 100%; } .single_product_desc { width: 100%; } .footer1 { width: 30%; } .footer2 { width: 70%; } .footer3 { width: 100%; padding: 20px 0px; } .fedex { text-align: center; } .footer_menu ul { margin: 0 auto; } html { /* 62.5% of 16px base font size is 10px */ font-size: 56.5%; } .going-place { flex-wrap: wrap; flex-direction: column-reverse; } .going_place_text { width: 100%; } .going_place_img { width: 100%; text-align: center; } .going_place_text>div { max-width: 100%; } .mo_2 .going_place_text>div { max-width: 100%; } .going-place2 { flex-wrap: wrap; flex-direction: column-reverse; } .motion_wrap .going-place:nth-child(odd) { flex-direction: column-reverse; } .product_army_rel .item .pr_img{padding-top:100%;} .product_army_rel .item{width:33.33%;} .product_army_rel .item .pr_wrap .btn{max-width:300px;margin:0 auto;display:block} .Press_blocksContainer {grid-template-columns: repeat(2, 1fr);gap: 24px;} } .mobile-only{display:none;} .desktop-only{display:block;} .mobile_menu{display:none} @media screen and (max-width: 767px) { .loyalty-unpack .weekender_d{margin-top:0;padding-top:0;} .weekeder_w{padding:10px 0px !important;} .loyalty-unpack .weekeder_w{width:100% !important;} .loyalty-unpack .weekender_text span{left:0} .loyalty-unpack .weekender_d{padding-top:10px;} .mobile-only{display:block;} .desktop-only{display:none;} .hero_b{min-height:auto !important;padding:50px 0px;} .header_m_wrap ul li a{border-bottom:none !important;} .header_m_wrap ul li a{padding:10px 0px !important;} .header_m_wrap ul li{padding:10px;} .h_menu .h_menu_ul li a{position:relative !important;width:100%;display:block} .h_menu .h_menu_ul li a .d_arrow{display:block;position: absolute;right:0;top:50%;transform: translateY(-50%);} .mobile_menu{display:block} .header_m_wrap ul li a span{display:block;position:relative !important;right:0;top:0} .h_menu_ul li a{postion:relative;width:100%;} .h_menu_ul li{position:relative} .header_meagamenu{position:relative;visibility: visible;display:none; opacity: 1;} /* .h_menu .h_menu_ul li a.active .d_arrow{transform: rotate(180deg) translateY(0%);} */ .h_menu .h_menu_ul li a{padding:20px 0px;border-bottom: 1px solid #000;} .h_menu .h_menu_ul li{padding:0px 0px;} .earth_wrap ul li { width: 33.33%; padding-top: 10px; padding-bottom: 10px; } .p_crousel2 .pr_img { padding-top: 150%; } .pr_img { padding-top: 150%; } .available_size_btn { padding: 30px 0px; } .advanture_wrap_block { padding: 20px; width: 50%; } .tech_and_close_img { width: 100%; padding-top: 75%; } .tech_and_close_wrap { width: 100%; } .wn_imgw { width: 50%; } .weekender_text span { width: 50px; height: 50px; left: 30px; } .weekender_plan_bg { padding: 20px 0px; } .product_slide_img { padding: 10px; } .product_slide_text h4 { font-size: 1.2rem; } .socila_icon { width: 100%; padding: 10px 0px; } .privace_menu { width: 100%; padding: 10px 0px; } .privace_menu ul { justify-content: flex-start; } .privace_menu ul li { padding-left: 0; padding-right: 20px; } .footer_left { width: 100%; padding: 20px 0px; } .footer_right { width: 100%; padding: 20px 0px; } .footer_wrap { padding-bottom: 20px; } .footer_email_wrap { margin-left: 0; } .sp { padding-top: 100%; } .s_product>div { width: 100%; } .weekender_plan_f { padding: 10px 0px; } .tech_and_change:nth-child(even) .tech_and_change_list { margin-left: unset; } .wn_imgw { padding-top: 20px; padding-bottom: 20px; } .wn_img_wrap { padding: 20px } .weekeder_w { width: 100%; padding: 20px 0px; } .weekender_plan_w { padding: 20px 0px; margin-left: 0; margin-right: 0; } .main_heading_wrap { padding-left: 20px; padding-right: 20px; } .we_value_bg { padding-left: 20px; padding-right: 20px; } .mobile_menu { width: 33.33%; } .logo { /* width: 33.33%; */ } .cart_menu { width: 33.33%; } .mobile_menu { position: relative; } .h_menu { width: 100%; height: calc(100vh - 88px); left: -100%; position: absolute; z-index: 111111; background: #fff; top: -52px; padding: 0px; margin-top: 93px; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; overflow-y: auto; } .header_m_wrap ul li{ width:25% !important; padding:0; max-width:100%; } .h_menu.active { left: 0%; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; } .h_menu .h_menu_ul { display: block; margin-top:10px; } .header_meagamenu{padding:0} .afflilite_w { width: 50% } html { /* 62.5% of 16px base font size is 10px */ font-size: 52.5%; } .privace_menu ul { flex-wrap: wrap; } .privace_menu ul li { padding-top: 5px; padding-bottom: 5px; } .product_army_rel .item .pr_img{padding-top:100%;} .product_army_rel .item{width:50%;} .facilty_wrap_w { width: 50%; } .weekender_text span { width: 50px; min-width:50px; height: auto; left: 0; } .weekender_d { width: 100%; padding-left: 66px; } .weekender_text span img{max-width:100%;} .tandc_w{margin-bottom:0} } @media screen and (max-width: 540px) { .p_crousel2 .item{width:50%;} .product_army_rel .item .swatch-picker{padding-bottom:20px} .header_m_wrap ul li { width: 50% !important; padding: 10px !important; max-width: 100%; border-bottom: 1px solid #ddd !important; } .login_bg{padding:10px 0px;} .login_box, .r_form{padding:10px 0px} .earth_bg { padding: 20px 0px; } .earth_wrap ul { padding: 10px 0px; } .earth_bg .main_heading_wrap { padding: 10px 0px; } .earth_wrap ul li { width: 50%; padding: 10px 50px; } .recycle_bg { padding: 20px 0px; } .recycle_bg .section_heading { padding: 20px 0px; } .step_forword_bg { min-height: 300px; } .avilable_s_bg { padding: 30px 0px; } .avilable_s_bg .main_heading_wrap { padding: 10px 0px; } .available_size_btn { padding: 10px 0px; } .value_bg { padding: 30px 0px; } .p_crousel2 .pr_img { padding-top: 100%; } .avilable_s_bg .main_heading_wrap h1 img { width: 50px; height: 50px; } .t-collection_banner { min-height: 350 px; } .el_p_bg { min-height: 300px; } .t_collection_planet { min-height: 300px; } .plus_perfomance_bg { min-height: 300px; } .on_the_go_bg { min-height: 300px; } .advanture_wrap { margin-left: 0; margin-right: 0; } .advanture_wrap_block { width: 50%; } .we_value_wrap h1 { font-size: 4.8rem; } .we_value_wrap p { padding: 5px 0px; } .we_value_bg { padding-bottom: 30px; } .footer_block { width: 50%; padding-top: 10px; } .footer_left { padding: 10px 0px; } .footer_right { padding: 10px 0px; } .banner_5_section .main_heading_wrap .btn2 { margin-top: 20px; } .recommand_img { height: 50px; } .product_slide_img { padding: 10px; } .product_slide .item { padding-left: 20px; padding-right: 20px; } .product_slide_text h4 { font-size: 1.4rem; } .product_slide_text span { font-size: 1.6rem; } .life_style_wrap h1 { font-size: 5.2rem; } .life_style_wrap p { font-size: 2.2rem; } .footer_menu ul li { width: 50%; } .tech_and_change_list ul { margin-top: 0px; } .single_product_desc_w { padding-left: 0; padding-right: 0; } .accordion-container { padding-left: 0; padding-right: 0; padding: 0; } .recommand_section { padding: 0; } .recommanded_wrap { padding: 0; padding-top: 5px; } .footer1 { width: 100%; } .footer2 { width: 100%; padding: 20px 0px; } .footer3 { width: 100%; } .wn_imgw { width: 50%; } .life_style_banner { min-height: 300px; } .life_style_wrap h1 { margin-bottom: 10px; } .wn_img_wrap { padding: 10px; } .main_heading_wrap { padding-left: 10px; padding-right: 10px; /* margin-bottom:120%; */ height:100vh; } .we_value_bg { padding-left: 10px; padding-right: 10px; } .hero_b { min-height: auto; padding:20px 0px; } .main_heading_wrap p { line-height: 1.4 } .cart_menu ul li { padding-left: 3px; } .cart-i span.count { /* position: absolute; color: #fff; top: 53%; right: auto; transform: translateY(-50%); width: 100%; text-align: center; display: block; left: -1.2px; */ padding-left: 3px; font-size:7px !important; } .banner_2 .heading_copy { min-height: 300px; } .banner_5 .heading_copy { min-height: 300px; } .main_heading_wrap h1 { font-size: 4.0rem } /* .h_menu { margin-top: 119px; } */ .product_slide .prev_arrow { padding: 10px; } .product_slide .next_arrow { padding: 10px; } html { /* 62.5% of 16px base font size is 10px */ font-size: 42.5%; } .footer1 { padding-right: 0; } .product_crousel .next_arrow { padding: 9px; top: 50%; } .product_crousel .prev_arrow { padding: 9px; top: 50%; } .product_army_rel .item .pr_img{padding-top:65%;} .product_army_rel .item{width:100%;} .Press_blocksContainer {grid-template-columns: repeat(1, 1fr);gap: 24px;} .Block_root h2{font-size:20px;} } @media screen and (max-width: 400px) { .earth_wrap ul li { width: 100%; padding: 10px 50px } .product_slide_img { padding: 50px; } .afflilite_w { width: 100%; } .facilty_wrap_w { width: 100%; } .facilty_wrap { padding-bottom: 0px; } .wn_imgw { width: 100%; } .advanture_wrap_block { width: 100%; padding-left: 50px; padding-right: 50px; } .pr_img { padding-top: 100%; } } /* Swatches Styles */ .swatch { margin:1em 0; } /* Label */ .swatch .header { margin: 0.5em 0; display:flex; align-items:center; } .swatch .header .colr{padding-left:10px;} /* Hide radio buttons.*/ .swatch input { display:none; } .swatch label { /* Rounded corners */ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /* To give width and height */ float:left; /* Color swatches contain no text so they need to have a width. */ min-width:40px !important; height:40px !important; /* No extra spacing between them */ margin:0; /* The border when the button is not selected */ border:#ccc 1px solid; /* Background color */ background-color:#ddd; /* Styling text */ font-size:13px; text-align:center; line-height:40px; white-space:nowrap; text-transform:uppercase; } .collection-info .swatch-wrap.swatch{ flex-wrap:wrap; /* justify-content: flex-start !important; */ } .collection-info .swatch .swatch-element{ margin-bottom:5px !important; } .collection-info .swatch label{ min-width: 30px !important; width:30px !important; height:30px !important; cursor: pointer; } .swatch input:checked + label{ box-shadow: inset 0 0 0 2px #ffffff !important; border:2px solid #74797c !important; } .pr_imga a{ display: block; height: 0; overflow: hidden; padding-top: 100%; position: relative; } .pr_imga a img{ width: 100%; display: block; position: absolute; top: 50%; left: 50%; transition: 0.4s ease; transform: translate(-50%, -50%); } .pr_imga a .sec-img { opacity: 0; visibility: hidden; transition: 0.5s ease all; } .pr_imga a:hover .sec-img{opacity:1; visibility:visible; z-index:2;} .swatch-element label { padding:0 10px; } .color.swatch-element label { padding:0;border-radius:50%; } /* Styling selected swatch */ /* Slightly raised */ .swatch input:checked + label { -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8); box-shadow:0px 1px 2px rgba(0,0,0,0.8); border-color:transparent; } .swatch .swatch-element { float:left; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ /* Spacing between buttons */ margin:0px 10px 10px 0; /* To position the sold out graphic and tooltip */ position:relative; } /* Image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; } .swatch .swatch-element .crossed-out { display:none; } .swatch .swatch-element.soldout .crossed-out { display:block; } .swatch .swatch-element.soldout label { } /* Tooltips */ .swatch .tooltip { text-align:center; background:gray; color:#fff; bottom:100%; padding: 10px; display:block; position:absolute; width:100px; left:-28px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; } .swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child { margin-bottom:0; } .swatch.error code { font-family:monospace; } img.glo { width: 20px; } .main_heading_wrap h3.blk { color: black; font-size: 16px; font-weight: normal; } .main_heading_wrapa{ color:white; position: absolute; top: 50%; /* position the top edge of the element at the middle of the parent */ left: 0; text-align:center;/* position the left edge of the element at the middle of the parent */ width:100%; transform: translateY(-50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */ } .main_heading_wrapa h1 { font-size: 5.4rem; margin-bottom: 0; text-align: center; } .main_heading_wrapa p { font-size: 20px; margin-top:20px; margin-bottom: 20px; text-align: center; } .rich-text.content-container {max-width: 1240px;padding-left: 20px;padding-right: 20px;margin: 0 auto;} /* .rich-text__blocks h2.h0 { margin-bottom: 15px; } */ @media screen and (max-width: 540px) { .main_heading_wrapa h1 {font-size:4rem} .main_heading_wrap p{font-size:2rem;} .hero_b{width:100%;} } .swatch.clearfix { display: block; width: 100%; clear: both; } body .swatch label{ border: 3px solid #dad7d7; } .dsdsds554 video{max-width:100% !important;} img.ace { width: 30px; height: auto; position: relative; top: 2px; } .banner-video-box { position: relative; } .banner-video-box .b-video { width:100%; height:auto; /* height: 100%; */ } .banner-video-box .b-playpause { cursor: pointer; background-color: #ffffff; width: 80px; height: 80px; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; z-index:11; } .banner-video-box .b-playpause i { font-size: 26px; color: #CFCFCF; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .b-video { height: 100%; /* position: absolute; */ left: 0; top: 0; } .banner-video-box { position: relative; height: auto; width: 100%; } /* account page css*/ .account-wrap, .account-address-wrap{padding-top:32px; padding-bottom:140px;} .account-wrap h1, .account-address-wrap h1 { font-size: 25px; color: #252933;} .account-flex { display: flex; justify-content: space-between; margin-top:31px; } .table-wrap table.full { width: 100%; border-collapse: collapse; } .account-flex .two-thirds { width: 68%; } .account-flex .one-third { width: 30%; } .account-flex .head-title { font-size: 15px; font-weight: 500; color: #797676; text-transform: uppercase; border-bottom: 1px solid #797676; padding-bottom: 8px; } .account-flex h3{font-size: 13px; font-weight: 500; color: #797676; text-transform:uppercase} .account-flex p, .account-flex p a { font-size: 15px; color: #252933; font-weight: 500; margin-bottom: 10px; } .form-vertical .head-title { margin-bottom: 30px; } .form-vertical{margin-bottom:30px} .form-vertical .btn{width:100%; text-align:center} .form-vertical .grid { display: flex; justify-content: space-between; flex-wrap: wrap; } .form-vertical .grid .floating-label { width: 48%; } div#EditAddress_7050507911359{margin-top:25px;} th, td { padding: 15px; text-align: left; } .page-width {max-width: 1240px; padding: 0 20px; margin: 30px auto;} h1.main-page-title { margin-bottom: 20px; } .rte p { padding-top: 0; margin-bottom: 12px; } .klaviyo_field_group.klaviyo_form_actions.d-flex { display: flex; width: 100%; } .success_message { color: white; } @media screen and (min-width: 768px) { video.video-background.mobile { display: none!important; } } .doa.video_heading_wrap { top: 65%; } a.btn2.vana { /* border-radius: 0; */ padding: 13px 16px; } a.btn2.vana:hover { background: white; color: black; border: black; } @media screen and (max-width: 767px) { #header { background-color: transparent; /* Start with transparent background */ transition: background-color 0.3s ease; position: fixed !important; /* Keep header fixed */ /* top: 0; */ width: 100%; z-index: 4; } /* Make icons and logo black by default */ /* .logo img, .search_box a svg, .cart_menu ul li a img, .cart-i img { filter: brightness(0) saturate(100%) !important; } */ .cart-i span.count { color: #000000 !important; /* Black by default */ } body#Symplº\ Move\ Freely™️\ Bag\ Collection\ \|\ Sustainable\ Bags .hero_b { position: relative; top: auto !important; transform: translate(0) !important; color: black !important; left: auto !important; width: 100%; } body#Symplº\ Move\ Freely™️\ Bag\ Collection\ \|\ Sustainable\ Bags .hero_b * { color: black; } a.btn2.vana { /* border-radius: 0; */ padding: 13px 16px; font-size: 15px; } .doa.video_heading_wrap { top: 65%; } .section_padding { padding-top: 0px; padding-bottom: 0; } .banner-video-box { position: relative; height: auto; width: 100%; } video.video-background.desktop { display: none !important; } .header_wrap { padding-top: 10px; padding-bottom: 10px; } /* Updated scrolling_down styles for mobile */ .scrolling_down { position: fixed !important; background-color: #fff !important; /* White background when scrolling down */ z-index: 4; width: 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Add shadow when scrolling down */ transition: 0.5s ease all; animation: smoothScroll 0.5s forwards !important; } .scrolling_up { position: fixed !important; background-color: #fff !important; z-index: 4; width: 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: 0.5s ease all; animation: smoothScroll 0.5s forwards !important; } /* Add animation for smooth scrolling */ @keyframes smoothScroll { 0% { transform: translateY(-5px); } 100% { transform: translateY(0); } } } .scroll_up .scrolling_down { /* transition: 0.5s ease all; animation: smoothScroll 0.5s forwards !important; */ } .scrolling_up .top_bar { display: none; transition: 0.5s ease all; } /* .scrolling_up{top:-100%; transition: 0.5s ease all;} .scrolling_down{position: fixed !important; background: #fff; transition: 0.5s ease all; top: 0;z-index:4; width:100%; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: 0.5s ease all; animation: smoothScroll 0.5s forwards !important;} */ .shrink2.fixed{transform: translateY(-100%); } .scrolling_up { /* position: fixed !important; */ /* background: #fff; transform: none !important; top: 0 !important;z-index:4; width:100%; */ /* -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: 0.5s ease all; animation: smoothScroll 0.5s forwards !important; */ } @keyframes smoothScroll { 0% { transform: translateY(-30px); } 100% { transform: translateY(0px); } } .header_wrap { background: transparent !important; } .main_heading_wrap .btn2 { margin-top: 25px; } .video_heading_wrap a.btn2, .main_heading_wrap .btn2 { color: white; } .main_heading_wrap .btn2:hover { background: white; color: black; border-color: white; } a.btn2.btn3 { background: white; color: black; border-radius: 0px !important; } a.btn2.btn3:hover { background: transparent; color: white; } .main_heading_wrap .banner_text p{ font-size: clamp(18px, 3vw, 22px); } body.gradient .collection-info .swatch label{ min-width: 20px !important; width: 20px !important; height: 20px !important; margin-inline: 3px; } @media (min-width: 768px){ .hero_banner .banner-wrap-img:not(.bwi-inner) img, .slbanner_img img { height: 87vh; object-fit: cover; object-position: top right; } .hero_banner .banner-wrap-img:not(.bwi-inner) img { height: 50vh; } } .weekender_text span img { max-width: 100%; } p#ComparePrice { font-size: 21px; margin-left: 5px; text-decoration: line-through; text-decoration-color: #BF0505; } @media (max-width: 767px){ .slick-thumbnail-slider { display: none; } .sp1 { width: 50%; display: block; position: relative; height: 0; overflow: hidden; padding-top: 120%; } .sp { padding-top: 120%; } .sp1 a { display: block; } .sp1 img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;s } .s_product { padding-top: 0; } .single_product_flex { padding: 0; } .single_product_desc { padding: 0 20px; } .rich-text__text p{ font-size: 2.1rem; } } .jdgm-carousel-wrapper .jdgm-star { color: #8eafab; } @media screen and (max-width: 540px) { .logo-sec .recommand_img { height: 45px !important; padding-top: 0 !important; } } .set.acc-block a img { width: 24px; } .set.acc-block a[data-handle] { justify-content: flex-start; column-gap: 10px; padding-bottom: 13px; align-items: center; font-size: 16px; } .set.acc-block { padding-bottom: 0; } .single_product_img { display: flex; align-items: flex-start; } .slick-thumbnail-slider { width: 10%; margin-right: 10px; } .s_product { width: calc(90% - 10px); } .slick-thumbnail-slider .slick-slide { margin: 3px 0; } .slick-thumbnail-slider .bss_pl_img { visibility: hidden; width: 0; height: 0; overflow: hidden; opacity: 0; } .addon-wrapper { display: flex; padding: 10px; column-gap: 15px; align-items: center; } .addon-main { margin-top: 25px; } .addon-img { width: 100px; position: relative; overflow: hidden; display: inline-block !important; height: 100px; } .addon-img img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .addon-info { flex: 1; display: flex; justify-content: space-between; column-gap: 10px; align-items: center; } .addon-atc form { margin-bottom: 0; } .addon-info button#AddToCart2 { background-color: #000000 !important; border-radius: 0px !important; border-width: 0px !important; font-family: Open Sans !important; font-size: 18px !important; padding: 12px !important; color: #ffffff !important; cursor: pointer; } .addon-meta h3 { margin-bottom: 10px; } .vi-wrapper { display: flex; flex-direction: row; column-gap: 0px; } .vi-right img { max-width: 100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .vi-right { flex: 1; padding-top: 50%; overflow: hidden; position: relative; } .vi-left { padding-top: 50%; overflow: hidden; position: relative; } .vi-left .video-main { max-width: 100%; min-width: unset; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .vi-container { padding: 0; } .tech_and_change_list { text-align: center; } .tech_and_change_list p { line-height: 1.6; } video.video-lr { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sp a:hover:after { display: none !important; } .set.acc-block .content a { border-bottom: none !important; font-size: inherit !important; display: unset; } .tech_and_change_list { max-width: 100%; } section.section_padding.spcust { padding-top: 0; } .jdgm-carousel-wrapper { padding: 0 0 20px 0; } span.preord { color: #f22323; } .bss-pl-banner-wrapper, .bss-pl-banner-wrapper > * { height: 40px !important; } .jdgm-preview-badge .jdgm-star.jdgm-star { color: #2f6f6f !important; } .shipping-banner { display: flex; align-items: center; column-gap: 10px; margin: 10px 0; } @media (max-width: 1200px){ .addon-img { width: 80px; height: 80px; } } @media (max-width: 768px){ .tech_and_change_list { padding: 45px 20px; } .addon-img { width: 60px; height: 60px; } .addon-info button#AddToCart2 { padding-top: 6px !important; } .s_product { width: 100%; } .single_product_wraps h3 { font-size: 18px; } .prodes { font-size: 16px; line-height: 1.4; } .set.acc-block .content, .set.acc-block .content li, .set.acc-block .content p { font-size: 16px; line-height: 1.4; } .content a { border: none !important; } .tech_and_change:nth-child(even) .tech_and_close_wrap { padding-right: 0px; } .jdgm-carousel-wrapper { padding: 0 !important; margin-bottom: 0px ! IMPORTANT; } .jdgm-carousel-item__review { display: flex; flex-direction: column; justify-content: space-evenly; } .product .product_slide { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .product .product_slide .item.single-collection { width: calc(50% - 10px); padding: 0 8px; } .product .product_slide .product_slide_img { padding: 10px; } .product .product_slide .preorder-description { font-size: 10px !important; text-align: center; } } .shopify-payment-button .shopify-payment-button__more-options { display: none; } .shopify-payment-terms . { font-size: 30px !important; }