/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ AOS STYLE, Please don't edit ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ [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)} /* ============================================================================================================ ============================================================================================================ Animation CSS ============================================================================================================ ============================================================================================================ */ /* fadeInLeft */ .animate-smaller-left { animation-name: none !important; -webkit-transform: translate3d(-50px, 0%, 0px); -moz-transform: translate3d(-50px, 0%, 0px); -o-transform: translate3d(-50px, 0%, 0px); transform: translate3d(-50px, 0%, 0px); opacity: 0; visibility: hidden; transition: all .5s; transition-delay: 1s; } .animate-smaller-left.animated { -webkit-transform: translate3d(0px, 0%, 0px); -moz-transform: translate3d(0px, 0%, 0px); -o-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); opacity: 1; visibility: visible; } /* fadeInRight */ .animate-smaller-right { animation-name: none !important; -webkit-transform: translate3d(50px, 0%, 0px); -moz-transform: translate3d(50px, 0%, 0px); -o-transform: translate3d(50px, 0%, 0px); transform: translate3d(50px, 0%, 0px); opacity: 0; visibility: hidden; transition: all .5s; transition-delay: 1s; } .animate-smaller-right.animated { -webkit-transform: translate3d(0px, 0%, 0px); -moz-transform: translate3d(0px, 0%, 0px); -o-transform: translate3d(0px, 0%, 0px); transform: translate3d(0px, 0%, 0px); opacity: 1; visibility: visible; } /* animate-flip-x */ .animate-flip-x { animation-name: none !important; opacity: 0; visibility: hidden; transition: all .5s; transition-delay: 1s; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .animate-flip-x.animated { opacity: 1; visibility: visible; -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); } /* animate-flip-y */ .animate-flip-y { animation-name: none !important; opacity: 0; visibility: hidden; transition: all .5s; transition-delay: 1s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .animate-flip-y.animated { opacity: 1; visibility: visible; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } /* animate-typing-left */ .animate-typing-left { animation-name: none !important; transition: all 5s !important; position: relative !important; overflow: hidden; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -moz-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -o-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition-delay: 2s; } .animate-typing-left.animated { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); -moz-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); -o-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } /* animate-typing-right */ .animate-typing-right { animation-name: none !important; transition: all 5s !important; position: relative !important; overflow: hidden; -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); -moz-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); -o-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%); transition-delay: 2s; } .animate-typing-right.animated { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } /* animate-stop-fade-in */ .animate-stop-fade-in { animation-name: none !important; visibility: visible !important; } /* animate-zoom-in-smaller */ .animate-zoom-in-smaller { animation-name: none !important; transform: scale(.9); transition: all 1s; transition-delay: 1s; opacity: 0; } .animate-zoom-in-smaller.animated { transform: scale(1); opacity: 1; } /* animate-zoom-out-smaller */ .animate-zoom-out-smaller { animation-name: none !important; transform: scale(1.2); transition: all 1s; transition-delay: 1s; opacity: 0; } .animate-zoom-out-smaller.animated { transform: scale(1); opacity: 1; } /* animate-fade-up */ .animate-fade-up .elementor-widget-container { overflow: hidden; } .animate-fade-up .elementor-heading-title { transform: translate3d(0,101%,0); transition: transform .5s; } .animate-fade-up.animated .elementor-heading-title { transform: translateZ(0); } /* animate-fade-down */ .animate-fade-down .elementor-widget-container { overflow: hidden; } .animate-fade-down .elementor-heading-title { transform: translate3d(0,-101%,0); transition: transform .5s; } .animate-fade-down.animated .elementor-heading-title { transform: translateZ(0); } /* animate-text-clip */ .animate-text-clip { clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); -o-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); -moz-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); display: inline-block; transition: .5s ease-in-out; width: auto !important; } .animate-text-clip.animated { clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); -o-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); -moz-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 50% 100%, 100% 100%, 100% 0%); } /* animate-scale-horizontal-center */ .animate-scale-horizontal-center { transition: all 1.5s; } .animate-scale-horizontal-center.animated { -webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @keyframes scale-up-hor-center { 0% { -webkit-transform: scaleX(0.2); transform: scaleX(0.2); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } /* animate-scale-vertical-center Start*/ .animate-scale-vertical-center { transition: all 1s; } .animate-scale-vertical-center.animated { -webkit-animation: scale-up-ver-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-ver-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @keyframes scale-up-ver-center { 0% { -webkit-transform: scaleY(0.3); transform: scaleY(0.3); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* animate-scale-vertical-center End*/ /* circle-effect start*/ .circle-effect .elementor-background-overlay { -webkit-clip-path: circle(3.3% at 50% 50%); -moz-clip-path: circle(3.3% at 50% 50%); -o-clip-path: circle(3.3% at 50% 50%); clip-path: circle(0% at 50% 50%); transition: all 1s !important; } .circle-effect.animated .elementor-background-overlay { -webkit-clip-path: circle(100% at 50% 50%); -moz-clip-path: circle(100% at 50% 50%); -o-clip-path: circle(100% at 50% 50%); clip-path: circle(100% at 50% 50%); } /* circle-effect End*/ /* bg-effect Start*/ .bg-effect { -webkit-clip-path: circle(0% at 50% 50%); -moz-clip-path: circle(0% at 50% 50%); -o-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); transition: all 2s !important; } .bg-effect.animated { -webkit-clip-path: circle(100.0% at 50% 50%); -moz-clip-path: circle(100.0% at 50% 50%); -o-clip-path: circle(100.0% at 50% 50%); clip-path: circle(100.0% at 50% 50%); } /* bg-effect End*/ .cubic-animation { animation-name: none !important; visibility: visible !important; } .cubic-animation { opacity: 0; -webkit-transform: scaleY(1.2) translateY(80px); -moz-transform: scaleY(1.2) translateY(80px); -o-transform: scaleY(1.2) translateY(80px); transform: scaleY(1.2) translateY(80px); -webkit-transition: opacity .4s,transform 0s .4s; -moz-transition: opacity .4s,transform 0s .4s; -o-transition: opacity .4s,transform 0s .4s; transition: opacity .4s,transform 0s .4s; } .cubic-animation.animated { opacity: 1; -webkit-transform: scaleY(1) translateY(0); -moz-transform: scaleY(1) translateY(0); -o-transform: scaleY(1) translateY(0); transform: scaleY(1) translateY(0); transition: opacity .8s cubic-bezier(0.165, 0.84, 0.44, 1),transform .8s cubic-bezier(0.165, 0.84, 0.44, 1); } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Rotate Animation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* rotate-diagonal-1 */ .rotate-diagonal-1 { transition: all 1s; } .rotate-diagonal-1.animated { -webkit-animation: rotate-diagonal-1 1s linear both; animation: rotate-diagonal-1 1s linear both; } @keyframes rotate-diagonal-1 { 0% { -webkit-transform: rotate3d(1, 1, 0, 0deg); transform: rotate3d(1, 1, 0, 0deg); } 50% { -webkit-transform: rotate3d(1, 1, 0, -180deg); transform: rotate3d(1, 1, 0, -180deg); } 100% { -webkit-transform: rotate3d(1, 1, 0, -360deg); transform: rotate3d(1, 1, 0, -360deg); } } /* rotate-diagonal-1 End */ /* rotate-diagonal-2 Start */ .rotate-diagonal-2 { transition: all 1s; } .rotate-diagonal-2.animated { -webkit-animation: rotate-diagonal-2 1s linear both; animation: rotate-diagonal-2 1s linear both; } @keyframes rotate-diagonal-2 { 0% { -webkit-transform: rotate3d(-1, 1, 0, 0deg); transform: rotate3d(-1, 1, 0, 0deg); } 50% { -webkit-transform: rotate3d(-1, 1, 0, 180deg); transform: rotate3d(-1, 1, 0, 180deg); } 100% { -webkit-transform: rotate3d(-1, 1, 0, 360deg); transform: rotate3d(-1, 1, 0, 360deg); } } /* rotate-diagonal-2 End */ /* rotate-horizontal-center Start */ .rotate-horizontal-center { transition: all 1s; } .rotate-horizontal-center.animated { -webkit-animation: rotate-hor-center 2s; animation: rotate-hor-center 2s; } @keyframes rotate-hor-center { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(-360deg); transform: rotateX(-360deg); } } /* rotate-horizontal-center End */ /* rotate-scale-down Start */ .rotate-scale-down { transition: all 1s; } .rotate-scale-down.animated { -webkit-animation: rotate-scale-down 1s linear both; animation: rotate-scale-down 1s linear both; } @keyframes rotate-scale-down { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); } 50% { -webkit-transform: scale(0.5) rotateZ(180deg); transform: scale(0.5) rotateZ(180deg); } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); } } /* rotate-scale-down End */ /* rotate-scale-down-horizontal Start */ .rotate-scale-down-horizontal { transition: all 1s; } .rotate-scale-down-horizontal.animated { -webkit-animation: rotate-scale-down-hor 1s linear both; animation: rotate-scale-down-hor 1s linear both; } @keyframes rotate-scale-down-hor { 0% { -webkit-transform: scale(1) rotateX(0); transform: scale(1) rotateX(0); } 50% { -webkit-transform: scale(0.5) rotateX(-180deg); transform: scale(0.5) rotateX(-180deg); } 100% { -webkit-transform: scale(1) rotateX(-360deg); transform: scale(1) rotateX(-360deg); } } /* rotate-scale-down-horizontal End */ /* rotate-scale-down-vertical Start */ .rotate-scale-down-vertical { transition: all 1s; } .rotate-scale-down-vertical.animated { -webkit-animation: rotate-scale-down-ver 1s linear both; animation: rotate-scale-down-ver 1s linear both; } @keyframes rotate-scale-down-ver { 0% { -webkit-transform: scale(1) rotateY(0); transform: scale(1) rotateY(0); } 50% { -webkit-transform: scale(0.5) rotateY(180deg); transform: scale(0.5) rotateY(180deg); } 100% { -webkit-transform: scale(1) rotateY(360deg); transform: scale(1) rotateY(360deg); } } /* rotate-scale-down-vertical End */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Flip-2 Animation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* flip-2-horizontal-top-1 Start */ .flip-2-horizontal-top-1 { transition: all 1s; } .flip-2-horizontal-top-1.animated { -webkit-animation: flip-2-hor-top-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: flip-2-hor-top-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes flip-2-hor-top-1 { 0% { -webkit-transform: translateY(-100%) rotateX(-180deg); transform: translateY(-100%) rotateX(-180deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } /* flip-2-horizontal-top-1 End */ /* flip-2-vertical-left-1 Start */ .flip-2-vertical-left-1 { transition: all 1s; } .flip-2-vertical-left-1.animated { -webkit-animation: flip-2-ver-left-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: flip-2-ver-left-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes flip-2-ver-left-1 { 0% { -webkit-transform: translateX(-100%) rotateY(180deg); transform: translateX(-100%) rotateY(180deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } 100% { -webkit-transform: translateX(0) rotateY(0); transform: translateX(0) rotateY(0); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } /* flip-2-vertical-left-1 End */ /* flip-2-vertical-right-1 Start */ .flip-2-vertical-right-1 { transition: all 1s; } .flip-2-vertical-right-1.animated { -webkit-animation: flip-2-ver-right-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: flip-2-ver-right-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes flip-2-ver-right-1 { 0% { -webkit-transform: translateX(100%) rotateY(-180deg); transform: translateX(100%) rotateY(-180deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: translateX(0) rotateY(0); transform: translateX(0) rotateY(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } /* flip-2-vertical-right-1 End */ /* flip-2-horizontal-bottom-1 Start */ .flip-2-horizontal-bottom-1 { transition: all 1s; } .flip-2-horizontal-bottom-1.animated { -webkit-animation: flip-2-hor-bottom-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: flip-2-hor-bottom-1 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes flip-2-hor-bottom-1 { 0% { -webkit-transform: translateY(100%) rotateX(180deg); transform: translateY(100%) rotateX(180deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } /* flip-2-horizontal-bottom-1 End */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Shadow Drop Animation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* shadow-drop-2-top-bottom Star */ .shadow-drop-2-top-bottom.animated .elementor-widget-container { -webkit-animation: shadow-drop-2-tb .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-tb .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-tb { 0% { -webkit-transform: translateZ(0) scale(.9); transform: translateZ(0) scale(.9); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) scale(1); transform: translateZ(50px) scale(1); -webkit-box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-top-bottom End */ /* shadow-drop-2-top Star */ .shadow-drop-2-top.animated { -webkit-animation: shadow-drop-2-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateY(12px); transform: translateZ(50px) translateY(12px); -webkit-box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-top End */ /* shadow-drop-2-right Star */ .shadow-drop-2-right.animated { -webkit-animation: shadow-drop-2-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-right { 0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(-12px); transform: translateZ(50px) translateX(-12px); -webkit-box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-right End */ /* shadow-drop-2-left Star */ .shadow-drop-2-left.animated { -webkit-animation: shadow-drop-2-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-left { 0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(12px); transform: translateZ(50px) translateX(12px); -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35); box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-left End */ /* shadow-drop-2-bottom Star */ .shadow-drop-2-bottom.animated { -webkit-animation: shadow-drop-2-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-bottom { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateY(-12px); transform: translateZ(50px) translateY(-12px); -webkit-box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-bottom End */ /* shadow-drop-2-left-right Star */ .shadow-drop-2-left-right.animated { -webkit-animation: shadow-drop-2-lr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-lr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-lr { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px); transform: translateZ(50px); -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35); box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-left-right End */ /* shadow-drop-2-top-right Star */ .shadow-drop-2-top-right.animated { -webkit-animation: shadow-drop-2-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-tr { 0% { -webkit-transform: translateZ(0) translateX(0) translateY(0); transform: translateZ(0) translateX(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(-12px) translateY(12px); transform: translateZ(50px) translateX(-12px) translateY(12px); -webkit-box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-top-right End */ /* shadow-drop-2-bottom-right Star */ .shadow-drop-2-bottom-right.animated { -webkit-animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-br { 0% { -webkit-transform: translateZ(0) translateX(0) translateY(0); transform: translateZ(0) translateX(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(-12px) translateY(-12px); transform: translateZ(50px) translateX(-12px) translateY(-12px); -webkit-box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-bottom-right End */ /* shadow-drop-2-bottom-left Star */ .shadow-drop-2-bottom-left.animated { -webkit-animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-bl { 0% { -webkit-transform: translateZ(0) translateX(0) translateY(0); transform: translateZ(0) translateX(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px); transform: translateZ(50px) translateX(12px) translateY(-12px); -webkit-box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-bottom-left End */ /* shadow-drop-2-top-left Star */ .shadow-drop-2-top-left.animated { -webkit-animation: shadow-drop-2-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s; } @keyframes shadow-drop-2-tl { 0% { -webkit-transform: translateZ(0) translateX(0) translateY(0); transform: translateZ(0) translateX(0) translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px) translateX(12px) translateY(12px); transform: translateZ(50px) translateX(12px) translateY(12px); -webkit-box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.35); } } /* shadow-drop-2-top-left End */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Animation --- RESPONSIVE CSS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Large desktop */ @media (min-width: 1025px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1024px) { } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { @media screen and (orientation: landscape) { } } /* Landscape phones and down */ @media (max-width: 480px) { } /* ============================================================================================================ ============================================================================================================ woocommerce CSS ============================================================================================================ ============================================================================================================ */ /* Product Page */ .shopWrap .elementor-widget-theme-archive-title .elementor-heading-title { font-family: 'Gotham-Book', 'GothamBook'; } .shopWrap .price del, .shopWrap .onsale { display: none !important; } .shopWrap .price { margin-bottom: 15px !important; } .shopWrap .price ins { text-decoration: none; } .shopWrap .woocommerce ul.products li.product .price { color: #abadb3; font-size: 16px !important; margin-bottom: 0 !important; font-family: 'Gotham-Book', 'GothamBook'; } .shopWrap .woocommerce a.button { background: none; border: 3px solid #19bccf; padding: 13px 20px 10px; color: #19bccf; border-radius: 25px; text-transform: uppercase; overflow: hidden; font-size: 14px !important; vertical-align: middle; margin: 20px 10px 0 !important; } .shopWrap .woocommerce a.button:hover { background: #19bccf; color: #fff; } .shopWrap .woocommerce a.button:after { margin-left: 12px; } .shopWrap .woocommerce a.button.added:after { display: none; } .shopWrap .woocommerce a.added_to_cart { display: inline-block; vertical-align: middle; font-size: 14px !important; margin-left: 12px; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text { padding: 6px 44px 0; text-align: center; } .shopWrap .elementor-widget-woocommerce-products .products li.product .star-rating { display: none; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-image { margin-bottom: 8px; width: 100%; height: 290px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #cccccc !important; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .shopWrap .elementor-widget-woocommerce-products .products li.product a:hover .product-image { -webkit-transform: translate3d(0px, -7px, 0px); -moz-transform: translate3d(0px, -7px, 0px); -o-transform: translate3d(0px, -7px, 0px); transform: translate3d(0px, -7px, 0px); } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text h2 { color: #6d717a; font-size: 16px !important; margin-bottom: 0px !important; line-height: 20px; font-family: 'Gotham-Book', 'GothamBook'; text-transform: uppercase; transition: all .5s; } .shopWrap .elementor-widget-woocommerce-products .products li.product a:hover .product-text h2 { color: #804360 !important; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text .ajax_add_to_cart { display: none; } .shopWrap .woocommerce nav.woocommerce-pagination ul li a.prev:before, .shopWrap .woocommerce nav.woocommerce-pagination ul li a.next:before, .shopWrap .woocommerce nav.woocommerce-pagination ul li span, .shopWrap .woocommerce nav.woocommerce-pagination ul li a { font-size: 20px; /*padding: 12px;*/ padding: 10px 12px; font-family: 'Gotham-Book', 'GothamBook'; } .shopWrap .woocommerce nav.woocommerce-pagination ul li a:focus, .shopWrap .woocommerce nav.woocommerce-pagination ul li a:hover, .shopWrap .woocommerce nav.woocommerce-pagination ul li span.current { /*background: #2e3340;*/ color: #2e3340; background: transparent; } .shopWrap .woocommerce nav.woocommerce-pagination ul li { margin: 3px 0px; /*border: 1px solid #2e3340;*/ border: none; position: relative; } .shopWrap .woocommerce nav.woocommerce-pagination ul li:after { content: ''; background: #d3ced2; width: 1px; height: calc(100% - 20px); top: 10px; position: absolute; right: 0; } .shopWrap .woocommerce nav.woocommerce-pagination ul li:last-child:after { display: none; } .shopWrap .woocommerce nav.woocommerce-pagination ul li:last-child { border-right: none; } .shopWrap .woocommerce nav.woocommerce-pagination ul li a.prev, .shopWrap .woocommerce nav.woocommerce-pagination ul li a.next { font-size: 0; } .shopWrap .woocommerce nav.woocommerce-pagination ul li a.prev:before, .shopWrap .woocommerce nav.woocommerce-pagination ul li a.next:before { content: '>'; font-size: 20px; display: inline-block; padding: 0; } .shopWrap .woocommerce nav.woocommerce-pagination ul li a.prev:before { content: '<'; } .shopWrap .woocommerce nav.woocommerce-pagination ul { border: none; } /* cart page */ .productWrap .products .product-category img { display: none !important; } .productWrap .menuList ul li a, .productWrap .products .product-category h2 { line-height: 20px; font-size: 14px !important; font-weight: normal; transition: all .5s; text-transform: uppercase; } .productWrap .menuList ul li a { color: #808080; } .productWrap .elementor-widget-wc-categories .products { text-align: center; grid-template-columns: inherit !important; display: block !important; } .productWrap .elementor-widget-container .products .product-category.first, .productWrap .elementor-widget-container .products .product-category { background: transparent; padding-bottom: 0 !important; display: inline-block; vertical-align: top; /*margin-right: 80px !important;*/ margin-right: 30px !important; text-align: left; } .productWrap .elementor-widget-container .products .product-category:last-child { margin-right: 0 !important; } .productWrap .menuList ul li a:hover, .productWrap .products .product-category a:hover h2 { color: #804360 !important; } .productWrap .products .product-category .count { display: none; } .cartWrap .elementor-widget-heading h1 { /*font-size: 30px; line-height: 34px; */ font-family: 'Gotham-Book', 'GothamBook'; } .woocommerce-cart .woocommerce-cart-form table td, .woocommerce-cart .woocommerce-cart-form table th { padding: 15px 20px; } .woocommerce-cart .woocommerce-cart-form table td { border-top: 2px solid #d7d7d7; vertical-align: middle; } .woocommerce-cart .woocommerce-cart-form table th { text-transform: uppercase; color: #96999F; line-height: 20px !important; font-size: 14px !important; font-weight: normal !important; } .chrome.osx.woocommerce-cart .woocommerce-cart-form table th, .gecko.osx.woocommerce-cart .woocommerce-cart-form table th { padding: 16px 12px 6px; } /*.chrome.osx.woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:before, .gecko.osx.woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:before { top: 0; }*/ .woocommerce-cart .woocommerce-cart-form table th.product-price, .woocommerce-cart .woocommerce-cart-form table th.product-thumbnail { display: none; } .woocommerce-cart .cartWrap .woocommerce-cart-form table td.product-name { font-family: 'Gotham-Book', 'GothamBook'; font-size: 18px; } .woocommerce-cart .woocommerce-cart-form table.shop_table { border-radius: 0px; /*border: none;*/ table-layout: auto; } .woocommerce-cart .woocommerce-cart-form table td.product-name, .woocommerce-cart .woocommerce-cart-form table th.product-name { width: 70%; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap, .woocommerce-cart .woocommerce-cart-form table th.product-quantity { width: 15%; text-align: center; } .woocommerce-cart .woocommerce-cart-form table td.product-subtotal, .woocommerce-cart .woocommerce-cart-form table th.product-subtotal { width: 15%; text-align: right; } .woocommerce-cart .woocommerce-cart-form table td.product-thumbnail img { width: auto; height: auto; max-height: 140px; display: block; } .woocommerce-cart .woocommerce-cart-form table td a { color: #2e3340; } .woocommerce-cart .woocommerce-cart-form table td a:hover { color: #804360; } .woocommerce-cart .woocommerce-cart-form table td { color: #abadb3; font-family: 'Gotham-Book', 'GothamBook'; padding: 30px 12px !important; } .woocommerce-cart .cart .cart_item .product-title { text-transform: uppercase; margin-bottom: -8px; margin-top: -6px; } .woocommerce-cart .cart .cart_item .product-thumbnail { min-width: inherit; width: 12%; display: inline-block; vertical-align: middle; padding-right: 15px; } .woocommerce-cart .cart .cart_item .product-thumbnail img { width: 100% !important; height: auto !important; } .woocommerce-cart .cart .cart_item .product-name-price { display: inline-block; vertical-align: middle; width: 80%; } .woocommerce-cart .cart .cart_item .product-name-price .product-price .amount { font-size: 14px; } .woocommerce-cart .cart .cart_item .product-title a { color: #2e3340; } .woocommerce-cart .cart .cart_item .product-title a:hover { color: #804360; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container { width: 100%; position: relative; border-top: 1px solid #d5d6d9; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .input-text { width: 100% !important; font-size: 20px !important; font-family: 'Gotham-Book', 'GothamBook'; font-weight: normal; border: none !important; border-top: none !important; border-bottom: 1px solid #d5d6d9 !important; box-shadow: 0 0 0 0 !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .quantity { width: calc(100% - 100px) !important; left: 50px; position: relative; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .minus, .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .plus { position: absolute; width: 50px !important; font-size: 30px !important; font-family: 'Gotham-Book', 'GothamBook'; font-weight: normal; color: #abadb3 !important; cursor: pointer; border: 1px solid #d5d6d9 !important; background: transparent !important; transition: all .5s !important; border-top: none !important; line-height: 49px !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .minus:hover, .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .plus:hover { color: #96588a !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:hover { color: #96588a !important; border-bottom-color: #96588a; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .plus { right: 0; border-left: none !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .minus { left: 0; border-right: none !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove { border-bottom: 1px solid #abadb3; font-size: 14px; width: 100%; height: auto; line-height: 26px; padding: 0; background: transparent; color: #96999f !important; font-weight: normal; border-radius: 0; font-family: 'Gotham-Light', 'GothamLight'; text-transform: uppercase; } .woocommerce-cart .woocommerce-cart-form table a.remove:hover { background: #804360; color: #ffffff !important; border-color: #804360; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity .qty { width: 120px; height: 46px; border: 1px solid #d5d6d9; text-align: center; padding: 0; font-size: 16px; color: #abadb3; font-weight: 400; } .woocommerce-cart .woocommerce-cart-form .coupon { width: 70%; } .woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 60% !important; margin-right: 1% !important; padding: 17px 10px !important; font-size: 16px; } .woocommerce-cart .woocommerce-cart-form .coupon button { width: 39%; border-radius: 0px !important; font-size: 19px !important; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .button { padding: 16px 50px 16px !important; border-radius: 0; border: 1px solid #3d4a53 !important; font-family: 'Gotham-Light', 'GothamLight'; text-align: center; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .woocommerce-cart-form .button { transition: all .5s !important; text-transform: uppercase; font-weight: normal !important; } .woocommerce-cart .cart-collaterals .cart_totals { display: inline-block; vertical-align: top; border: none; padding: 0; margin-top: 0; width: 66% !important; } .woocommerce-cart .cart-collaterals .cart_totals textarea { width: 100% !important; font-size: 16px; font-family: 'Gotham-Thin'; padding: 12px 18px; min-height: 120px !important; border: 1px solid #d5d6d9 !important; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout { text-align: right; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a { display: inline-block; font-family: 'Gotham-Light', 'GothamLight'; padding: 16px 60px 16px !important; margin-bottom: 0; } .woocommerce-cart .cart-collaterals .cart_totals h2 { font-size: 25.99px !important; font-weight: 400; text-transform: uppercase; color: #3d4a53; margin-bottom: 27px; } .woocommerce-cart .cart-collaterals .cart_totals th, .woocommerce-cart .cart-collaterals .cart_totals td { border: none !important; text-align: left; padding: 5px 0px; } .woocommerce-cart .cart-collaterals .cart_totals table { margin: 0; border: none; text-align: left; width: 100%; } .woocommerce .return-to-shop a { background: #2e3340 !important; color: #ffffff !important; border: 2px solid #3d4a53 !important; font-size: 20px !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0px !important; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a { margin-bottom: -3px; margin-top: 5px; background: #2e3340 !important; color: #ffffff !important; border: 2px solid #3d4a53 !important; } .single-product .woocommerce-notices-wrapper .woocommerce-message { border-top-color: #52a7a4; margin-bottom: 0; padding: 34px 274px 34px 58px; } .single-product .woocommerce-notices-wrapper .woocommerce-message::before { color: #52a7a4; top: 36px; } .single-product .woocommerce-notices-wrapper .woocommerce-message .button { position: absolute !important; right: 58px; top: calc(50% - 28px); } .single-product .containerWrap { position: relative; } .single-product .woocommerce-notices-wrapper a { transition: all .5s !important; text-transform: uppercase; font-weight: 900 !important; padding: 13px 23px 12px !important; background: #2e3340 !important; color: #ffffff !important; border: 2px solid #3d4a53 !important; } .woocommerce table.shop_table td.actions { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .woocommerce table.shop_table td.actions .update-cart { width: 29%; display: inline-block; vertical-align: top; position: relative; margin-left: 1%; } .woocommerce table.shop_table td.actions .shop-link { margin: 15px 0; /* width: 29%; display: inline-block; vertical-align: top; position: relative; margin-left: 1%; */ } .woocommerce-cart .woocommerce-cart-form .button { width: 100%; } .woocommerce table.shop_table td.actions .order-cart-total { width: 59%; text-align: right; display: inline-block; vertical-align: top; } .woocommerce table.shop_table td.actions .order-cart-total .cart-total-price { margin-bottom: -10px; } .woocommerce table.shop_table td.actions .order-cart-total span { color: #abadb3; font-size: 15px; } .woocommerce table.shop_table td.actions .order-cart-total .cart-total-price span { font-family: 'Gotham-Black'; font-weight: normal; font-size: 14px; text-transform: uppercase; color: #2e3340; } .cartWrap table.shop_table td.actions { padding: 20px !important; } /*.cartWrap .woocommerce-cart-form__cart-item { position: relative; }*/ .cartWrap .woocommerce-cart-form__cart-item .product-name { /*padding-left: 60px !important;*/ } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap { position: relative; padding-right: 30px !important; } .cartWrap .woocommerce-cart-form__cart-item .product-remove { position: absolute; right: 0; top: calc(50% - 16px); } .cartWrap .cart-collaterals .cross-sells { display: none; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove { font-size: 0 !important; border: 1px solid #d7d7d7 !important; width: 20px; height: 20px; border-radius: 50%; position: relative; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:hover { background: #545380 !important; border-color: #545380 !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:before { content: 'x'; display: inline-block; color: #d7d7d7; font-size: 16px; font-family: 'Gotham-Book', 'GothamBook'; /*position: absolute; top: -4px; left: 5px;*/ font-size: 12px; line-height: normal; transition: all .5s; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:hover:before { color: #fff; } /* Checkout Page */ .checkoutWrap .col2-set h3 { margin-top: 0; } .cartWrap .woocommerce-info, .checkoutWrap .woocommerce-info { border-top-color: #2e3340; } .cartWrap .woocommerce-info a, .checkoutWrap .woocommerce-info a { font-family: 'Gotham-Book', 'GothamBook'; } .cartWrap .woocommerce-info:before, .checkoutWrap .woocommerce-info::before { color: #2e3340; } .checkoutWrap .woocommerce-checkout select, .checkoutWrap form.login input, .checkoutWrap .woocommerce-form-coupon input, .checkoutWrap .woocommerce-checkout textarea, .woocommerce-account .select2-selection--single, .checkoutWrap .woocommerce-checkout .select2-selection--single, .checkoutWrap .woocommerce-checkout input { height: 48px !important; border: 1px solid #cccccc !important; padding: 10px 20px; color: #2e3340 !important; font-size: 16px; font-family: 'Gotham-Thin'; padding: 10px 19px; border-radius: 0 !important; outline-offset: 0 !important; transition: all 0s !important; transition-delay: 0s !important; } .woocommerce textarea::-webkit-input-placeholder, .woocommerce input::-webkit-input-placeholder { color: #2e3340 !important; opacity: 1 !important; } .woocommerce textarea:-moz-placeholder, .woocommerce input:-moz-placeholder { /* Firefox 18- */ color: #2e3340 !important; opacity: 1 !important; } .woocommerce textarea::-moz-placeholder, .woocommerce input::-moz-placeholder { /* Firefox 19+ */ color: #2e3340 !important; opacity: 1 !important; } .woocommerce textarea:-ms-input-placeholder, .woocommerce input:-ms-input-placeholder { color: #2e3340 !important; opacity: 1 !important; } .checkoutWrap .woocommerce-checkout { padding: 10px 0; z-index: 1; } .checkoutWrap .woocommerce-checkout #order_review_heading, .checkoutWrap .woocommerce-checkout #customer_details h3 { text-align: left; font-size: 20px; font-family: 'Gotham-Book', 'GothamBook'; } .checkoutWrap .woocommerce-checkout #customer_details .form-row label { font-size: 14px; } .woocommerce-cart .woocommerce-cart-form.processing .blockOverlay { z-index: 1 !important; } .checkoutWrap form.login select2-selection__rendered { padding-left: 0; } .checkoutWrap .woocommerce-checkout .select2-selection__arrow { top: calc(50% - 13px) !important; right: 8px !important; } .checkoutWrap form.login .woocommerce-form__label-for-checkbox { margin-top: 8px; } .checkoutWrap .woocommerce form .form-row.woocommerce-validated .select2-container, .checkoutWrap .woocommerce form .form-row.woocommerce-validated input.input-text, .checkoutWrap .woocommerce form .form-row.woocommerce-validated select .checkoutWrap .woocommerce form .form-row.woocommerce-invalid .select2-container, .checkoutWrap .woocommerce form .form-row.woocommerce-invalid select { border-color: #dbdbdb; } .select2-search--dropdown .select2-search__field { padding: 8px 15px !important; font-size: 16px; border-color: #dbdbdb !important; color: #cccccc; } .checkoutWrap h3 { margin-top: 30px; font-size: 30px; } .checkoutWrap .woocommerce-error { margin-left: 0; } .containerWrap .checkoutWrap h3 label { font-size: 18px; } .checkoutWrap form.login .lost_password { padding-bottom: 0; } .checkoutWrap form.login .button, .checkoutWrap .woocommerce-form-coupon button, .woocommerce-checkout .checkoutWrap button.alt { padding: 19px 80px !important; } .checkoutWrap form.login .woocommerce-form__input-checkbox, .checkoutWrap .woocommerce-checkout input.input-radio, .checkoutWrap .woocommerce-checkout input.input-checkbox { height: auto !important; } .checkoutWrap .woocommerce-checkout-payment { background: #eeeeee !important; padding-bottom: 5px; } .checkoutWrap .woocommerce-checkout-payment .payment_box { background-color: #2E3340 !important; } .checkoutWrap .woocommerce-checkout-payment .payment_box:before { border-color: #2E3340 !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; } .checkoutWrap .woocommerce-checkout-payment .payment_box p { color: #fff; } .checkoutWrap .woocommerce-form-coupon-toggle { padding: 0 16px; } .checkoutWrap .woocommerce .checkout_coupon.woocommerce-form-coupon { margin-left: 16px; margin-right: 16px; } .checkoutWrap .woocommerce form .place-order .form-row.woocommerce-invalid label { color: #2f2f2f; } .checkoutWrap .woocommerce-checkout-payment .payment_box p:last-child { padding-bottom: 0; } .checkoutWrap .woocommerce-checkout-payment .about_paypal { font-weight: 400; color: #000; } .checkoutWrap .woocommerce-checkout-payment .about_paypal:hover { color: #074b5f; } .checkoutWrap .woocommerce-form-coupon .form-row-first { width: 53% !important; } .checkoutWrap .woocommerce form .form-row-first, .checkoutWrap .woocommerce form .form-row-last, .checkoutWrap .woocommerce-page form .form-row-first, .checkoutWrap .woocommerce-page form .form-row-last { width: 49% !important; } .checkoutWrap .woocommerce ul.order_details li { font-size: 12px; } .checkoutWrap .woocommerce ul.order_details li strong { font-size: 16px; } .woocommerce-account .address-field .select2-selection .select2-selection__rendered, .woocommerce-checkout .address-field .select2-selection .select2-selection__rendered { padding-left: 0 !important; color: #ccc; } .woocommerce-account .address-field .select2-selection .select2-selection__rendered { font-size: 16px; } .containerWrap .checkoutWrap h2 { font-size: 40px; } .checkoutWrap .woocommerce-order .woocommerce-order-details table td { background: none; border: none; border-top: 1px solid #dbdbdb; } .checkoutWrap .woocommerce-order .woocommerce-order-details table tfoot th { border-top: 1px solid #dbdbdb; } .checkoutWrap .woocommerce-order .woocommerce-order-details table th { border: none; } .checkoutWrap .woocommerce-customer-details address { padding: 18px 22px !important; } .checkoutWrap .order-total td, .checkoutWrap .tax-total td, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td, .checkoutWrap .woocommerce-checkout-review-order .cart-subtotal td, .checkoutWrap .woocommerce table.shop_table td.product-total, .checkoutWrap .woocommerce table.shop_table th.product-total { text-align: right; } .checkoutWrap ul#shipping_method #use_my_shipper, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td table { width: 100%; display: table !important; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping td div { display: inline-block; vertical-align: top; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping td table td, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td table th { padding-right: 0; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping td table td { border: none; } .checkoutWrap .woocommerce table.shop_table th { vertical-align: top; font-family: 'Gotham-Book', 'GothamBook'; font-size: 16px !important; } .checkoutWrap .woocommerce table.shop_table th, .checkoutWrap .woocommerce table.shop_table td { font-size: 14px; font-weight: normal; } .select2-container--default .select2-selection--single .select2-selection__placeholder, .checkoutWrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #ccc; } .select2-container--open .select2-dropdown { border: 1px solid #dbdbdb !important; border-radius: 0; } /** My Account Page **/ .woocommerce-account .accountWrap .woocommerce-MyAccount-navigation { float: none !important; width: 100% !important; overflow: visible; } .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; text-align: left; overflow: hidden; margin-bottom: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { list-style: none; padding: 0 0 1px; margin: 0 -1px; display: inline-block; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: #2e3340; color: #fff; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; background: #ccc; padding: 6px 16px; color: #3d4a53; line-height: 28px; font-size: 17px; } .woocommerce-MyAccount-content { border: 1px solid #D5D6D9; padding: 20px; float: none !important; width: 100% !important; } .woocommerce-account .woocommerce-MyAccount-navigation li:first-child a { margin-right: 1px; } .woocommerce-account .woocommerce-MyAccount-content a { color: #804360; font-family: 'Gotham-Book', 'GothamBook'; } .woocommerce-account .woocommerce-MyAccount-content a:hover { color: #2e3340; } .woocommerce-account .woocommerce-MyAccount-orders a.button { margin-right: 10px; } .woocommerce-account .woocommerce-MyAccount-orders a.button:last-child { margin-right: 0; } .accountWrap .woocommerce .woocommerce-order-details h2, .accountWrap .woocommerce .woocommerce-customer-details h2 { font-size: 30px; } .woocommerce-account .woocommerce-MyAccount-content p { line-height: 26px; margin-bottom: 0; padding-bottom: 20px; } .woocommerce-account .woocommerce-address-fields .button, .woocommerce-lost-password .woocommerce-ResetPassword button, .single-product .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-account .woocommerce-form.login .woocommerce-button, .woocommerce-account .woocommerce-EditAccountForm button, .woocommerce-account a.button { transition: all .5s !important; font-weight: 500; } .woocommerce-account .woocommerce-address-fields .button, .woocommerce-lost-password .woocommerce-ResetPassword button, .single-product .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-account .woocommerce-form.login .woocommerce-button, .woocommerce-account .woocommerce-EditAccountForm button, .woocommerce-account a.button { background: #2e3340 !important; color: #ffffff !important; border: 2px solid #3d4a53 !important; border-radius: 0px !important; font-family: 'Gotham-Light', 'GothamLight'; font-weight: normal !important; } .woocommerce-account .woocommerce-EditAccountForm button { border: 2px solid #3d4a53 !important; } .woocommerce-account a.button { padding: 10px 25px !important; } .woocommerce-account legend { display: block; width: 100%; padding: 0 0 0 10px; margin-bottom: 20px; font-size: 17px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .woocommerce-account .register label, .woocommerce-account label { font-size: 14px; color: #808080; letter-spacing: .3px; text-transform: capitalize; margin-bottom: 5px; } .woocommerce-account .register label .required, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm label .required { color: #777777; } .woocommerce-account textarea,.woocommerce-account select, .woocommerce-account input[type='text'], .woocommerce-account input[type='password'], .woocommerce-account input[type='email'], .woocommerce-account input[type='tel'], .woocommerce-account input[type='number'],.woocommerce-account input[type='url'], .woocommerce-account input[type='search'] { padding: 6px 16px; line-height: 48px; height: 48px; border: 1px solid #ccc !important; font-size: 16px;font-family: 'Gotham-Thin'; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin-bottom: 12px; font-weight: normal; font-size: 18px !important; font-family: 'Gotham-Book', 'GothamBook'; } .woocommerce-account .woocommerce-MyAccount-content address { font-style: normal; line-height: 26px; font-size: 17px; width: auto; border: 1px solid rgba(0,0,0,.1); } .woocommerce-account .woocommerce-order-details table th, .woocommerce-order .woocommerce-order-details table th, .woocommerce-account .woocommerce-MyAccount-content .my_account_orders th { font-size: 20px; padding: 10px 20px; border: 1px solid rgba(0,0,0,.1); } .woocommerce-account .woocommerce-order-details table td, .woocommerce-order .woocommerce-order-details table td, .woocommerce-account .woocommerce-MyAccount-content .my_account_orders td { font-size: 17px; padding: 10px 20px; border: 1px solid rgba(0,0,0,.1); background: #f7f7f7; } .woocommerce-account .woocommerce-customer-details table, .woocommerce-order .woocommerce-order-details table, .woocommerce-account .woocommerce-orders-table { border-radius: 0 !important; margin-bottom: 0 !important; } .woocommerce-MyAccount-content .woocommerce-Message { margin-bottom: 0; } .woocommerce-MyAccount-content .woocommerce-Addresses h3 { font-size: 24px; text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-content p em { display: block; margin-top: 5px; } .woocommerce-account .woocommerce-EditAccountForm .button { margin-top: 20px; transition: all .5s; } .woocommerce-MyAccount-content .woocommerce-Addresses address { padding: 12px 15px; } .woocommerce-account .woocommerce-EditAccountForm fieldset { border: 1px solid #ccc !important; } .woocommerce-account .woocommerce-form.login { max-width: 660px; margin: 0 auto; } .accountWrap .woocommerce h2 { text-align: center; font-size: 22px; line-height: 34px; font-weight: 700; margin-bottom: 25px; } .woocommerce-account .woocommerce-form.login .woocommerce-button { transition: all .5s; } .woocommerce-account .woocommerce-form .woocommerce-form-login__rememberme { vertical-align: top; margin-top: 9px; } .woocommerce-account .woocommerce-form .woocommerce-LostPassword { margin-top: 15px; padding-bottom: 10px; font-size: 17px; } .woocommerce-account .woocommerce-form.login label { color: #3d4a53; font-size: 14px; } .woocommerce-account .woocommerce-form.login .woocommerce-form-login__rememberme { padding-top: 10px; } .woocommerce-account .woocommerce-form.login label .woocommerce-form__input-checkbox { margin-top: 0px; display: inline-block; vertical-align: middle; } .accountWrap mark { padding: 0 5px; background: #3d4a53; border-radius: 2px; color: #ffffff; font-size: 16px; } .woocommerce-lost-password .woocommerce-ResetPassword { max-width: 660px; margin: 0 auto; border: 1px solid #d3ced2; padding: 25px 20px 16px; text-align: center; } .woocommerce-lost-password .woocommerce-ResetPassword p { font-size: 16px; padding: 0 0 15px; } .woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row, .woocommerce-lost-password .woocommerce-ResetPassword .form-row-first { margin: 0 auto 0px; float: none; width: 47%; } body.woocommerce-lost-password .woocommerce-ResetPassword button { padding: 19px 39px !important; display: block !important; width: 100%; } .woocommerce-lost-password .woocommerce-ResetPassword button { font-weight: 700; text-transform: uppercase; line-height: normal; padding: 11px 18px 9px; border-radius: 0; } .checkoutWrap .woocommerce-error { margin-left: 0; } .checkoutWrap .woocommerce-order .woocommerce-customer-details h2, .checkoutWrap .woocommerce-order .woocommerce-order-details h2 { font-size: 30px; } .woocommerce-message { border-top-color: #2e3340 !important; } .woocommerce-message::before { color: #2e3340 !important; } .woocommerce .blockOverlay { z-index: 1 !important; } .woocommerce-order .woocommerce-thankyou-order-details { margin-bottom: 30px; } .woocommerce-order .woocommerce-order-details td a { color: #3d4a53; } .woocommerce-order .woocommerce-order-details td a:hover { color: #52a7a4; } .woocommerce-order .woocommerce-order-details tfoot td { text-align: right; } .woocommerce-message { border-top-color: #2e3340 !important; } .woocommerce-message::before { color: #2e3340 !important; } .checkoutWrap .woocommerce-order .woocommerce-customer-details { padding-top: 10px; } .checkoutWrap .woocommerce-order .woocommerce-order-details { padding-top: 20px; } /* shopWrap */ .shopWrap .elementor-widget-woocommerce-archive-description .term-description p { font-size: 30px; line-height: 38px; } /*testimonialWrap */ .testimonialWrap .elementor-testimonial__text { font-size: 20px !important; line-height: 30px !important; font-family: 'Gotham-Light'; font-style: normal !important; } .testimonialWrap .elementor-testimonial__name { font-family: 'Gotham-Book', 'GothamBook'; font-size: 16px; } .testimonialWrap .elementor-testimonial__name:after { content: ''; display: block; width: 120px; height: 43px; } .testimonialWrap .elementor-swiper-button-prev { left: -20px !important; } .testimonialWrap .elementor-swiper-button-next { right: -20px !important; } .woocommerce div.product .stock { color: #2E3340 !important; } .gecko.osx.woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .input-text { padding-top: 4px !important; } .gecko.osx.woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .plus { padding-top: 2px !important; } /* ============================================================================================================ ============================================================================================================ woocommerce RESPONSIVE CSS START ============================================================================================================ ============================================================================================================ */ @media (min-width: 768px) { .singleProduct .productPrice .elementor-widget-woocommerce-product-content { display: none; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 1200px) and (max-width: 1310px) { .productWrap .elementor-widget-container .products .product-category.first, .productWrap .elementor-widget-container .products .product-category { /*margin-right: 60px !important;*/ margin-right: 19px !important; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 1200px) and (max-width: 1379px) { .woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 65% !important; } .woocommerce-cart .woocommerce-cart-form .coupon button { width: 34%; } .productWrap .menuList ul { margin-right: calc(-24px/2) !important; margin-left: calc(-24px/2) !important; } .productWrap .menuList ul li { margin-right: calc(24px/2) !important; margin-left: calc(24px/2) !important; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .button { padding: 16px 35px 16px !important; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 1025px) and (max-width: 1199px) { .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .woocommerce-cart-form .button { font-size: 16px !important; padding: 17px 21px 16px !important; } .woocommerce-cart .woocommerce-cart-form .coupon button { width: 35%; } .woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 63% !important; } .woocommerce-cart .woocommerce-cart-form table th { font-size: 16px; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping td .shipper_number, .checkoutWrap .woocommerce-checkout-review-order tr.shipping { width: 48.8% !important; } .shopWrap .woocommerce-loop-product__title { font-size: 16px !important; line-height: normal; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text { padding: 6px 18px 0; } .woocommerce-cart .woocommerce-cart-form table td.product-name, .woocommerce-cart .woocommerce-cart-form table th.product-name { width: 60%; } .woocommerce-cart .woocommerce-cart-form table td.product-subtotal, .woocommerce-cart .woocommerce-cart-form table th.product-subtotal, .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap, .woocommerce-cart .woocommerce-cart-form table th.product-quantity { width: 20%; } .productWrap .elementor-widget-container .products .product-category.first, .productWrap .elementor-widget-container .products .product-category { margin-right: 17px !important; } .productWrap .menuList ul { margin-right: calc(-12px/2) !important; margin-left: calc(-12px/2) !important; } .productWrap .menuList ul li { margin-right: calc(12px/2) !important; margin-left: calc(12px/2) !important; margin-bottom: 10px; } .productWrap .menuList ul li a, .productWrap .products .product-category h2 { font-size: 13px !important; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1024px) { .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .woocommerce-cart-form .button { font-size: 14px !important; padding: 17px 16px 16px !important; } .woocommerce-cart .woocommerce-cart-form .coupon .input-text { padding: 15px 10px !important; } .woocommerce-cart .woocommerce-cart-form table th { font-size: 16px; } .woocommerce-cart .woocommerce-cart-form table td a { font-size: 16px; display: inline-block; } .woocommerce-cart .woocommerce-cart-form table td, .woocommerce-cart .woocommerce-cart-form table th { padding: 15px 12px; } .single-product .woocommerce-notices-wrapper .woocommerce-message { font-size: 16px; } .checkoutWrap h2 { font-size: 35px; } .checkoutWrap .woocommerce ul.order_details li { float: none; margin-right: 0; margin-bottom: 16px; border-right: none; padding-right: 0; border-bottom: 1px dashed #d3ced2; padding-bottom: 10px; } .checkoutWrap .woocommerce ul.order_details { margin-bottom: 20px; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping td .shipper_number, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td div, .cartWrap .aisdis-cart-total ul li td div, .cartWrap .woocommerce ul#shipping_method li input.shipper_number { width: 48.8% !important; } .shopWrap .woocommerce a.button { font-size: 16px; } .productWrap .products .product-category h2 { padding: 0 !important; } .productWrap .products { grid-row-gap: 13px !important; } .shopWrap .elementor-widget-woocommerce-archive-description .term-description p { font-size: 24px; line-height: 32px; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text { padding: 6px 15px 0; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text h2 { font-size: 14px !important; } .shopWrap .products { grid-row-gap: 40px !important; } .woocommerce-cart .woocommerce-cart-form table td.product-name, .woocommerce-cart .woocommerce-cart-form table th.product-name { width: 52%; } .woocommerce-cart .woocommerce-cart-form table td.product-subtotal, .woocommerce-cart .woocommerce-cart-form table th.product-subtotal, .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap, .woocommerce-cart .woocommerce-cart-form table th.product-quantity { width: 24%; } .woocommerce-cart .cart .cart_item .product-thumbnail { width: 20%; } .woocommerce-cart .cart .cart_item .product-name-price { width: 78%; } .productWrap .elementor-widget-container .products .product-category.first, .productWrap .elementor-widget-container .products .product-category { margin-right: 23px !important; margin-bottom: 10px !important; } .productWrap .menuList ul li a, .productWrap .products .product-category h2 { font-size: 12px !important; } .productWrap .menuList ul li { margin-bottom: 10px; } } /* Landscape phone to portrait tablet */ @media (min-width: 768px) { .bannerWrap>.elementor-background-overlay { opacity: 0 !important; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { @media screen and (orientation: landscape) { } img.aligncenter, img.alignleft, img.alignright { max-width: 100%; float: none; display: block; margin: 0 auto 20px; } .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .woocommerce-cart-form .coupon, .woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 100% !important; margin: 0; } .woocommerce-cart .woocommerce-cart-form .coupon .input-text { margin-bottom: 10px !important; } .woocommerce-cart .woocommerce table.shop_table td { padding: 20px 10px; font-size: 16px; background: none !important; } .woocommerce-cart .woocommerce-cart-form table td, .woocommerce-cart .woocommerce-cart-form table th { width: 100% !important; } .woocommerce-cart .woocommerce-cart-form table a.remove { margin-left: auto; } .woocommerce-cart .cart-collaterals .cart_totals th, .woocommerce-cart .cart-collaterals .cart_totals td { padding: 4px 0px !important; } .woocommerce-cart .cart-collaterals .cart_totals h2 { text-align: center; } .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart .woocommerce-cart-form .coupon button, .woocommerce-cart .woocommerce-cart-form .button { font-size: 16px !important; padding: 13px 14px 12px !important; } .single-product .woocommerce-notices-wrapper .woocommerce-message { font-size: 14px; } .single-product .woocommerce-notices-wrapper a { margin-left: 5px; } .woocommerce-cart .cart-collaterals .cart_totals { padding: 30px 20px 20px; } .checkoutWrap .woocommerce-form-coupon button, .checkoutWrap button.alt, .checkoutWrap .woocommerce form .form-row-first, .checkoutWrap .woocommerce form .form-row-last, .checkoutWrap .woocommerce-page form .form-row-first, .checkoutWrap .woocommerce-page form .form-row-last { width: 100% !important; } .checkoutWrap h3 { font-size: 28px; text-align: center; } .checkoutWrap .woocommerce-form-coupon input, .checkoutWrap .woocommerce-checkout textarea, .checkoutWrap .woocommerce-checkout .select2-selection--single, .checkoutWrap .woocommerce-checkout input { font-size: 16px !important; } .checkoutWrap .woocommerce table.shop_table td { font-size: 15px; } .checkoutWrap .woocommerce-privacy-policy-text, .checkoutWrap .woocommerce-checkout-payment .payment_box p { text-align: center; font-size: 16px; } .checkoutWrap .woocommerce-checkout-payment .about_paypal { float: none !important; display: block; text-align: center; } .checkoutWrap { padding-top: 0px; padding-bottom: 34px; } .containerWrap .checkoutWrap h2 { font-size: 30px; text-align: center; } .checkoutWrap .woocommerce ul.order_details li { float: none; margin-right: 0; margin-bottom: 16px; border-right: none; padding-right: 0; border-bottom: 1px dashed #d3ced2; padding-bottom: 10px; } .checkoutWrap .woocommerce ul.order_details { margin-bottom: 0px; } .checkoutWrap .woocommerce-order .woocommerce-order-details table th { font-size: 18px; } .woocommerce-account .woocommerce-form.login .woocommerce-button { font-size: 16px !important; } .woocommerce-account .woocommerce-form .woocommerce-form-login__rememberme { margin-top: 10px; } .checkoutWrap .woocommerce-customer-details--phone, .checkoutWrap .woocommerce-customer-details--email { text-align: left; } .checkoutWrap .woocommerce-customer-details address { padding: 18px 18px !important; } .checkoutWrap .woocommerce-form-coupon p { font-size: 16px; } .checkoutWrap .woocommerce-customer-details--email { font-size: 15px; } .checkoutWrap .woocommerce form label { text-align: left; font-size: 16px; } .checkoutWrap form.login .button { margin-right: 10px; padding: 12px 20px !important; font-size: 16px; } .checkoutWrap form.login .woocommerce-form__label-for-checkbox { margin-top: 12px; } .checkoutWrap .woocommerce-checkout-review-order tr.shipping th, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td .shipper_number, .checkoutWrap .woocommerce-checkout-review-order tr.shipping td div { width: 100% !important; } .checkoutWrap .woocommerce-checkout { padding: 10px 0px; } .checkoutWrap .woocommerce table.shop_table .shipping th, .checkoutWrap .woocommerce table.shop_table .shipping td { display: block; width: 100%; text-align: left; } .checkoutWrap .woocommerce table.shop_table .shipping td { border-top: none; } .checkoutWrap .woocommerce table.shop_table .shipping { display: table-row; } .checkoutWrap .shipping th { border-top: none !important; } .checkoutWrap .cart-subtotal th, .checkoutWrap .cart-subtotal td { border-bottom: 1px solid rgba(0,0,0,.1); } .checkoutWrap .shipping td td, .checkoutWrap .shipping td th { padding-left: 0 !important; } .checkoutWrap .woocommerce-checkout select, .checkoutWrap form.login input, .checkoutWrap .woocommerce-form-coupon input, .checkoutWrap .woocommerce-checkout textarea, .checkoutWrap .woocommerce-checkout .select2-selection--single, .checkoutWrap .woocommerce-checkout input { padding: 10px 14px; } .checkoutWrap .woocommerce table.shop_table th { font-size: 16px; } .checkoutWrap .woocommerce-info { font-size: 16px; line-height: 24px !important; display: block; } .checkoutWrap button.alt { margin-bottom: 0 !important; } .checkoutWrap .place-order { padding-bottom: 0 !important; text-align: center; } .checkoutWrap .place-order button.alt { width: auto !important; margin-left: auto; margin-right: 0; } .checkoutWrap h3 { margin-top: 20px; } .checkoutWrap .woocommerce-additional-fields { margin-top: 25px; } .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 -1px 2px; } .woocommerce-account .woocommerce-MyAccount-content { padding: 20px 10px; width: 100% !important; } .woocommerce-account form .form-row-first, .woocommerce-account form .form-row-last, .woocommerce-account form .form-row-first, .woocommerce-account form .form-row-last { width: auto !important; float: none !important; } .woocommerce form label { font-size: 16px; line-height: normal !important; margin-bottom: 7px; } .woocommerce-account .woocommerce-MyAccount-content .col-1.woocommerce-Address { margin-bottom: 20px; } .woocommerce-MyAccount-content .woocommerce-Addresses address { margin-bottom: 7px; } .woocommerce-MyAccount-content .woocommerce-Addresses h3 { font-size: 22px !important; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin-bottom: 15px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a { font-size: 16px; } .woocommerce-MyAccount-content .woocommerce-Message { font-size: 15px; padding: 10px 10px 10px 30px; } .woocommerce-MyAccount-content .woocommerce-Message::before { left: 10px; } .woocommerce-account .woocommerce-order-details table td, .woocommerce-order .woocommerce-order-details table td, .woocommerce-account .woocommerce-MyAccount-content .my_account_orders td { font-size: 15px; } .woocommerce-account .woocommerce-MyAccount-content p:last-child { padding-bottom: 0; } .woocommerce-account .woocommerce-EditAccountForm p:last-child { padding-bottom: 14px; } .woocommerce-account .woocommerce-form.login { padding: 20px 10px !important; } .woocommerce-account .woocommerce-form.login .form-row { margin-bottom: 20px; } .checkoutWrap .woocommerce-form-coupon-toggle { padding: 0; } .checkoutWrap .woocommerce .checkout_coupon.woocommerce-form-coupon { margin-left: 0; margin-right: 0; } .checkoutWrap .woocommerce-error { padding-left: 56px; font-size: 16px; } .shopWrap .woocommerce a.button { font-size: 16px; } .shopWrap .products { margin: 0 auto !important; } .shopWrap .woocommerce-loop-product__title { font-size: 16px !important; } .shopWrap .woocommerce nav.woocommerce-pagination ul { border: none; } .productWrap .products .product-category h2 { padding: 0 !important; } .productWrap .products { grid-row-gap: 13px !important; } .woocommerce-cart .woocommerce table.shop_table td::before { font-family: 'Gotham-Book', 'GothamBook'; font-weight: normal; text-transform: uppercase; font-size: 14px; } .woocommerce-cart .woocommerce-cart-form table td, .woocommerce-cart .cartWrap .woocommerce-cart-form table td.product-name { font-size: 14px; line-height: 18px; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity .qty { width: 90px; height: 40px; } .checkoutWrap .woocommerce-checkout #order_review_heading, .checkoutWrap .woocommerce-checkout #customer_details h3 { text-align: left; } .checkoutWrap .woocommerce-checkout-payment { padding-bottom: 12px; } .shopWrap .elementor-widget-woocommerce-archive-description .term-description p { font-size: 20px; line-height: 26px; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text { padding: 6px 15px 0; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-text h2 { font-size: 14px !important; } .shopWrap .products { grid-row-gap: 40px !important; } .cartWrap .elementor-widget-heading h1, .shopWrap .elementor-widget-theme-archive-title .elementor-heading-title { font-size: 26px !important; line-height: 30px !important; } .woocommerce-cart .cart .cart_item .product-title { margin-bottom: 4px; margin-top: 0; } .woocommerce-cart .cart .cart_item .product-thumbnail { padding-right: 0; width: 16%; margin-bottom: 10px; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove, .woocommerce-cart .woocommerce-cart-form table .product-quantity-wrap .product-quantity { max-width: 128px; margin-left: auto; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .minus, .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .plus { width: 40px !important; font-size: 20px !important; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .quantity { width: calc(100% - 80px) !important; left: 40px; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .qib-container .input-text { font-size: 16px !important; } .woocommerce-cart .cart .cart_item .product-thumbnail, .woocommerce-cart .cart .cart_item .product-name-price { vertical-align: top; } .woocommerce table.shop_table td.actions .shop-link { text-align: center; width: 100%; left: 0px; margin-left: 0; margin: 10px 0; } .woocommerce table.shop_table td.actions .update-cart { width: 100%; margin: 0; } .woocommerce table.shop_table td.actions .order-cart-total { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals { padding: 0 !important; width: 100% !important; } .woocommerce table.shop_table td.actions .order-cart-total .cart-total-price { margin-bottom: -5px; margin-top: 10px; display: block; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a { display: block !important; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a, .woocommerce table.shop_table td.actions .shop-link .shop-link-btn { font-size: 13px !important; padding: 16px 30px 16px !important; } .productWrap .elementor-widget-container .products .product-category.first, .productWrap .elementor-widget-container .products .product-category { margin: 0 10px 10px !important; float: none !important; } .woocommerce .return-to-shop { text-align: center; } .woocommerce-account .woocommerce-form.login .woocommerce-form-login__rememberme { padding-top: 6px; } .woocommerce-cart .woocommerce table.shop_table td.product-name::before { display: block; float: none; margin-bottom: 5px; } body.woocommerce-lost-password .woocommerce-ResetPassword button { padding: 19px 24px !important; } .woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-form-row, .woocommerce-lost-password .woocommerce-ResetPassword .form-row-first { width: 100%; } .woocommerce-account .woocommerce-MyAccount-content form .form-row { margin: 0 0 10px; } .productWrap .menuList ul li { margin-bottom: 10px; } .single-product .woocommerce-notices-wrapper .woocommerce-message .button { position: relative !important; top: 0; right: 0; } .single-product .woocommerce-notices-wrapper .woocommerce-message { padding: 12px 30px 12px 50px; } .single-product .woocommerce-notices-wrapper .woocommerce-message::before { top: 14px; } .cartWrap .woocommerce-cart-form__cart-item { padding-left: 0; } .woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap { padding-right: 40px !important; } .cartWrap .woocommerce-cart-form__cart-item .product-remove { right: 12px; } .shopWrap ul.products li.product { text-align: center; } .shopWrap ul.products li.product a.woocommerce-loop-product__link { display: inline-block !important; width: 100%; max-width: 260px; } .shopWrap .elementor-widget-woocommerce-products .products li.product .product-image { background-size: contain; background-color: transparent !important; } .testimonialWrap .elementor-testimonial__text { font-size: 18px !important; line-height: 28px !important; } .woocommerce div.product .stock { text-align: center; margin-bottom: 12px; } .singleProduct .elementor-widget-woocommerce-product-content { display: none; } .singleProduct .productPrice .elementor-widget-woocommerce-product-content { display: block; } /*.safari.iphone.woocommerce-cart .woocommerce-cart-form table td.product-quantity-wrap .product-remove a.remove:before { top: 1px; }*/ } /* Landscape phones and down */ @media (max-width: 480px) { .productWrap .menuList ul li a, .productWrap .products .product-category h2 { font-size: 12px !important; } }