@charset "UTF-8"; [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)} /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url(../../../../../../template/font/webfonts/fa-brands-400.eot); src: url("../../../../../../template/font/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url(../../../../../../template/font/webfonts/fa-brands-400.woff2) format("woff2"), url(../../../../../../template/font/webfonts//fa-brands-400.woff) format("woff"), url(../../../../../../template/font/webfonts//fa-brands-400.ttf) format("truetype"), url("../../../../../../template/font/webfonts//fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url(../../../../../../template/font/webfonts//fa-regular-400.eot); src: url("../../../../../../template/font/webfonts//fa-regular-400.eot?#iefix") format("embedded-opentype"), url(../../../../../../template/font/webfonts//fa-regular-400.woff2) format("woff2"), url(../../../../../../template/font/webfonts//fa-regular-400.woff) format("woff"), url(../../../../../../template/font/webfonts//fa-regular-400.ttf) format("truetype"), url("../../../../../../template/font/webfonts//fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url(../../../../../../template/font/webfonts//fa-solid-900.eot); src: url("../../../../../../template/font/webfonts//fa-solid-900.eot?#iefix") format("embedded-opentype"), url(../../../../../../template/font/webfonts//fa-solid-900.woff2) format("woff2"), url(../../../../../../template/font/webfonts//fa-solid-900.woff) format("woff"), url(../../../../../../template/font/webfonts//fa-solid-900.ttf) format("truetype"), url("../../../../../../template/font/webfonts//fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** * Swiper 6.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 5, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! lightgallery - v1.8.3 - 2020-09-19 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2020 Sachin N; Licensed GPLv3 */ @font-face { font-family: 'lg'; src: url(../../../../../../template/js/lib/lightGallery/fonts/lg.ttf?22t19m) format("truetype"), url(../../../../../../template/js/lib/lightGallery/fonts/lg.woff?22t19m) format("woff"), url("../../../../../../template/js/lib/lightGallery/fonts/lg.svg?22t19m#lg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .lg-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'lg' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; background: none; border: none; box-shadow: none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; outline: medium none; border: none; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: var(--wpr-bg-69cbc20b-d5e9-4d0d-a3be-05afed468fd2) no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: var(--wpr-bg-7adf4e68-c39c-4209-bcf8-4a31eb7a7597) no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent var(--wpr-bg-d3fd8d0d-5988-4d0e-84ff-af2e22bb7d27) no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: var(--wpr-bg-3516a7fc-28b1-4be3-b1b1-3c985897f36e) no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: var(--wpr-bg-f4229b7b-c7a4-4d6f-8492-71812763df90) no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e907"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e905"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e906"; } .lg-outer .lg-img-rotate { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; } .lg-rotate-left:after { content: "\e900"; } .lg-rotate-right:after { content: "\e901"; } .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px; } .lg-flip-ver:after { content: "\e903"; } .lg-flip-hor:after { content: "\e902"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; outline: none; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: var(--wpr-bg-800c2c9d-b9e0-440e-b783-170ebb2a7169) no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ .fluid_video_wrapper { animation: none; animation-delay: 0; animation-direction: normal; animation-duration: 0; animation-fill-mode: none; animation-iteration-count: 1; animation-name: none; animation-play-state: running; animation-timing-function: ease; backface-visibility: visible; background: 0; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; border: 0; border-style: none; border-width: medium; border-color: inherit; border-bottom: 0; border-bottom-color: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-collapse: separate; border-image: none; border-left: 0; border-left-color: inherit; border-left-style: none; border-left-width: medium; border-radius: 0; border-right: 0; border-right-color: inherit; border-right-style: none; border-right-width: medium; border-spacing: 0; border-top: 0; border-top-color: inherit; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; bottom: auto; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; columns: auto; column-count: auto; column-fill: balance; column-gap: normal; column-rule: medium none currentColor; column-rule-color: currentColor; column-rule-style: none; column-rule-width: none; column-span: 1; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; display: inline; empty-cells: show; float: none; font: normal; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; height: auto; hyphens: none; left: auto; letter-spacing: normal; line-height: normal; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; max-height: none; max-width: none; min-height: 0; min-width: 0; opacity: 1; orphans: 0; outline: 0; outline-color: invert; outline-style: none; outline-width: medium; overflow: visible; overflow-x: visible; overflow-y: visible; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; perspective: none; perspective-origin: 50% 50%; position: static; /* May need to alter quotes for different locales (e.g fr) */ quotes: '\201C' '\201D' '\2018' '\2019'; right: auto; tab-size: 8; table-layout: auto; text-align: inherit; text-align-last: auto; text-decoration: none; text-decoration-color: inherit; text-decoration-line: none; text-decoration-style: solid; text-indent: 0; text-shadow: none; text-transform: none; top: auto; transform: none; transform-style: flat; transition: none; transition-delay: 0s; transition-duration: 0s; transition-property: none; transition-timing-function: ease; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; widows: 0; width: auto; word-spacing: normal; z-index: auto; -webkit-tap-highlight-color: transparent; } .fluid_video_wrapper canvas { pointer-events: none; } .fluid_video_wrapper, .fluid_video_wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fluid_video_wrapper:after, .fluid_video_wrapper:before { content: none; } .fluid_video_wrapper { position: relative; display: inline-block; } .fluid_video_wrapper video { position: relative; background-color: #000000; display: block; } .fluid_video_wrapper .vast_video_loading { display: table; text-align: center; width: 100%; height: 100%; top: 0; left: 0; pointer-events: auto; z-index: 1; } .fluid_video_wrapper .vast_video_loading:before { background-image: var(--wpr-bg-e86ef2f5-c2a7-49b4-9215-e99d6646b928); background-position: center, center; background-repeat: no-repeat, repeat; background-color: rgba(0, 0, 0, 0.2); content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .skip_button { position: absolute; bottom: 50px; right: 0; background-color: rgba(0, 0, 0, 0.7); padding: 13px 21px 13px 21px; } .skip_button, .skip_button a { color: #ffffff; text-decoration: none; cursor: pointer; z-index: 10; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; white-space: nowrap; text-align: start; } .skip_button a span.skip_button_icon { display: inline-block; text-align: left; width: 21px; position: relative; bottom: 20px; } .skip_button a span.skip_button_icon:before { background: var(--wpr-bg-317ac735-14c5-434e-8726-39c965f0cbf1) no-repeat; position: absolute; height: 18px; width: 18px; top: 6px; content: ""; opacity: 0.8; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-position: -122px -57px; } .skip_button a span.skip_button_icon:before:hover { opacity: 1; } .skip_button_disabled { cursor: default !important; padding: 13px 21px 13px 21px; } .close_button { position: absolute; background: #000000 var(--wpr-bg-103c9c0c-d436-4340-9949-3847b7d6552d) no-repeat scroll center center; height: 16px; width: 16px; top: 0; right: 0; background-size: 18px 18px; cursor: pointer; padding: 1px; z-index: 31; } .close_button:hover { background-color: #000000; border: 1px solid #ffffff; } .vast_clickthrough_layer { /*IE Fix*/ background-color: white; opacity: 0; } .fluid_ad_playing { position: absolute; background-color: black; opacity: 0.8; border-radius: 1px; color: #ffffff; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; white-space: nowrap; text-align: start; line-height: 18px; z-index: 10; padding: 13px 21px 13px 21px; } .fluid_ad_cta { position: absolute; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; text-align: right; cursor: pointer; z-index: 10; padding: 13px 21px 13px 13px; } .fluid_ad_cta a { text-decoration: none; color: #ffffff; line-height: 18px; } .fluid_ad_cta:hover, .skip_button:not(.skip_button_disabled):hover { background-color: rgba(0, 0, 0, 1); } .fluid_html_on_pause, .fluid_pseudo_poster { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; pointer-events: none; } .fluid_html_on_pause * { pointer-events: auto; } /*Mobile Layout*/ .fluid_video_wrapper.mobile .skip_button { bottom: 75px; } /* .fluid_video_wrapper.mobile .fluid_ad_cta { bottom: 125px; } */ .fluid_initial_play { width: 60px; height: 60px; border-radius: 50px; cursor: pointer; } .fluid_initial_play_button { margin-top: 15px; margin-left: 23px; border-style: solid; border-width: 15px 0 15px 21px; border-color: transparent transparent transparent #ffffff; } .fluid_initial_pause_button { margin-top: 15px; margin-left: 17px; width: 8px; height: 31px; border: 9px solid white; border-top: 0; border-bottom: 0; } .fluid_timeline_preview { bottom: 11px; color: #ffffff; font-size: 13px; line-height: 18px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; text-align: start; padding: 13px 21px 13px 21px; background-color: rgba(0, 0, 0, 0.85); border-radius: 1px; } /* Duration */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { display: inline-block; position: absolute; left: 32px; height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-size: 13px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 21px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration.cardboard_time { left: 13px; top: -15px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration.cardboard_time .ad_timer_prefix { color: #F2C94C; } .fluid_video_wrapper.fluid_player_layout_default .ad_countdown .ad_timer_prefix { color: #F2C94C; } .fluid_video_wrapper.fluid_player_layout_default .ad_countdown { /*display: none;*/ position: absolute; right: 0; width: 75px; bottom: 5px; height: 24px; color: red; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-size: 13px; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; line-height: 21px; } .initial_controls_show { visibility: visible !important; opacity: 1 !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container { color: white; position: absolute; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ad000000', GradientType=0); /* IE6-9 */ height: 100%; width: 100%; z-index: 0; pointer-events: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel { height: 96px; width: 72px; left: 10px; top: 10px; position: absolute; background: rgba(0, 0, 0, 0.7); text-align: center; border-radius: 6px; overflow: hidden; pointer-events: auto; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_button { cursor: pointer; display: inline-block; text-align: left; height: 24px; width: 24px; position: relative; background: var(--wpr-bg-7a9d33c8-31cf-4614-aa4f-223ee1584f1e) no-repeat; opacity: 0.8; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_button:hover { opacity: 1; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_up { background-position: -336px -55px; -webkit-transform: rotate(270deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(270deg); /* IE 9 */ transform: rotate(270deg); /* Firefox 16+, IE 10+, Opera */ display: block; left: calc(50% - 12px); top: 0; position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_left { background-position: -336px -55px; -webkit-transform: rotate(180deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(1890deg); /* IE 9 */ transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */ display: block; left: 0; top: 24px; position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_right { background-position: -336px -55px; -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ display: block; right: 0; top: 24px; position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_down { background-position: -336px -55px; -webkit-transform: rotate(90deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); /* Firefox 16+, IE 10+, Opera */ display: block; left: calc(50% - 12px); top: 48px; position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomdefault { background-position: -336px -17px; top: 72px; -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ position: absolute; left: calc(50% - 12px); } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomin { background-position: -305px -55px; top: 72px; -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ position: absolute; right: 0; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomout { background-position: -305px -17px; top: 72px; -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ position: absolute; left: 0; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.fluid_vr_controls_container { width: 50% !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.fluid_vr2_controls_container { width: 50% !important; left: 50%; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container { color: white; position: absolute; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ad000000', GradientType=0); /* IE6-9 */ height: 53px; z-index: 1; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_iframe { position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: -10; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_nonlinear_slot_iframe { z-index: 30; } .fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_slot { position: absolute !important; top: 0 !important; width: 100% !important; height: 100% !important; left: 0 !important; } .fluid_video_wrapper.fluid_player_layout_default .fluid_subtitles_container { color: white; position: absolute; bottom: 46px; left: 0; right: 0; height: auto; z-index: 1; text-align: center; } .fluid_video_wrapper.fluid_player_layout_default .fluid_subtitles_container div { display: inline; background: black; color: white; font-size: 1em; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; padding: 0.25em; border-radius: 4px; } .fluid_video_wrapper.fluid_player_layout_default .fade_out { visibility: hidden; opacity: 0; -webkit-transition: visibility 0.5s, opacity 0.5s; /* Safari */ transition: visibility 0.5s, opacity 0.5s; } .fluid_video_wrapper.fluid_player_layout_default .fade_in { visibility: visible; opacity: 1; -webkit-transition: visibility 0.5s, opacity 0.5s; /* Safari */ transition: visibility 0.5s, opacity 0.5s; } .fluid_video_wrapper.fluid_player_layout_default.pseudo_fullscreen { width: 100% !important; height: 100% !important; top: 0; left: 0; position: fixed; z-index: 99999; } .fluid_video_wrapper.fluid_player_layout_default:-webkit-full-screen { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen { width: 100% !important; height: 100% !important; position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu { background-color: #000000; color: #ffffff; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; white-space: nowrap; text-align: start; z-index: 11; opacity: 0.8; border-radius: 1px; } /* IE 10+ */ _:-ms-lang(x), .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu { text-align: left; } .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul { list-style: none; padding: 0; margin: 0; } .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li { padding: 13px 71px 13px 21px; cursor: pointer; } .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li + li { border-top: 1px solid #000000; } .fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li:hover { background-color: #1e1e1e; color: #fbfaff; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_left { width: 24px; left: 20px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.skip_controls .fluid_controls_left { width: 80px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button { width: 24px; height: 24px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right { left: 60px; right: 20px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.skip_controls .fluid_controls_right { left: 110px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_left, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right { position: absolute; height: 24px; top: 23px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container { height: 14px; position: absolute; left: 13px; right: 13px; z-index: 1; top: 8px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress { position: absolute; top: 5px; width: 100%; height: 4px; background-color: rgba(255, 255, 255, 0.25); } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_buffered { position: absolute; top: 5px; width: 0; height: 3px; background-color: rgba(255, 255, 255, 0.5); z-index: -1; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentprogress { position: absolute; height: 3px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_progress, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_buffered, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_ad_markers_holder { margin-top: -1px; height: 5px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_progress .fluid_controls_currentprogress { height: 5px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_timeline_preview_container { border: 1px solid #262626; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_timeline_preview_container, .fluid_timeline_preview_container_shadow { bottom: 14px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos { background-color: white; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_ad_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos { opacity: 0; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider:hover .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos { opacity: 1; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos { -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_ad_markers_holder { position: absolute; top: 5px; width: 100%; height: 3px; z-index: 2; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_ad_marker { position: absolute; background-color: #FFCC00; height: 100%; width: 6px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { height: 24px; width: 56px; left: 25px; top: -1px; z-index: 2; opacity: 0.8; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; display: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container:hover { opacity: 1; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume { position: relative; height: 3px; width: 100%; margin-top: 10px; background-color: rgba(171, 172, 172, 0.68); z-index: 3; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume { float: left; background-color: white; height: 3px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume .fluid_control_volume_currentpos { background-color: white; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos { right: -4px; z-index: 3; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume .fluid_control_volume_currentpos, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos { width: 11px; height: 11px; position: absolute; top: -4px; border-radius: 6px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos { width: 13px; height: 13px; position: absolute; top: -4px; border-radius: 6px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.no_volume_bar .fluid_controls_right .fluid_control_volume_container { display: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_slider { cursor: pointer; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container div div { display: block; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit { float: right; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_cardboard { font-size: 13px; height: 24px; line-height: 24px; float: right; cursor: pointer; position: relative; text-align: right; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_title, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_title { width: 80px; overflow: hidden; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_video_playback_rates { position: absolute; bottom: 25px; right: 3px; z-index: 888888; opacity: 99%; background-color: rgba(0, 0, 0, 1); border-radius: 2px; color: #ffffff; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; white-space: nowrap; text-align: start; width: max-content; padding: 0.5em; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item { padding: 12px 34px 12px 24px; line-height: 15px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item:hover, .fluid_video_playback_rates_item:hover, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item:hover { background-color: #3a3a3a; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute { position: absolute; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute { left: -10px; } /* Button Icons */ .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard { display: inline-block; text-align: left; height: 24px; width: 24px; position: relative; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before { background: var(--wpr-bg-4c4b7b7a-ec29-4f39-a70b-7a1c58a26a07) no-repeat; position: absolute; height: 24px; width: 24px; top: 1px; left: 5px; content: ""; opacity: 0.8; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before { background-position: -15px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before { background-position: -15px -57px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before { background-position: -52px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before { background-position: -52px -57px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before { background-position: -88px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before { background-position: -88px -57px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before { background-position: -122px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before { background-position: -232px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before { background-position: -194px -18px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before { background-position: -195px -56px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before { background-position: -269px -19px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before { background-position: -269px -56px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before { background: var(--wpr-bg-c70994f5-53a1-4e1a-86c5-467daa6aade5) no-repeat; background-position: -2px -2px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before { background: var(--wpr-bg-c2208d6d-726b-49f1-8556-443bf9ca5d18) no-repeat; background-position: -2px -2px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back { margin-left: 5px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:hover:before, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:hover:before { opacity: 1; } .fp_title { position: absolute; top: 10px; left: 10px; color: #ffffff; font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; font-weight: normal; white-space: nowrap; } /* Pulse class and keyframe animation */ .transform-active { animation: flash 1s infinite; display: inline-block !important; opacity: 0; } @-webkit-keyframes flash { 0% { opacity: 0.6; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { opacity: 0; display: none; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes flash { 0% { opacity: 0.6; -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); } 70% { -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { opacity: 0; display: none; -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .fluid_nonLinear_top, .fluid_nonLinear_middle, .fluid_nonLinear_bottom { flex-direction: column; align-items: center; cursor: pointer; display: flex; vertical-align: middle; align-content: center; border: 1px solid #777777; position: absolute; left: 50%; margin-right: -50%; background-color: rgba(0, 0, 0, 0.7); } .fluid_nonLinear_top { top: 20px; transform: translate(-50%); } .fluid_nonLinear_middle { top: 50%; transform: translate(-50%, -50%); } .fluid_nonLinear_bottom { bottom: 50px; transform: translate(-50%); } .fluid_vpaidNonLinear_top, .fluid_vpaidNonLinear_middle, .fluid_vpaidNonLinear_bottom { flex-direction: column; align-items: center; cursor: pointer; vertical-align: middle; align-content: center; position: absolute; display: flex; } .fluid_vpaidNonLinear_frame { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fluid_vpaidNonLinear_top { top: 20px; } .fluid_vpaidNonLinear_middle { top: 50%; } .fluid_vpaidNonLinear_bottom { bottom: 50px; } .add_icon_clickthrough { color: #F2C94C; line-height: 18px; } .add_icon_clickthrough:before { background: var(--wpr-bg-f27a5696-7f35-4f77-89d4-aa937ce2ed13) no-repeat; height: 18px; width: 18px; top: 30px; padding: 1px 22px 0 0; content: ""; background-position: -162px -57px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard { float: right; padding-right: 5px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard { display: none; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list, .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_video_playback_rates { z-index: 888888 !important; opacity: 0.9 !important; } .fluid_video_playback_rates_item { padding: 9px 25px 9px 25px; line-height: 15px; text-align: center; } .fluid_theatre_mode { position: fixed; float: left; top: 0; z-index: 10; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.8); } .source_button_icon { background: var(--wpr-bg-2e6d5af8-1628-4347-9753-e135ca4edcf6) no-repeat; float: left; cursor: pointer; height: 18px; width: 18px; background-position: -164px -21px; opacity: 0; } .subtitle_button_icon { background: var(--wpr-bg-82489a6b-d1b4-4caa-8a04-1e768b8df3b7) no-repeat; float: left; cursor: pointer; height: 18px; width: 18px; background-position: -164px -21px; opacity: 0; } .source_selected { opacity: 1 !important; } .subtitle_selected { opacity: 1 !important; } @media only screen and (min-device-width: 375px) { .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration { left: 105px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.no_volume_bar .fluid_fluid_control_duration { left: 32px; } .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container { display: block; } } .fp_logo { visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -ms-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; } .fp_hd_source::before { font-weight: bolder; font-size: 6pt; content: 'HD'; padding-left: 3px; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Black.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Black.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-BoldItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-BoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-ExtraBold.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-ExtraBold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta Extrathin'; src: url(../../../../../../template/font/averta/Averta-Extrathin.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Extrathin.woff) format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-ExtraBoldItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-ExtraBoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-BlackItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-BlackItalic.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Bold.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Light.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Semibold.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Semibold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Thin.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Thin.woff) format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-RegularItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-RegularItalic.woff) format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta Extrathin'; src: url(../../../../../../template/font/averta/Averta-ExtrathinItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-ExtrathinItalic.woff) format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-Regular.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-Regular.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-SemiboldItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-SemiboldItalic.woff) format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-LightItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-LightItalic.woff) format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url(../../../../../../template/font/averta/Averta-ThinItalic.woff2) format('woff2'), url(../../../../../../template/font/averta/Averta-ThinItalic.woff) format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Black.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Black.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Bold.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-BlackItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-BlackItalic.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-ExtraBoldItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-ExtraBoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-ExtraBold.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-ExtraBold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-ExtraLight.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-ExtraLight.woff) format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-BoldItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-BoldItalic.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Italic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Italic.woff) format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-ExtraLightItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-ExtraLightItalic.woff) format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Light.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-LightItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-LightItalic.woff) format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Medium.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-MediumItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-MediumItalic.woff) format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Regular.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Regular.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-SemiBold.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-SemiBoldItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-SemiBoldItalic.woff) format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-Thin.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-Thin.woff) format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url(../../../../../../template/font/Monstserrat/Montserrat-ThinItalic.woff2) format('woff2'), url(../../../../../../template/font/Monstserrat/Montserrat-ThinItalic.woff) format('woff'); font-weight: 100; font-style: italic; font-display: swap; } *, *::before, *::after { box-sizing: border-box; } * { margin: 0; padding: 0; } article, aside, footer, header, nav, section { display: block; } img, iframe { max-width: 100%; border: 0; vertical-align: middle; } ol, ul { list-style-type: none; } table { max-width: 100%; border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: bold; } a { text-decoration: none; color: inherit; outline: 0; transition: 0.3s all; } a:hover { color: #b42f39; } strong, b, .bold { font-weight: bold; } i, .italic { font-style: italic; } sup { vertical-align: top; font-size: 70%; } select { outline: none; } .img-w-100 img { width: 100%; height: auto; object-fit: cover; } .img-h-100 img { width: auto; height: 100%; object-fit: cover; } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 10px; } @media only screen and (max-width: 768px) { html { font-size: 9px; } } @media only screen and (max-width: 480px) { html { font-size: 8px; } } body { position: relative; width: 100%; display: flex; flex-direction: column; color: #000; min-height: 100vh; } a { text-decoration: none; color: inherit; } input, select, button, textarea { outline: none; border: none; } button, select { cursor: pointer; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type='number'] { -moz-appearance: textfield; } img { max-width: 100%; vertical-align: middle; } iframe { width: 100%; height: 100%; } li { list-style-type: none; } ::-webkit-scrollbar { display: block; width: 8px; height: 8px; background-color: #e5e5e5; } ::-webkit-scrollbar-thumb { background-color: #3b1c1a; } ::selection { background: #3b1c1a; color: #fff; } @media only screen and (max-width: 1024px) { ::-webkit-scrollbar { display: block; width: 2px; height: 2px; background-color: white; } } .rs-form { -webkit-appearance: none; appearance: none; } .no-scroll, .no-scroll-pop { touch-action: none; -webkit-overflow-scrolling: none; overflow: hidden; overscroll-behavior: none; } .sec, .sec-90, .sec-80, .sec-70, .sec-60, .sec-50 { width: 100%; position: relative; } .sec { padding: 10rem 0; } .sec-90 { padding: 9rem 0; } .sec-80 { padding: 8rem 0; } .sec-70 { padding: 7rem 0; } .sec-60 { padding: 6rem 0; } .sec-50 { padding: 5rem 0; } @media screen and (max-width: 1200px) { .sec { padding: 8rem 0; } .sec-90 { padding: 7rem 0; } .sec-80 { padding: 6rem 0; } .sec-70 { padding: 5.5rem 0; } .sec-60 { padding: 4.5rem 0; } .sec-50 { padding: 4rem 0; } } @media screen and (max-width: 768px) { .sec { padding: 4rem 0; } .sec-90 { padding: 4rem 0; } .sec-80 { padding: 4rem 0; } .sec-70 { padding: 3rem 0; } .sec-60 { padding: 3rem 0; } .sec-50 { padding: 3rem 0; } } .con, .con-m, .con-x, .con-xl { width: 100%; padding: 0 3rem; position: relative; margin: 0 auto; } .con { max-width: 123rem; } .con-m { max-width: 147rem; } .con-x { max-width: 154rem; } .con-xl { max-width: 192rem; } .dp-block { display: block; } .fl-con, .fl-col { display: flex; padding: 0; } .fl-col { flex-direction: column; } .fl-ct { display: flex; justify-content: center; align-items: center; } .fl-wrap { flex-wrap: wrap; } .aln-ct { align-items: center; } .jus-ct { justify-content: center; } .jus-spa { justify-content: space-between; } .col-1 { width: calc(100% / 12); } .col-2 { width: calc(100% * 2 / 12); } .col-3 { width: calc(100% * 3 / 12); } .col-4 { width: calc(100% * 4 / 12); } .col-5 { width: calc(100% * 5 / 12); } .col-6 { width: calc(100% * 6 / 12); } .col-7 { width: calc(100% * 7 / 12); } .col-8 { width: calc(100% * 8 / 12); } .col-9 { width: calc(100% * 9 / 12); } .col-10 { width: calc(100% * 10 / 12); } .col-11 { width: calc(100% * 11 / 12); } .col-12 { width: 100%; } .col-2-25 { width: calc(100% * 2.25 / 12); } .pd-lr { padding: 0 1.5rem; } .pd-tb { padding: 1.5rem 0; } .pd-15 { padding: 1.5rem; } .pd-30 { padding: 3rem; } .pd-0 { padding: 0; } .pdt-0 { padding-top: 0; } .pdb-0 { padding-bottom: 0; } .pdr-0 { padding-right: 0; } .pdl-0 { padding-left: 0; } .mg-ct { margin: 0 auto; } .mg-mid { margin: auto 0; } .mg-l { margin-left: auto; } .mg-r { margin-right: auto; } .mg-t { margin-top: auto; } .mg-0 { margin: 0; } .mgt-0 { margin-top: 0; } .mgb-0 { margin-bottom: 0; } .mgb-15 { margin-bottom: 15px; } .mgb-30 { margin-bottom: 30px; } .full-w { width: 100%; } .full-h { height: 100%; } .rto-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 1; } .rto-box { display: block; position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; } .abs-ct { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hov-df { transition: 0.3s linear; } .f-black { font-weight: 900; } .f-bold { font-weight: bold; } .f-semi { font-weight: 600; } .f-med { font-weight: 500; } .f-thin { font-weight: 300; } .f-ita { font-style: italic; } .txt-ct { text-align: center; } .txt-r { text-align: right; } .c-pri { color: #3b1c1a; } .c-sec { color: #f6c380; } .c-bla { color: #000; } .c-whi { color: #fff; } .flex-wrap { flex-wrap: wrap; } .justify-content-start { justify-content: flex-start; } .container { width: 1410px; margin: 0 auto; padding: 0; max-width: 100%; } @media screen and (max-width: 1410px) { .container { padding: 0 15px !important; } } .container-full { margin: 0 auto; padding: 0 15px; width: 192rem; max-width: 100%; } .container-full .wrapper-container-full { margin: 0 -15px; } .text__ani { transform: translate3d(0, 10rem, 0); opacity: 0; transition: 0.8s ease; transition-delay: 0.6s; } .title__ani { display: block; top: 0; position: relative; transform: translate3d(0, 100%, 0); transition: 0.8s ease; transition-delay: 0.4s; } .title__ani__wrap { width: 100%; overflow: hidden; display: block; position: relative; } .title__ani.title__delay1 { transition-delay: 0.5s; } .title__ani.title__delay2 { transition-delay: 0.6s; } .active .text__ani, .active .title__ani { transform: translate3d(0, 0, 0); opacity: 1; } .fadeItem { transform: translate3d(10rem, 0, 0); transition: 0.8s ease; opacity: 0; } .fadeItem.active { opacity: 1; transform: translate3d(0, 0, 0); } .wow.checking.animate__animated { opacity: 0; animation: checking 0.8s ease-in 0.5s forwards; } .wow.rolling.animate__animated { opacity: 0; animation: rolling 1s ease forwards; } .upItem { margin: 0 auto; transform: scale(0); opacity: 0; transition: 0.8s ease; } .upItem.active { opacity: 1; transform: scale(1); } @keyframes BTT { 0% { opacity: 0; } 33% { opacity: 1; } 66% { opacity: 0; } 100% { opacity: 0; } } @keyframes letterBlink { 0% { opacity: 1; } 47% { opacity: 1; } 50% { opacity: 0.2; } 53% { opacity: 1; } 100% { opacity: 1; } } @keyframes monaImg2 { 0% { opacity: 1; transform: translate(-50%, -50%) rotate(45deg) scale(1.05); } 100% { opacity: 1; transform: translate(-50%, -50%) rotate(45deg) scale(1); } } @keyframes monaImg { 0% { opacity: 1; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } } @keyframes cart { 0% { left: 0; transform: translate(-100%, -50%); } 100% { left: 100%; transform: translate(100%, -50%); } } @keyframes checking { 0% { transform: translate(-20%, -20%) scale(5); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } } @keyframes rolling { 0% { transform: translate(-50%, -50%) rotate(230deg); opacity: 0; } 100% { transform: translate(-50%, -50%) rotate(360deg); opacity: 1; } } @keyframes roll { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes blink { 0% { transform: translate(-50%, -50%) scale(0.6); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.1; } } @keyframes tabIn { 0% { transform: translate3d(0, -100%, 0); opacity: 1; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes tabOut { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 100% { transform: translate3d(0, 100%, 0); opacity: 1; } } @keyframes button { 0% { transform: translate(-50%, -150%); } 100% { transform: translate(-50%, -50%); } } @keyframes shaking { 0% { transform: translate(-50%, -50%); } 20% { transform: translate(-50%, -50%) scale(1.1); } 40% { transform: translate(-50%, -50%) scale(1.1) rotate(30deg); } 60% { transform: translate(-50%, -50%) scale(1.1) rotate(-30deg); } 80% { transform: translate(-50%, -50%) scale(1.1); } 100% { transform: translate(-50%, -50%); } } @keyframes subBtn { 0% { top: 50%; right: 0; transform: translateY(-50%) rotate(90deg); } 25% { top: 50%; right: -3rem; transform: translateY(-50%) rotate(90deg); opacity: 0; } 50% { top: 150%; right: -3rem; transform: translate(50%, -1.5rem) rotate(0); } 75% { top: 150%; right: 50%; transform: translate(50%, -1.5rem) rotate(0); opacity: 0; } 100% { transform: translate(50%, -1.5rem) rotate(0); top: 100%; right: 50%; opacity: 1; } } @keyframes subBtn2 { 0% { transform: translate(50%, -1.5rem) rotate(0); top: 100%; right: 50%; opacity: 1; } 25% { top: 150%; right: 50%; transform: translate(50%, -1.5rem) rotate(0); opacity: 0; } 50% { top: 150%; right: -3rem; transform: translate(50%, -1.5rem) rotate(0); } 75% { top: 50%; right: -3rem; transform: translateY(-50%) rotate(90deg); opacity: 0; } 100% { top: 50%; right: 0; transform: translateY(-50%) rotate(90deg); } } @keyframes slideUp { 0% { transform: translateY(100%); opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slideDown { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(100%); opacity: 1; } } @keyframes fadeUp { 0% { transform: translateY(30%); } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeLeft { 0% { transform: translate(-100%, -105%); } 100% { transform: translate(-50%, -50%); opacity: 1; } } @keyframes fadeRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); opacity: 1; } } @keyframes zoomAni { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes fadeContentLeft { 0% { transform: translateX(5rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeContentRight { 0% { transform: translateX(-5rem); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeContentRightOut { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-5rem); opacity: 0; } } @keyframes fadeContentUp { 0% { transform: translateY(5rem); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeContentDown { 0% { transform: translateY(0%); opacity: 1; } 100% { transform: translateY(100%); opacity: 0; } } @keyframes fadeContentTab { 0% { transform: translateY(-5%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes gogo2 { 0% { left: 1.7rem; } 25% { left: 0.7rem; } 50% { left: 1.7rem; } 75% { left: 2.7rem; } 100% { left: 1.7rem; } } @keyframes jumping { 0% { transform: translate(-50%, calc(-50% - 1.2rem)); } 50% { transform: translate(-50%, calc(-50% + 0.5rem)); } 100% { transform: translate(-50%, calc(-50% - 1.2rem)); } } @keyframes play-btn { 0% { width: 3rem; height: 3rem; opacity: 0.5; } 100% { width: 6rem; height: 6rem; opacity: 0.1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } @-moz-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fadeOut { 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translatex(-10px); -moz-transform: translatex(-10px); -o-transform: translatex(-10px); transform: translatex(-10px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translatex(-10px); -moz-transform: translatex(-10px); -o-transform: translatex(-10px); transform: translatex(-10px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translatex(-100px); -moz-transform: translatex(-100px); -o-transform: translatex(-100px); transform: translatex(-100px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translatex(5px); -moz-transform: translatex(5px); -o-transform: translatex(5px); transform: translatex(5px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @-moz-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translatex(5px); -moz-transform: translatex(5px); -o-transform: translatex(5px); transform: translatex(5px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translatex(5px); -moz-transform: translatex(5px); -o-transform: translatex(5px); transform: translatex(5px); } to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } } @-webkit-keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes waveLoading { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } @keyframes zoom { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes growDown { 0% { transform: scaleY(0); } 80% { transform: scaleY(1.1); } 100% { transform: scaleY(1); } } @keyframes rotateX { 0% { transform: rotateX(90deg); } 80% { transform: rotateX(-10deg); } 100% { transform: rotateX(0); } } @keyframes downOut { 0% { transform: translateZ(200px) transLateY(40px); } 80% { transform: translateZ(-10px) transLateY(0px); } 100% { transform: translateZ(0px) transLateY(0px); } } @keyframes growOut { 0% { transform: scale(0); } 80% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes rotateY { 0% { transform: rotateY(90deg); } 80% { transform: rotateY(-10deg); } 100% { transform: rotateY(0); } } @keyframes updown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5%); } } @keyframes leafanimation { 0% { transform: translate(900px, 500px) rotate(0deg); color: rgba(255, 0, 0, 0); } 20% { transform: translate(850px, 450px) rotate(360deg); color: rgba(255, 0, 0, 0); } 40% { transform: translate(450px, 200px) rotate(720deg); color: rgba(255, 0, 0, 0); } 60% { transform: translate(100px, 100px) rotate(1080deg); color: rgba(255, 0, 0, 0); } 80% { transform: translate(0, 0) rotate(1440deg); color: rgba(255, 0, 0, 0); } 100% { transform: translate(0, 0) rotate(1440deg); color: red; } } .sec-90 { padding: 90px 0; } @media screen and (max-width: 1024px) { .sec-90 { padding: 45px 0; } } .sec-80 { padding: 80px 0; } @media screen and (max-width: 1024px) { .sec-80 { padding: 40px 0; } } .sec-60 { padding: 60px 0; } @media screen and (max-width: 1024px) { .sec-60 { padding: 30px 0; } } #page-loading { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; transition: 1s ease; } #page-loading img { animation: waveLoading 3s ease-out infinite backwards; } .tt-72 { font-size: 72px; line-height: 1.3; } @media screen and (max-width: 1200px) { .tt-72 { font-size: 52px; } } @media screen and (max-width: 750px) { .tt-72 { font-size: 32px; } } .tt-50 { font-size: 50px; line-height: 1.3; } @media screen and (max-width: 750px) { .tt-50 { font-size: 40px; } } @media screen and (max-width: 550px) { .tt-50 { font-size: 30px; } } .tt-46 { font-size: 46px; line-height: 1.3; } @media screen and (max-width: 1024px) { .tt-46 { font-size: 36px; } } @media screen and (max-width: 670px) { .tt-46 { font-size: 30px; } } .tt-40 { font-size: 40px; line-height: 1.3; } @media screen and (max-width: 750px) { .tt-40 { font-size: 30px; } } @media screen and (max-width: 550px) { .tt-40 { font-size: 20px; } } .tt-36 { font-size: 36px; line-height: 1.3; } @media screen and (max-width: 1024px) { .tt-36 { font-size: 24px; } } .tt-30 { font-size: 30px; line-height: 1.3; } @media screen and (max-width: 550px) { .tt-30 { font-size: 20px; } } .tt-28 { font-size: 28px; line-height: 1.3; } @media screen and (max-width: 550px) { .tt-28 { font-size: 20px; } } .tt-25 { line-height: 1.3; font-size: 25px; } @media screen and (max-width: 550px) { .tt-25 { font-size: 20px; } } .tt-24 { font-size: 24px; } @media screen and (max-width: 550px) { .tt-24 { font-size: 20px; } } .tt-22 { font-size: 22px; } @media screen and (max-width: 550px) { .tt-22 { font-size: 18px; } } .tt-20 { font-size: 20px; } @media screen and (max-width: 550px) { .tt-20 { font-size: 16px; } } .tt-18 { font-size: 18px; } @media screen and (max-width: 550px) { .tt-18 { font-size: 16px; } } .tt-16 { font-size: 16px; } @media screen and (max-width: 550px) { .tt-16 { font-size: 14px; } } .tt-12 { font-size: 12px; } .txt-cap { text-transform: capitalize; } .txt-upcase { text-transform: uppercase; } .cl-main { color: #3A1C1A; } .mt-30 { margin-top: 30px; } @media screen and (max-width: 700px) { .mt-30 { margin-top: 20px; } } .mt-5 { margin-top: 5px; } .mt-20 { margin-top: 20px; } .mt-15 { margin-top: 15px; } .mt-100 { margin-top: 100px; } @media screen and (max-width: 1200px) { .mt-100 { margin-top: 30px; } } .mb-30 { margin-bottom: 30px; } @media screen and (max-width: 700px) { .mb-30 { margin-bottom: 20px; } } .mb-15 { margin-bottom: 15px; } .txt-title { font-weight: bold; } .txt-desc { text-align: justify; } .mona-content strong, .mona-content b { font-weight: bold; } .mona-content em, .mona-content i { font-style: italic; } .mona-content h1, .mona-content h2, .mona-content h3, .mona-content h4, .mona-content h5, .mona-content h6 { line-height: 1.3; margin-bottom: 0.5em; margin-top: 0.6em; } .mona-content h1 { font-size: 1.7em; } .mona-content h2 { font-size: 1.6em; } .mona-content h3 { font-size: 1.25em; } .mona-content h4 { font-size: 1.125em; } .mona-content h5 { font-size: 1em; } .mona-content h6 { font-size: 0.85em; } .mona-content p { margin: 1em 0; } .mona-content ul, .mona-content ol { margin: 1em 0; list-style-position: inside; } .mona-content ul ul, .mona-content ul ol, .mona-content ol ul, .mona-content ol ol { margin-left: 1em; } .mona-content ul { list-style-type: disc; } .mona-content ol { list-style-type: decimal; } .mona-content ul ul, .mona-content ol ul { list-style-type: circle; } .mona-content ol ol, .mona-content ul ol { list-style-type: lower-latin; } .mona-content img, .mona-content iframe { max-width: 100%; } .mona-content blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1em 0; padding: 1em; quotes: "“" "”" "‘" "’"; } .mona-content blockquote::before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .mona-content blockquote p { display: inline; } .mona-content table { border-collapse: collapse; max-width: 100%; margin: 1em 0; border: 1px solid #e1e1e1; } .mona-content table th, .mona-content table td { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5px 10px; vertical-align: middle; } .mona-content .mona-youtube-wrap { position: relative; height: 0; padding-top: 56.25%; } .mona-content .mona-youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mona-content .mona-table-wrap { overflow: auto; } .btn-srcoll { position: fixed; width: 40px; height: 40px; z-index: 999; right: 10px; bottom: -150%; border: 1px solid #3A1C1A; background-color: #3A1C1A; transition: 0.3s ease; color: #fff; font-size: 20px; cursor: pointer; overflow: hidden; } .btn-srcoll:hover .fas, .btn-srcoll:active .fas { top: -100%; } .btn-srcoll:hover::after, .btn-srcoll:active::after { bottom: 10%; } .btn-srcoll .fas { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s all; } .btn-srcoll::after { content: '\f102'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%); bottom: -100%; transition: 0.3s all; } @media screen and (max-width: 1200px) { .btn-srcoll { width: 30px; height: 30px; line-height: 25px; } } .btn-srcoll:active { color: #3A1C1A; background: #fff; } .btn-srcoll:hover { color: #3A1C1A; background: #fff; } .icon-dropdown { transition: 0.3s all; } .icon-dropdown.active { transition: 0.3s all; transform: rotate(180deg); } .btn { display: inline-block; cursor: pointer; font: inherit; transition: 0.3s ease; } .container-input { display: block; padding-left: 25px; width: fit-content; margin-bottom: 10px; cursor: pointer; position: relative; transition: 0.3s ease; } .container-input input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .container-input .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 16px; width: 16px; background-color: #fff; border-radius: 99px; transition: 0.3s ease; border: 1px solid #707070; } .container-input .checkmark::before { content: ''; position: absolute; display: none; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #3A1C1A; border-width: 0 3px 3px 0; transform: rotate(45deg); } .container-input input:checked ~ .checkmark::before { display: block; } .link-w-100 { position: relative; font-family: 'Averta', sans-serif; } .link-w-100::after { width: 100%; height: 1px; content: ''; position: absolute; } .link-w-100:hover::after { width: 0%; } .link-w-100::after { bottom: 0; left: 50%; transform: translateX(-50%); transition: 0.3s ease; background: #3A1C1A; } .link-w-0 { position: relative; font-family: 'Averta', sans-serif; } .link-w-0::after { width: 0%; height: 1px; content: ''; position: absolute; } .link-w-0:hover::after { width: 100%; } .link-w-0::after { bottom: 0; left: 0; transition: 0.3s ease; background: #3A1C1A; } .link-line-100 { background-position: 0 90%; background-repeat: no-repeat; background-image: linear-gradient(0deg, #3A1C1A, #3A1C1A); transition: all 0.4s linear; background-size: 0 2px; display: inline; } .link-line-100:hover { background-size: 100% 2px; } .link-line-0 { background-position: 0 90%; background-repeat: no-repeat; background-image: linear-gradient(0deg, #3A1C1A, #3A1C1A); transition: all 0.4s linear; background-size: 100% 2px; display: inline; } .link-line-0:hover { background-size: 0% 2px; } .btn-main { color: #fff; border: 1px solid transparent; background: #3A1C1A; text-align: center; padding: 15px 35px; } .btn-main:hover { color: #3A1C1A; background: #fff; border: 1px solid #3A1C1A; } .btn-linenear { color: #fff; background: linear-gradient(to right, #8f6f41, #f6c380); text-align: center; padding: 17px 35px 13px; font-family: 'Montserrat', sans-serif; } .btn-linenear:hover { color: #3A1C1A; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16); background: #f6c380; } .box-left-right { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .box-flex { display: flex; flex-wrap: wrap; } .box-flex .col-1 { width: calc(1 / 12 * 100%); } .box-flex .col-2 { width: calc(2 / 12 * 100%); } .box-flex .col-3 { width: calc(3 / 12 * 100%); } .box-flex .col-4 { width: calc(4 / 12 * 100%); } .box-flex .col-5 { width: calc(5 / 12 * 100%); } .box-flex .col-6 { width: calc(6 / 12 * 100%); } .box-flex .col-7 { width: calc(7 / 12 * 100%); } .box-flex .col-8 { width: calc(8 / 12 * 100%); } .box-flex .col-9 { width: calc(9 / 12 * 100%); } .box-flex .col-10 { width: calc(10 / 12 * 100%); } .box-flex .col-11 { width: calc(11 / 12 * 100%); } .box-flex .col-12 { width: calc(12 / 12 * 100%); } @media screen and (min-width: 576px) { .box-flex .col-sm-1 { width: calc(100% / 12); } .box-flex .col-sm-2 { width: calc(100% * 2 / 12); } .box-flex .col-sm-3 { width: calc(100% * 3 / 12); } .box-flex .col-sm-4 { width: calc(100% * 4 / 12); } .box-flex .col-sm-5 { width: calc(100% * 5 / 12); } .box-flex .col-sm-6 { width: calc(100% * 6 / 12); } .box-flex .col-sm-7 { width: calc(100% * 7 / 12); } .box-flex .col-sm-8 { width: calc(100% * 8 / 12); } .box-flex .col-sm-9 { width: calc(100% * 9 / 12); } .box-flex .col-sm-10 { width: calc(100% * 10 / 12); } .box-flex .col-sm-11 { width: calc(100% * 11 / 12); } .box-flex .col-sm-12 { width: 100%; } } .box-content-v .box-content { padding-top: 20px; font-size: 16px; } @media screen and (max-width: 991px) { .box-content-v .box-content { font-size: 14px; } } .box-content-v .box-content .txt-title { color: #000; font-size: 20px; margin-bottom: 15px; display: block; font-family: 'Averta', sans-serif; } .box-content-v .box-content .txt-desc { margin-bottom: 20px; } .box-content-v .box-content .link-w-100 { display: block; color: #B58D5D; width: fit-content; } .box-content-v .box-content .link-w-100::after { background: #B58D5D; } .box-chuyengia { display: flex; flex-wrap: wrap; align-items: center; } @media screen and (max-width: 670px) { .box-chuyengia { justify-content: center; } } .box-chuyengia .img-w-100 { width: 35%; } @media screen and (max-width: 670px) { .box-chuyengia .img-w-100 { width: 240px; } } .box-chuyengia .box-content { width: 65%; padding-left: 35px; } .box-chuyengia .box-content .expert-btn { gap: 15px; justify-content: flex-start; } .box-chuyengia .box-content .expert-btn-booking { min-width: 30%; } .box-chuyengia .box-content .expert-btn-link { min-width: 30%; } @media screen and (max-width: 1200px) { .box-chuyengia .box-content { padding-left: 15px; } } @media screen and (max-width: 670px) { .box-chuyengia .box-content { width: 100%; padding-left: 0; padding-top: 15px; text-align: center; } .box-chuyengia .box-content .expert-btn { justify-content: center; } } .box-chuyengia .box-content .txt-title { line-height: 1.3; font-size: 24px; margin-bottom: 15px; display: block; text-transform: uppercase; } @media screen and (max-width: 768px) { .box-chuyengia .box-content .txt-title { font-size: 20px; } } .box-chuyengia .box-content .txt-chucvu { color: #B58D5D; font-size: 16px; margin-bottom: 15px; } @media screen and (max-width: 991px) { .box-chuyengia .box-content .txt-chucvu { font-size: 14px; } } .box-chuyengia .box-content .txt-meta-chucvu { color: #6E6E6E; font-weight: 600; } .f-control { width: 100%; padding: 10px 15px; border-radius: 6px; border: 0; border: 1px solid rgba(0, 0, 0, 0.1); font: inherit; resize: none; outline: none; transition: 0.3s ease; } .f-control:focus, .f-control:hover { border: 1px solid #3A1C1A; } .form-ungtuyen { position: relative; padding: 80px 50px 120px; background: #3A1C1A; color: #fff; margin-top: 40px; } @media screen and (max-width: 1200px) { .form-ungtuyen { margin-top: 20px; padding: 15px 15px 60px; } } .form-ungtuyen .txt-title { text-align: center; margin-bottom: 40px; } .form-ungtuyen .bg-img { position: absolute; bottom: -30px; width: 100%; left: 0; } .form-ungtuyen .bg-img img { width: 100%; } .form-ungtuyen .f-flex { display: flex; flex-wrap: wrap; margin: -5px; } .form-ungtuyen .f-flex .col-6 { width: 50%; padding: 5px; } @media screen and (max-width: 1200px) { .form-ungtuyen .f-flex .col-6 { width: 100%; } } .form-ungtuyen .box-left-right { margin: -5px; padding-top: 5px; } .form-ungtuyen .box-left-right .f-item { padding: 5px; } .form-ungtuyen .f-control { border-radius: 0; font-size: 16px; } @media screen and (max-width: 991px) { .form-ungtuyen .f-control { font-size: 14px; } } .form-ungtuyen .f-control::placeholder { color: #c4c4c4; } .form-ungtuyen .btn { border: 0; } .form-ungtuyen .f-file { display: none; } .form-ungtuyen .label-file { color: #B58D5D; font-size: 16px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } @media screen and (max-width: 991px) { .form-ungtuyen .label-file { font-size: 14px; } } .form-ungtuyen .f-select { appearance: none; background-image: var(--wpr-bg-6ae2f343-f657-4322-8b9e-2f7a5f90e6c5); background-size: 24px; background-position: center right 10px; background-repeat: no-repeat; } .popup-info { max-width: 1290px; background: #fff; margin: auto; } .popup-info .img-w-100 { width: 500px; } @media screen and (max-width: 1200px) { .popup-info .img-w-100 { width: 300px; } } @media screen and (max-width: 670px) { .popup-info .img-w-100 { display: none; } } .popup-info .box-content { width: calc(100% - 500px); padding: 40px 60px; } @media screen and (max-width: 1200px) { .popup-info .box-content { padding: 15px; width: calc(100% - 300px); } } @media screen and (max-width: 670px) { .popup-info .box-content { width: 100%; padding: 0; } } .popup-info .box-title { margin-bottom: 30px; } @media screen and (max-width: 670px) { .popup-info .box-title { padding: 15px 20px; display: flex; flex-wrap: wrap; margin-bottom: 0; align-items: center; background: linear-gradient(to left, #402c05, #be8b37); } } .popup-info .box-title .box-avatar-mb { display: none; width: 80px; height: 80px; border-radius: 50%; } .popup-info .box-title .box-avatar-mb img { width: 100%; object-fit: cover; } @media screen and (max-width: 670px) { .popup-info .box-title .box-avatar-mb { display: inline-block; } } @media screen and (max-width: 670px) { .popup-info .box-title .box-name { display: inline-block; width: calc(100% - 80px); padding-left: 15px; } } .popup-info .box-title .box-name .txt-title { color: #B58D5D; font-size: 35px; text-transform: uppercase; margin-bottom: 15px; } @media screen and (max-width: 1200px) { .popup-info .box-title .box-name .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .popup-info .box-title .box-name .txt-title { font-size: 26px; } } @media screen and (max-width: 670px) { .popup-info .box-title .box-name .txt-title { margin-bottom: 5px; color: #fff; font-size: 14px; } } .popup-info .box-title .box-name .txt-chucvu { line-height: 1.3; font-size: 24px; color: #3b1c1a; font-weight: 600; margin-bottom: 15px; } @media screen and (max-width: 768px) { .popup-info .box-title .box-name .txt-chucvu { font-size: 20px; } } @media screen and (max-width: 670px) { .popup-info .box-title .box-name .txt-chucvu { margin-bottom: 5px; color: #ffe6a3; font-size: 12px; } } .popup-info .box-title .box-name .txt-meta-chucvu { color: #6e6e6e; font-size: 16px; font-weight: 600; } @media screen and (max-width: 991px) { .popup-info .box-title .box-name .txt-meta-chucvu { font-size: 14px; } } @media screen and (max-width: 670px) { .popup-info .box-title .box-name .txt-meta-chucvu { color: #fff; font-size: 10px; } } .popup-info .wrapper-content { font-size: 16px; } @media screen and (max-width: 991px) { .popup-info .wrapper-content { font-size: 14px; } } @media screen and (max-width: 670px) { .popup-info .wrapper-content { padding: 30px 15px; } } .popup-info .wrapper-content .title-child { color: #3b1c1a; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; } .popup-info .wrapper-content .list-info { list-style-type: disc; padding-left: 20px; margin-bottom: 25px; } @media screen and (max-width: 670px) { .popup-info .wrapper-content .list-info { padding-left: 20px; max-height: 350px; overflow: auto; list-style-type: disc; } } .popup-info .wrapper-content .link-w-100 { margin-top: 20px; display: block; width: fit-content; color: #B58D5D; } .popup-info .wrapper-content .link-w-100::after { background: #B58D5D; } .popup-info .mfp-close { color: #fff; } .popup-info-cus { max-width: 850px; margin: auto; } .popup-info-cus .box-content { background: linear-gradient(to top, #e7d6b4, #b58d5d, #402c05); color: #fff; padding: 40px; } @media screen and (max-width: 1200px) { .popup-info-cus .box-content { padding: 10px; } } .popup-info-cus .txt-title { text-align: center; line-height: 1.3; font-size: 24px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .popup-info-cus .txt-title { font-size: 20px; } } .popup-info-cus .wrapper-title { max-width: 360px; margin: auto; margin-bottom: 25px; text-align: center; padding: 5px; background: linear-gradient(to left, #e5d7b9, #feffff); color: #260b01; font-size: 20px; font-weight: 600; } .popup-info-cus .list-info { margin-bottom: 40px; } .popup-info-cus .list-info li { position: relative; padding-left: 20px; } .popup-info-cus .list-info li::after { width: 5px; height: 5px; content: ''; position: absolute; } .popup-info-cus .list-info li::after { background: #fff; top: 50%; transform: translateY(-50%); left: 0; border-radius: 50%; } .popup-info-cus .wrapper-btn { text-align: center; } .popup-info-cus .wrapper-btn .link-w-100::after { background: #fff; } .cart-qty { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; display: inline-block; } .cart-qty button { background: transparent; border: 0; cursor: pointer; font-size: 18px; padding: 10px; transition: 0.3s ease; } .cart-qty button:hover, .cart-qty button:active { color: #3A1C1A; } .cart-qty .qty { max-width: 30px; text-align: center; border: 0; outline: none; } .pagination ul { display: flex; align-items: center; } .pagination ul li:first-child .page-numbers { border-left: 1px solid rgba(0, 0, 0, 0.3); } .pagination .page-numbers { width: 5rem; height: 5rem; transition: 0.2s linear; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.3); border-left: none; } @media screen and (max-width: 768px) { .pagination .page-numbers { font-size: 16px; } } .pagination .page-numbers > * { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .pagination .page-numbers > img { width: 20px; transition: 0.2s linear; } .pagination .page-numbers.current { background-color: #763c19; color: #fff; } .pagination .page-numbers:hover { background-color: #763c19; color: #fff; } .pagination .page-numbers:first-child:hover, .pagination .page-numbers:last-child:hover { background-color: #763c19; } .pagination .page-numbers:first-child:hover img, .pagination .page-numbers:last-child:hover img { filter: brightness(0) invert(1); } @media screen and (max-width: 767px) { .pagination { margin-top: 3rem; margin-bottom: 2rem; } .pagination ul { justify-content: center; } .pagination ul li { margin: 0; } } .breachcum { background: #3A1C1A; padding: 10px; color: #fff; position: relative; } .breachcum::after { content: ''; position: absolute; width: 1px; height: 20px; background: #8F6F41; left: 10px; top: 10px; } @media screen and (min-width: 769px) { .breachcum::after { display: none; } } @media screen and (max-width: 768px) { .breachcum { background: #F1F1F1; color: #000; } } .breachcum .list-link { margin: 0 -7.5px; width: 100%; overflow: auto; white-space: nowrap; } .breachcum .list-link li { text-transform: uppercase; display: inline-block; position: relative; } .breachcum .list-link li:not(:last-child)::after { content: '>'; right: 0; top: 50%; transform: translateY(-50%); } .breachcum .list-link li.active { font-weight: bold; } .breachcum .list-link li > a { padding: 0 7.5px; } #menu-main-menu { display: flex; flex-wrap: wrap; flex-grow: 1; justify-content: flex-end; } #menu-main-menu .current-menu-item a { color: #3b1c1a; } #menu-main-menu a { text-align: right; display: block; padding: 1rem; text-transform: uppercase; font-weight: 600; transition: 0.2s linear; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; } @media screen and (max-width: 768px) { #menu-main-menu a { font-size: 14px; } } @media screen and (min-width: 901px) { #menu-main-menu a:hover { color: #3b1c1a; } } .menu__btn { display: none; order: 0; flex-direction: column; padding: 1rem; margin-left: -1rem; font-weight: bold; cursor: pointer; font-size: 0.8rem; } @media screen and (max-width: 768px) { .menu__btn { font-size: 8px; } } .menu__btn .line { margin: 2px 0; width: 22px; height: 3px; border-radius: 99px; background-color: #000; transition: 0.5s linear; } .menu__btn.active .line { background-color: #3b1c1a; } .menu__btn.active .line:nth-of-type(2) { width: 13px; } .menu__btn.active .line:nth-of-type(4) { width: 18px; } @media screen and (max-width: 1400px) and (min-width: 1281px) { #menu-main-menu a { font-size: 13px; } } @media screen and (max-width: 1280px) { .hd.small .menu { height: calc(100vh - 7.93rem); height: calc(var(--vh, 1vh) * 100 - 7.93rem); } .menu { height: calc(100vh - 9.4rem); height: calc(var(--vh, 1vh) * 100 - 9.4rem); top: 100%; width: 100vw; left: 0; pointer-events: none; overflow: hidden; position: absolute; } .menu * { pointer-events: auto; } .menu.active .menu__wrap { transform: translateX(0); } .menu.active .menu__bg { width: 100vw; } .menu__wrap { border-top: 1px solid rgba(59, 28, 26, 0.1); right: 0; left: 0; max-width: 30rem; background-color: #fff; height: 100%; transform: translateX(-100%); transition: 0.3s linear; z-index: 8; overflow-y: auto; } .menu__wrap::-webkit-scrollbar { width: 4px; } .menu__btn { display: flex; } #menu-main-menu { flex-direction: column; } #menu-main-menu li { width: 100%; border-bottom: 1px solid rgba(59, 28, 26, 0.1); } #menu-main-menu a { width: 100%; text-align: left; } .menu-item { width: 100%; border-bottom: 1px solid rgba(18, 114, 38, 0.2); } .menu__bg { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 100vh; background-color: rgba(59, 28, 26, 0.5); transition: 0.3s linear; } } @media screen and (max-width: 500px) { .menu__btn { padding: 0 2px; margin-left: -2px; } .hd.small .menu { height: calc(100vh - 52px); height: calc(var(--vh, 1vh) * 100 - 52px); } .menu { height: calc(100vh - 52px); height: calc(var(--vh, 1vh) * 100 - 52px); } } .admin-bar .hd { top: 32px; } @media only screen and (max-width: 768px) { .admin-bar .hd { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .hd.small { top: 0; } } @keyframes hdFadeIn { 0% { opacity: 0.5; } 100% { opacity: 1; } } .hd { background-color: #fff; position: sticky; top: 0; z-index: 10; transition: 0.2s linear; display: none; } .hd__wrap { padding: 1rem 0; position: relative; } .hd__wrap .con-m { position: static; } .hd__logo { width: 16.2rem; } .hd__logo a { display: block; } .hd__logo img { width: 100%; } .hd__menu { width: calc(100% - 16.2rem); } .hd__ser { margin-left: 20px; } .hd__btn { white-space: nowrap; margin-left: 1rem; font-size: 1.2rem; padding: 16px 11px 14px; background-color: #3b1c1a; border-radius: 99px; } @media screen and (max-width: 768px) { .hd__btn { font-size: 12px; } } @media screen and (min-width: 901px) { .hd__btn:hover { color: #3b1c1a; background-color: #f6c380; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.16); } } .hd.small { box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.16); display: block; animation: hdFadeIn 300ms; } .hd.small .hd__logo { width: 12rem; } .hd.small .hd__menu { width: calc(100% - 12rem); } .hd .menu-item.dropdown { padding-right: 15px; position: relative; } @media screen and (min-width: 1201px) { .hd .menu-item.dropdown:hover > .submenu { top: 100%; opacity: 1; pointer-events: auto; } .hd .menu-item.dropdown:hover > .submenu__btn { filter: brightness(0); animation: jump 1s linear infinite; } } .hd .submenu { position: absolute; left: 0; top: 150%; min-width: 100%; width: max-content; opacity: 0; pointer-events: none; transition: 0.3s ease; background-color: #fff; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.1); } @media screen and (min-width: 1201px) { .hd .submenu .menu-item.dropdown:hover > .submenu { top: 0; opacity: 1; pointer-events: auto; } .hd .submenu .menu-item.dropdown:hover > .submenu__btn { filter: brightness(0); animation: jump 1s linear infinite; } } .hd .submenu .submenu { top: 0; left: 100%; } .hd .submenu.sub-over { left: unset; right: 0; } .hd .submenu__btn { position: absolute; width: 8px; height: 8px; top: 12px; right: 10px; transform: translateY(-50%); } .hd .submenu__btn img { display: block; } @media screen and (max-width: 1280px) { .hd__ser { order: 1; } .hd__logo { width: 15rem; order: 2; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); } .hd__btn { display: none; } .hd-language { order: 3; z-index: 100000; } .hd__menu { width: calc(100%); } .hd .menu-item { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .hd .menu-item.dropdown { padding-right: 3rem; } .hd .menu-item.dropdown.show > .submenu { max-height: var(--menuH); border-top: 1px solid rgba(0, 0, 0, 0.1); } .hd .submenu { border-top: 0px solid rgba(0, 0, 0, 0.1); width: calc(100% - 1.5rem); position: relative; top: 0; left: 0; box-shadow: none; background-color: transparent; max-height: 0; overflow: hidden; transition: 0.2s linear; margin-left: 1.5rem; opacity: 1; pointer-events: auto; } .hd .submenu__btn { width: 30px; height: 30px; right: 0; top: 15px; display: flex; justify-content: center; align-items: center; } .hd .submenu__btn img { display: block; width: 12px; height: 12px; } .hd .submenu .submenu { position: static; } .hd .submenu li:last-child { border-bottom: none; } .hd .submenu .menu-item.dropdown { padding-right: 3rem; } .hd .submenu .menu-item.dropdown.show > .submenu { max-height: var(--menuH2); border-top: 1px solid rgba(0, 0, 0, 0.1); } .hd.small .hd__menu { width: 100vw; } } @media screen and (max-width: 500px) { .hd { display: block; } .hd.small .hd__logo { width: 112px; } .hd__logo { width: 112px; } .hd__btn { padding: 8px 7.4px 9px; font-size: 0.8rem; } } @media screen and (max-width: 500px) and (max-width: 768px) { .hd__btn { font-size: 8px; } } @media screen and (max-width: 500px) { .hd__wrap { padding: 2.2rem 20px; } } .ft { background-color: #ffe2d2; padding: 6rem 0 8rem; margin-top: auto; } .ft .item__small { display: none; } .ft__logo { width: 32.4rem; max-width: 100%; margin: 0 auto 4.3rem; } .ft__logo a { display: block; } .ft__logo img { width: 100%; } .ft__title { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #3b1c1a; text-transform: uppercase; margin-bottom: 1rem; } .ft__title.no-kor { margin-bottom: 0.5rem; } .ft__title.icon { position: relative; padding-right: 30px; } .ft__title.icon::after { content: ''; display: block; width: 20px; height: 20px; background: var(--wpr-bg-14f15984-da8f-4a79-bbc6-e1ee68c6bb36) 50% 50%/100% no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .ft__txt { text-align: justify; margin-bottom: 2rem; font-size: 14px; } .ft__c { max-width: 48%; } .ft__soc { margin-bottom: 14px; } .ft__soc__list { width: 100%; margin-bottom: 1.3rem; display: flex; justify-content: space-between; } .ft__soc__list li { display: block; margin-right: 1.5rem; } .ft__soc__list li img { height: 54px; } .ft__soc__list a { display: block; } @media screen and (min-width: 901px) { .ft__soc__list a:hover img { transform: rotate(360deg); } } .ft__phone { white-space: nowrap; font-size: 3rem; } @media screen and (max-width: 1200px) { .ft__phone { font-size: 2.97rem; } } @media screen and (max-width: 768px) { .ft__phone { font-size: 29.4px; } } @media screen and (min-width: 901px) { .ft__phone:hover { color: #b58d5d; } } .ft__mail { line-height: calc(24 / 16); } @media screen and (min-width: 901px) { .ft__mail:hover { color: #b58d5d; } } .ft__list a { font-weight: 700; white-space: nowrap; } @media screen and (min-width: 901px) { .ft__list a:hover { color: #b58d5d; } } .ft__map { height: 36rem; margin-top: 2.5rem; border-radius: 12px; overflow: hidden; } @media screen and (min-width: 901px) { .ft__cpr:hover { color: #b58d5d; } } .ft .p_m_2 p { margin-bottom: 14px; line-height: 139%; } .ft .txt-12 { font-size: 12px; line-height: 125%; } .ft .txt-14 { font-size: 14px; } .ft .txt-18 { font-size: 18px; } .ft .pd-lr { padding: 0 0 0 1.3%; } .ft .custom_size .img-w-100:has(img[alt="logo"]) { padding: 0px 15px; } @media screen and (max-width: 1400px) { .ft .col-2 { width: 25%; } } @media screen and (max-width: 1200px) { .ft__title { font-size: 16.5px; } } @media screen and (max-width: 1024px) { .ft { padding: 4rem 15px; } .ft .col-2, .ft .col-3 { width: 50%; } .ft__logo { width: 25rem; } } @media screen and (max-width: 550px) { .ft__list a { white-space: normal; } .ft__logo { width: 20rem; } } @media screen and (max-width: 450px) { .ft { background-color: #ffe2d2; padding: 0; color: #3f270d; } .ft__sel { width: 100%; padding: 10px; padding-right: 40px; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 16px; background: var(--wpr-bg-4af941d2-8819-4691-9093-b9ff7387ab3e) 95% 50%/10px 5px no-repeat; } } @media screen and (max-width: 450px) and (min-width: 901px) { .ft__sel:hover { border: 1px solid #3b1c1a; } } @media screen and (max-width: 450px) { .ft__list { margin-bottom: 3rem; } .ft__list a { line-height: calc(30 / 14); } .ft__logo { width: 23rem; margin: 0 auto; } .ft__c { max-width: 25%; } .ft__soc { width: 100%; } .ft__soc__list { width: 100%; margin-bottom: 0; } .ft .item__big { display: none; } .ft .item__small { display: block; } .ft .col-2 { padding-bottom: 25px; } .ft .col, .ft .col-2, .ft .col-3 { width: 100%; padding: 0 3rem; } .ft .custom_size .widget_custom_html { margin-top: -25px; } .ft .custom_size .img-w-100:has(img[alt="logo"]) { padding: 0px; } } .border-r { border-right: 1px solid #523f387c; } .des-local { position: relative; padding-left: 15px; } .ic-local { position: absolute; top: 5px; left: 0; } .d-block { display: block; } .d-none { display: none; } .d-inline-block { display: inline-block; } .show_nav_menu_xxl .widget_nav_menu { display: block; } @media only screen and (min-width: 1440px) { .d-xxl-block { display: block; } .show_nav_menu_xxl .widget_nav_menu { display: none; } } .ft .widget_nav_menu .menu li a { font-weight: normal; line-height: 139%; text-decoration: underline; } .ft .ft__list a { font-weight: normal; line-height: 139%; text-decoration: underline; } .ft .widget_nav_menu .menu li { font-weight: normal; margin-top: 14px; } .ft .widget_nav_menu .ft__title { font-weight: normal; font-size: 14px; } .ft_view_more { font-size: 14px; font-weight: 600; padding: 6px 20px; background-color: #fff; border-radius: 100px; margin-top: 20px; } .ft_view_more:hover { background-color: rgba(255, 255, 255, 0.8); } .ft_limit .ft_4_content { max-height: 625px; overflow: hidden; } .ft_limit { position: relative; } .ft_limit .ft_4_content:after { content: ""; position: absolute; top: 585px; left: 0; height: 40px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0), #ffe2d2); } .rotated180 { rotate: 180deg; } .ft__flex { text-align: right; } .ft .dmca-badge img { width: 65%; } @media only screen and (max-width: 450px) { .ft__soc__list li img { height: 21px; width: auto; } .ft .dmca-badge img { width: 100%; } .ft .ft__cpr { width: 100%; } .ft__flex { text-align: left; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; } .ft__flex .ft__soc, .ft__flex .widget-footer, .ft__flex .item-sidebar { width: 45%; } .ft_div_view_more { text-align: center; } .ft_limit .ft_4_content { max-height: 0; overflow: hidden; } .ft_limit .ft_4_content:after { content: ""; position: absolute; top: 0; left: 0; height: 0; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0), #ffe2d2); } } .ser { position: relative; } .ser__btn { cursor: pointer; opacity: 0.4; padding: 1.5rem; } .ser__btn img { display: block; width: 45px; height: 45px; } @media screen and (min-width: 901px) { .ser__btn:hover { opacity: 1; } } .ser__wrap { opacity: 0; pointer-events: none; border: 2px solid #3b1c1a; position: absolute; border-radius: 16px; overflow: hidden; width: 40rem; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.16); top: 136%; right: 0; transform: translateX(-20px); transition: 0.5s ease; } .ser__inp { padding: 1.5rem; flex-grow: 1; } .ser__submit { width: 4rem; background-color: #fff; } .ser__submit img { display: block; width: 20px; height: 20px; } @media screen and (min-width: 901px) { .ser__submit:hover { background-color: #3b1c1a; } .ser__submit:hover img { filter: brightness(0) invert(1); } } .ser.active .ser__wrap { opacity: 1; pointer-events: auto; transform: none; } @media screen and (max-width: 1280px) { .ser__wrap { right: unset; left: 0; } } @media screen and (max-width: 500px) { .ser { position: static; } .ser__btn { padding: 5px 10px; opacity: 1; } .ser__btn img { width: 24px; } .ser__wrap { width: 100vw; top: 100%; left: 0; transform: translateY(20px); } } .oval-uudai { padding: 50px 25px; background: linear-gradient(#b58d5d, #dac6a3, #8f6f41); color: #3A1C1A; border-radius: 50%; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1200px) { .oval-uudai { padding: 30px; } } .oval-uudai-second { display: inline-block; position: relative; padding: 15px 45px; text-align: center; background-image: linear-gradient(to bottom right, #f6c380, #8f6f41); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-radius: 50%; font-family: 'Montserrat', sans-serif; } .oval-uudai-second__frame { position: absolute; } .oval-uudai-second .txt { text-transform: uppercase; font-size: 35px; position: absolute; font-weight: bold; z-index: 1; top: 0; left: 50%; transform: translate(-50%, -50%); width: max-content; padding: 0 15px; background-image: linear-gradient(to bottom right, #f6c380, #8f6f41); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .oval-uudai-second .txt { font-size: 30px; } } @media screen and (max-width: 670px) { .oval-uudai-second .txt { font-size: 26px; } } .oval-uudai-second .txt-number { font-weight: bold; display: flex; align-items: center; line-height: 1.3; font-size: 100px; background-image: linear-gradient(to bottom right, #f6c380, #8f6f41); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transform: translateX(5px); } @media screen and (max-width: 1024px) { .oval-uudai-second .txt-number { font-size: 80px; } } @media screen and (max-width: 768px) { .oval-uudai-second .txt-number { font-size: 70px; } } @media screen and (max-width: 500px) { .oval-uudai-second .txt-number { font-size: 56px; } } .oval-uudai-second .txt-number::after { content: "%"; line-height: 1.3; font-size: 40px; } @media screen and (max-width: 768px) { .oval-uudai-second .txt-number::after { font-size: 32px; } } .oval-uudai-second__frame { content: ""; position: absolute; z-index: -1; top: 0px; left: 0; width: 100%; height: 100%; padding: 2px; border-radius: 22px; background: transparent; border: 2px solid #bb8c33; clip-path: polygon(45px 4%, calc(100% - 45px) 4%, calc(100% - 45px) 0, 100% 0, 100% 100%, 0 100%, 0 0, 45px 0); } .oval-uudai-gray { display: inline-block; position: relative; padding: 40px 30px; text-align: center; color: #000; border-radius: 50%; font-family: 'Montserrat', sans-serif; } .oval-uudai-gray::after { content: ""; position: absolute; z-index: 0; top: 0px; left: 0; width: 100%; height: 100%; padding: 2px; border-radius: 50%; background: linear-gradient(to right, #828282, #ffffff, #828282); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; } .oval-uudai-gray .txt { text-transform: uppercase; font-size: 35px; position: absolute; top: -17px; left: 17px; font-weight: bold; z-index: 2; } @media screen and (max-width: 1200px) { .oval-uudai-gray .txt { font-size: 30px; } } @media screen and (max-width: 670px) { .oval-uudai-gray .txt { font-size: 26px; } } .oval-uudai-gray .txt-number { font-weight: bold; line-height: 1.3; font-size: 60px; } @media screen and (max-width: 1024px) { .oval-uudai-gray .txt-number { font-size: 50px; } } @media screen and (max-width: 768px) { .oval-uudai-gray .txt-number { font-size: 40px; } } .oval-uudai-gray .txt-number::after { content: "%"; font-size: 20px; } .loader { width: 12px; height: 12px; border-radius: 50%; display: block; margin: 15px auto; position: relative; color: #000; box-sizing: border-box; animation: animloader 1s linear infinite alternate; } .loader svg, .loader span { display: none; } @keyframes animloader { 0% { box-shadow: -38px -6px, -14px 6px, 14px -6px; } 33% { box-shadow: -38px 6px, -14px -6px, 14px 6px; } 66% { box-shadow: -38px -6px, -14px 6px, 14px -6px; } 100% { box-shadow: -38px 6px, -14px -6px, 14px 6px; } } .tag-loadmore { position: relative; } .tag-loadmore-btn { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; gap: 5px; color: #000; line-height: 1; font-size: 2rem; font-weight: 500; background-color: #00000000; } .hamo-chude { background-color: #eeeeee; padding: 15px 20px; border-radius: 10px; } .hamo-chude-title { color: #000; font-weight: bold; font-size: 16px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .hamo-chude-title:first-letter { text-transform: uppercase; } .hamo-chude-count { color: #1250dc; font-size: 14px; display: flex; align-items: center; gap: 12px; font-weight: 500; } .hamo-chude-count svg { height: 12px; fill: #1250dc; } .hamo-chude-count:hover { text-decoration: underline; } .hamo-boxauthor { padding: 10px 10px; box-shadow: 1px 1px 5px grey; max-height: 70vh; background-color: #eeeeee; overflow-y: scroll; } .hamo-boxauthor-px { margin: 0rem 1.5rem; } .hamo-boxauthor-pl { margin-left: 1.5rem; } .hamo-boxauthor-pr { margin-right: 1.5rem; } .hamo-boxauthor-policy { padding: 10px 10px; background-color: #ffe2d2; } @media only screen and (max-width: 576px) { .hamo-boxauthor { max-height: 50vh; } .hamo-boxauthor-pl { margin-left: 0rem; margin-bottom: 1.5rem; } .hamo-boxauthor-pr { margin-right: 0rem; margin-bottom: 1.5rem; } .hamo-boxauthor-px { margin: 1.5rem 0rem; } } .banner-second { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .banner-second .img-item { position: absolute; left: 90px; bottom: 0px; } .banner-second .img-item img { width: 100%; object-fit: cover; } @media screen and (max-width: 1200px) { .banner-second .img-item { left: 0; width: 50%; } } .banner-second .img-item-right { position: absolute; right: 0px; bottom: 0px; } @media screen and (max-width: 1200px) { .banner-second .img-item-right { position: relative; } } .banner-second .img-item-right img { object-fit: cover; } @media screen and (max-width: 1200px) { .banner-second .img-item-right { right: 0; } } .banner-second .banner-item { text-align: right; max-width: 400px; margin-left: auto; padding: 400px 0 270px; } @media screen and (max-width: 1200px) { .banner-second .banner-item { padding: 400px 0 10px; } } @media screen and (max-width: 670px) { .banner-second .banner-item { padding: 200px 0 300px; } } .banner-second .banner-left { text-align: left; margin-right: auto; margin-left: 0; max-width: 700px; } @media screen and (max-width: 1200px) { .banner-second .banner-left { padding: 200px 0; padding-bottom: 10px; } } @media screen and (max-width: 670px) { .banner-second .banner-left { padding-top: 100px; } } .banner-second .meta-title { font-family: 'Montserrat', sans-serif; margin-bottom: 25px; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .banner-second .meta-title { font-size: 20px; } } .banner-second .txt-title { margin-bottom: 25px; font-size: 35px; } @media screen and (max-width: 1200px) { .banner-second .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-second .txt-title { font-size: 26px; } } .banner-second .txt-content { line-height: 1.3; font-size: 24px; margin-bottom: 25px; } @media screen and (max-width: 768px) { .banner-second .txt-content { font-size: 20px; } } .banner-second .btn { text-transform: uppercase; font-size: 16px; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 991px) { .banner-second .btn { font-size: 14px; } } @media screen and (max-width: 1200px) { .banner-khachhang .banner-item { max-width: 50%; } } @media screen and (max-width: 768px) { .banner-khachhang .banner-item { max-width: 100%; padding-bottom: 0; } } .banner-khachhang .img-item-right { right: 250px; } @media screen and (max-width: 1600px) { .banner-khachhang .img-item-right { right: 0; } } @media screen and (max-width: 1200px) { .banner-khachhang .img-item-right { width: 60%; } } @media screen and (max-width: 768px) { .banner-khachhang .img-item-right { position: relative; margin-left: auto; } } @media screen and (max-width: 670px) { .banner-khachhang .img-item-right { width: 50%; } } @media screen and (max-width: 450px) { .banner-khachhang .img-item-right { width: 70%; } } .sec-dichvu .txt-title { padding-bottom: 90px; text-align: center; position: relative; color: #B58D5D; text-transform: uppercase; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-dichvu .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-dichvu .txt-title { font-size: 26px; } } @media screen and (max-width: 1200px) { .sec-dichvu .txt-title { padding-bottom: 60px; } } .sec-dichvu .txt-title::after { content: ""; background: #B58D5D; left: 50%; transform: translateX(-50%); max-width: 150px; width: 100%; bottom: 60px; height: 1px; position: absolute; } @media screen and (max-width: 1200px) { .sec-dichvu .txt-title::after { bottom: 30px; } } .sec-dichvu .wrapper-dichvu { margin: -30px 0; } @media screen and (max-width: 1200px) { .sec-dichvu .wrapper-dichvu { margin: -15px 0; } } .sec-dichvu .wrapper-dichvu .item-row { padding: 30px 0; } .sec-dichvu .wrapper-dichvu .item-row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1200px) { .sec-dichvu .wrapper-dichvu .item-row { padding: 15px 0; } } .sec-dichvu .wrapper-dichvu .box-flex { margin: -15px; } @media screen and (max-width: 1200px) { .sec-dichvu .wrapper-dichvu .box-flex { margin: -7.5px; } } .sec-dichvu .wrapper-dichvu .box-flex .col { padding: 15px; } @media screen and (max-width: 1200px) { .sec-dichvu .wrapper-dichvu .box-flex .col { padding: 7.5px; } } @media screen and (max-width: 670px) { .sec-dichvu .wrapper-dichvu .box-flex .col { width: 100%; } } .sec-dichvu .wrapper-dichvu .box-content .content-title { font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 25px; line-height: 1.3; font-size: 24px; display: block; } @media screen and (max-width: 768px) { .sec-dichvu .wrapper-dichvu .box-content .content-title { font-size: 20px; } } .sec-dichvu .wrapper-dichvu .box-content .txt-desc { font-size: 20px; margin-bottom: 25px; } .sec-dichvu .wrapper-dichvu .box-content .link-w-100 { color: #B58D5D; font-weight: bold; font-size: 20px; } .sec-dichvu .wrapper-dichvu .box-content .link-w-100::after { background: #B58D5D; } .sec-dichvu .wrapper-btn { margin-top: 50px; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-dichvu .wrapper-btn { margin-top: 25px; } } @media screen and (max-width: 670px) { .sec-8--4 .wrapper-container > .box-flex > .col { width: 100%; } } .sec-8--4 .box-flex { margin: -15px; } @media screen and (max-width: 1200px) { .sec-8--4 .box-flex { margin: -7.5px; } } .sec-8--4 .box-flex > .col { padding: 15px; position: relative; } @media screen and (max-width: 1200px) { .sec-8--4 .box-flex > .col { padding: 7.5px; } } .sec-8--4 .sidebar { padding: 90px 40px; background: rgba(244, 244, 244, 0.3); position: sticky; top: 20px; } @media screen and (max-width: 1200px) { .sec-8--4 .sidebar { padding: 45px 10px; } } .sec-8--4 .sidebar .wrapper-sidebar { margin: -25px 0; } @media screen and (max-width: 1200px) { .sec-8--4 .sidebar .wrapper-sidebar { margin: -15px 0; } } .sec-8--4 .sidebar .item-sidebar { padding: 25px 0; } @media screen and (max-width: 1200px) { .sec-8--4 .sidebar .item-sidebar { padding: 15px 0; } } .sec-8--4 .sidebar .item-sidebar:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sec-8--4 .sidebar .item-sidebar .txt-title { color: #B58D5D; text-transform: uppercase; line-height: 1.3; font-size: 24px; margin-bottom: 25px; } @media screen and (max-width: 768px) { .sec-8--4 .sidebar .item-sidebar .txt-title { font-size: 20px; } } .sec-8--4 .sidebar .item-sidebar .txt-content { margin-top: 15px; display: block; font-weight: bold; font-size: 16px; } @media screen and (max-width: 991px) { .sec-8--4 .sidebar .item-sidebar .txt-content { font-size: 14px; } } .sec-8--4 .content-dichvu-detail { padding: 90px 0; } .sec-8--4 .content-dichvu-detail .border-none { border: none !important; } .sec-8--4 .content-dichvu-detail .dot-link { margin: 15px !important; display: grid; grid-template-columns: auto auto; gap: 15px; } .sec-8--4 .content-dichvu-detail .dot-link li { list-style: disc; color: #000; } @media screen and (max-width: 576px) { .sec-8--4 .content-dichvu-detail .dot-link { grid-template-columns: auto; } } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail { padding: 20px 0; } } .sec-8--4 .content-dichvu-detail > .txt-title { color: #B58D5D; position: relative; text-transform: uppercase; font-weight: bold; font-size: 35px; padding-bottom: 30px; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail > .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-8--4 .content-dichvu-detail > .txt-title { font-size: 26px; } } .sec-8--4 .content-dichvu-detail > .txt-title::after { width: 100%; height: 1px; content: ''; position: absolute; } .sec-8--4 .content-dichvu-detail > .txt-title::after { background: #B58D5D; max-width: 150px; bottom: 0px; left: 0; } .sec-8--4 .content-dichvu-detail > .txt-desc { padding-top: 30px; font-size: 16px; } @media screen and (max-width: 991px) { .sec-8--4 .content-dichvu-detail > .txt-desc { font-size: 14px; } } .sec-8--4 .content-dichvu-detail .box-slide--down { max-width: 690px; margin: 50px auto; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .box-slide--down { margin: 25px auto; } } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title { padding: 20px 15px; background: #e7d6b4; color: #000; transition: 0.3s ease; cursor: pointer; position: relative; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title:hover, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title.is-active { color: #e7d6b4; background: #000; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title:hover .hamburger-inner, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title:hover .hamburger-inner::before, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title:hover .hamburger-inner::after, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title.is-active .hamburger-inner, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title.is-active .hamburger-inner::before, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title.is-active .hamburger-inner::after { background: #e7d6b4; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title.is-active .fas { transform: rotate(180deg); } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .hamburger-box, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .hamburger-inner, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .hamburger-inner::before, .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .hamburger-inner::after { width: 20px; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .hamburger { padding: 0; display: inline-block; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .txt-title { display: inline-block; padding-left: 10px; text-transform: uppercase; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .txt-title { font-size: 20px; } } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .arrow-down { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; line-height: 1.3; font-size: 24px; } .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .arrow-down .fas { transition: 0.3s ease; } @media screen and (max-width: 768px) { .sec-8--4 .content-dichvu-detail .box-slide--down .box-title .arrow-down { font-size: 20px; } } .sec-8--4 .content-dichvu-detail .box-slide--down .list-slide { border: 1px solid rgba(0, 0, 0, 0.2); } .sec-8--4 .content-dichvu-detail .box-slide--down .list-slide li { font-size: 20px; font-weight: bold; } .sec-8--4 .content-dichvu-detail .box-slide--down .list-slide li > a { padding: 10px 0; text-align: center; display: block; } .sec-8--4 .content-dichvu-detail .box-slide--down .list-slide li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sec-8--4 .content-dichvu-detail .wrapper-content { font-size: 16px; text-align: justify; } @media screen and (max-width: 991px) { .sec-8--4 .content-dichvu-detail .wrapper-content { font-size: 14px; } } .sec-8--4 .content-dichvu-detail .wrapper-content .second-title { font-size: 20px; } .sec-8--4 .content-dichvu-detail .wrapper-content .txt-title { font-family: "Averta", sans-serif; } .sec-8--4 .content-dichvu-detail .wrapper-content .img-w-100 { margin: 30px 0; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .wrapper-content .img-w-100 { margin: 15px 0; } } .sec-8--4 .content-dichvu-detail .wrapper-content .img-w-100 .content-img { padding: 12px; text-align: center; background-color: #e1e1e1; } .sec-8--4 .content-dichvu-detail .wrapper-content .img-w-100 .content-img .txt { margin: 0; } .sec-8--4 .content-dichvu-detail .wrapper-content .link { margin-top: 60px; font-style: italic; } .sec-8--4 .content-dichvu-detail .wrapper-content .txt-red { color: #a80047; } .sec-8--4 .content-dichvu-detail .wrapper-content .txt-title { line-height: 1.3; font-size: 24px; text-transform: uppercase; } @media screen and (max-width: 768px) { .sec-8--4 .content-dichvu-detail .wrapper-content .txt-title { font-size: 20px; } } .sec-8--4 .content-dichvu-detail .wrapper-content .description { display: block; color: #B58D5D; font-style: italic; margin: auto; text-align: center; max-width: 890px; margin-top: 40px; } .sec-8--4 .content-dichvu-detail .box-contact { display: flex; } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-img { width: 24px; } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-img img { width: 100%; object-fit: cover; margin-bottom: 3px; } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-content { width: calc(100% - 24px); padding-left: 2px; font-size: 16px; font-weight: 600; } @media screen and (max-width: 991px) { .sec-8--4 .content-dichvu-detail .box-contact .wrapper-content { font-size: 14px; } } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-content .txt-contact { margin: 0; } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-content .link { color: #B58D5D; font-style: normal; } .sec-8--4 .content-dichvu-detail .box-contact .wrapper-content .link-w-100::after { background: #B58D5D; } .sec-8--4 .content-dichvu-detail .list-orther { margin-top: 90px; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .list-orther { margin-top: 45px; } } .sec-8--4 .content-dichvu-detail .list-orther > .txt-title { margin-bottom: 40px; line-height: 1.3; font-size: 24px; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 768px) { .sec-8--4 .content-dichvu-detail .list-orther > .txt-title { font-size: 20px; } } .sec-8--4 .content-dichvu-detail .list-orther .wrapper-list { margin: -20px 0; } .sec-8--4 .content-dichvu-detail .list-orther .item-row { padding: 20px 0; } .sec-8--4 .content-dichvu-detail .list-orther .item-row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sec-8--4 .content-dichvu-detail .list-orther .item-row .txt-title { font-size: 16px; } @media screen and (max-width: 991px) { .sec-8--4 .content-dichvu-detail .list-orther .item-row .txt-title { font-size: 14px; } } .sec-8--4 .content-dichvu-detail .list-orther .item-row .link-w-100 { margin-top: 20px; display: block; width: fit-content; color: #B58D5D; } .sec-8--4 .content-dichvu-detail .list-orther .item-row .link-w-100::after { background-color: #B58D5D; } .sec-8--4 .content-dichvu-detail .list-orther .box-flex .col { padding: 15px; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .list-orther .box-flex .col { padding: 7.5px; } } @media screen and (max-width: 670px) { .sec-8--4 .content-dichvu-detail .list-orther .box-flex .col { width: 50%; } } @media screen and (max-width: 370px) { .sec-8--4 .content-dichvu-detail .list-orther .box-flex .col { width: 100%; } } .sec-8--4 .content-dichvu-detail .list-dichvu-khac { max-width: 560px; } .sec-8--4 .content-dichvu-detail .content-flex { padding: 10px 0; } .sec-8--4 .content-dichvu-detail .wrapper-flex { margin: -15px; display: flex; flex-wrap: wrap; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .wrapper-flex { margin: -7.5px; } } .sec-8--4 .content-dichvu-detail .wrapper-flex p:first-child { margin-top: 0; } .sec-8--4 .content-dichvu-detail .wrapper-flex .img-w-100 { margin: 0; } .sec-8--4 .content-dichvu-detail .wrapper-flex .col-6 { padding: 15px; position: relative; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .wrapper-flex .col-6 { padding: 7.5px; } } @media screen and (max-width: 550px) { .sec-8--4 .content-dichvu-detail .wrapper-flex .col-6 { width: 100%; } } .sec-8--4 .content-dichvu-detail .article-meta { padding-top: 30px; margin-bottom: 30px; } .sec-8--4 .content-dichvu-detail .article-meta li { display: inline-block; color: #7E7E7E; } .sec-8--4 .content-dichvu-detail .article-meta li:not(:last-child) { margin-right: 50px; } @media screen and (max-width: 1200px) { .sec-8--4 .content-dichvu-detail .article-meta li:not(:last-child) { margin-right: 15px; } } .sec-8--4 .content-dichvu-detail .article-meta li img { display: inline-block; } .sec-8--4 .content-dichvu-detail .article-meta li .txt-item { display: inline; vertical-align: middle; margin-left: 10px; } .sec-form-dangky { padding-bottom: 90px; } @media screen and (max-width: 1200px) { .sec-form-dangky { padding-bottom: 45px; } } @media screen and (max-width: 768px) { .sec-form-dangky .box-flex .col-6 { width: 100%; } } .sec-form-dangky .box-info { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; padding-top: 60px; color: #3A1C1A; } @media screen and (max-width: 768px) { .sec-form-dangky .box-info { display: none; } } .sec-form-dangky .box-info .txt-title { font-size: 30px; line-height: 1.3; margin-bottom: 25px; } @media screen and (max-width: 550px) { .sec-form-dangky .box-info .txt-title { font-size: 20px; } } .sec-form-dangky .box-info .txt-content { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 10px; } .sec-form-dangky .box-info .wrapper-number { margin: auto; width: fit-content; margin-bottom: 25px; } .sec-form-dangky .box-info .box-number { padding: 5px 30px; background: -webkit-linear-gradient(#be8b37, #d8b148, #be8b37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid; border-image: linear-gradient(45deg, #FDFBD0, #D8B148, #9C672B) 10; font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight: bold; } @media screen and (max-width: 1200px) { .sec-form-dangky .box-info .box-number { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-form-dangky .box-info .box-number { font-size: 26px; } } .sec-form-dangky .form-dangky { background: #3A1C1A; color: #fff; padding: 60px; height: 100%; } @media screen and (max-width: 1200px) { .sec-form-dangky .form-dangky { padding: 30px; } } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky { padding: 0; border: 1px solid #000; background: transparent; color: #000; } } .sec-form-dangky .form-dangky .txt-title { text-align: center; margin-bottom: 40px; font-weight: bold; font-size: 30px; line-height: 1.3; text-transform: uppercase; } @media screen and (max-width: 550px) { .sec-form-dangky .form-dangky .txt-title { font-size: 20px; } } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .txt-title { padding: 10px 25px; text-align: left; color: #fff; margin-bottom: 0; background: #000; } } .sec-form-dangky .form-dangky .wrapper-form { margin: -20px 0; } @media screen and (max-width: 1200px) { .sec-form-dangky .form-dangky .wrapper-form { margin: -10px 0; } } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .wrapper-form { padding: 20px 25px; } } .sec-form-dangky .form-dangky .wrapper-form .f-group { padding: 20px 0; } @media screen and (max-width: 1200px) { .sec-form-dangky .form-dangky .wrapper-form .f-group { padding: 10px 0; } } .sec-form-dangky .form-dangky .wrapper-form label { display: block; margin-bottom: 10px; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .wrapper-form label { font-size: 20px; } } .sec-form-dangky .form-dangky .wrapper-form .f-control { border-radius: 0; } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .wrapper-form .f-control { border: 1px solid rgba(0, 0, 0, 0.2); } } .sec-form-dangky .form-dangky .wrapper-form .f-chkbox { padding-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-form-dangky .form-dangky .wrapper-form .f-chkbox { padding-bottom: 25px; } } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .wrapper-form .f-chkbox { display: none; } } .sec-form-dangky .form-dangky .wrapper-form select { appearance: none; background-image: var(--wpr-bg-e5259a4c-b1ac-4126-863a-8b62cba15e56); background-size: 24px; background-position: center right 10px; background-repeat: no-repeat; } .sec-form-dangky .form-dangky .wrapper-form .container-input { margin-bottom: 0; font-size: 14px; } .sec-form-dangky .form-dangky .wrapper-form .container-input .checkmark { border-radius: 0; } .sec-form-dangky .form-dangky .wrapper-form .f-btn { text-align: center; padding-bottom: 20px; } @media screen and (max-width: 1200px) { .sec-form-dangky .form-dangky .wrapper-form .f-btn { padding-bottom: 10px; } } @media screen and (max-width: 768px) { .sec-form-dangky .form-dangky .wrapper-form .f-btn { padding-top: 20px; } .sec-form-dangky .form-dangky .wrapper-form .f-btn .btn { width: 100%; } } .sec-form-dangky .form-dangky .wrapper-form .btn { border: 0; } .wrapper-coso { margin: -45px 0; } @media screen and (max-width: 1200px) { .wrapper-coso { margin: -20px 0; } } .wrapper-coso .item-row { padding: 45px 0; position: relative; } .wrapper-coso .item-row:nth-child(2n+2) .box-flex { flex-direction: row-reverse; } .wrapper-coso .item-row:nth-child(2n+2) .bg-img { right: auto; left: -230px; } @media screen and (max-width: 1200px) { .wrapper-coso .item-row:nth-child(2n+2) .bg-img { width: 100%; bottom: 0; } } @media screen and (max-width: 768px) { .wrapper-coso .item-row:nth-child(2n+2) .bg-img { left: 0; } } @media screen and (max-width: 1200px) { .wrapper-coso .item-row { padding: 20px 0; } } .wrapper-coso .item-row .bg-img { position: absolute; z-index: -1; bottom: 90px; right: -230px; } @media screen and (max-width: 1200px) { .wrapper-coso .item-row .bg-img { width: 100%; bottom: 0; } } @media screen and (max-width: 768px) { .wrapper-coso .item-row .bg-img { right: 0; } } .wrapper-coso .item-row .bg-img img { max-width: none; } @media screen and (max-width: 1200px) { .wrapper-coso .item-row .bg-img img { max-width: 100%; width: 100%; object-fit: cover; } } .wrapper-coso .box-flex { margin: -15px; position: relative; align-items: center; } @media screen and (max-width: 1200px) { .wrapper-coso .box-flex { margin: -7.5px; } } .wrapper-coso .box-flex .col-6 { padding: 15px; position: relative; } @media screen and (max-width: 1200px) { .wrapper-coso .box-flex .col-6 { padding: 7.5px; } } @media screen and (max-width: 768px) { .wrapper-coso .box-flex .col-6 { width: 100%; } } .wrapper-coso .box-flex .txt-bg { position: absolute; top: -70px; left: 0; font-size: 100px; color: #fff; z-index: -1; font-weight: bold; -webkit-text-stroke: 1px rgba(156, 103, 43, 0.2); } @media screen and (max-width: 768px) { .wrapper-coso .box-flex .txt-bg { top: 0; font-size: 50px; } } .wrapper-coso .wrapper-content .txt-title { padding-bottom: 0; text-align: left; font-size: 35px; margin-bottom: 40px; } @media screen and (max-width: 1200px) { .wrapper-coso .wrapper-content .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .wrapper-coso .wrapper-content .txt-title { font-size: 26px; } } @media screen and (max-width: 1200px) { .wrapper-coso .wrapper-content .txt-title { margin-bottom: 20px; } } .wrapper-coso .wrapper-content .txt-title::after { display: none; } .wrapper-coso .wrapper-content .txt-desc { font-size: 20px; margin-bottom: 60px; } @media screen and (max-width: 1200px) { .wrapper-coso .wrapper-content .txt-desc { margin-bottom: 30px; } } .wrapper-coso .wrapper-content .btn { text-transform: uppercase; font-size: 16px; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 991px) { .wrapper-coso .wrapper-content .btn { font-size: 14px; } } .wrapper-columns { display: flex; flex-wrap: wrap; margin: -35px -15px; } @media screen and (max-width: 1200px) { .wrapper-columns { margin: -7.5px; } } .wrapper-columns .column { width: 50%; padding: 35px 15px; } @media screen and (max-width: 1200px) { .wrapper-columns .column { padding: 7.5px; } } @media screen and (max-width: 849px) { .wrapper-columns .column { width: 100%; } } .wrapper-columns .column .row:not(:last-child) { padding-bottom: 20px; } .wrapper-columns .column .row .box-content { display: flex; } @media screen and (max-width: 1200px) { .wrapper-columns .column .row .box-content { flex-wrap: wrap; } } .wrapper-columns .column .row .box-content .box-email { padding-left: 5px; } .wrapper-columns .column .row .box-content .box-email > a { display: block; } .wrapper-columns .txt-title { font-size: 20px; margin-bottom: 20px; } .wrapper-columns .wrapper-content { display: flex; } .wrapper-columns .wrapper-content .box-icon { width: 30px; } .wrapper-columns .wrapper-content .box-content { width: calc(100% - 30px); font-size: 16px; text-align: justify; padding-left: 20px; } @media screen and (max-width: 991px) { .wrapper-columns .wrapper-content .box-content { font-size: 14px; } } .wrapper-columns .wrapper-content .box-content .link { color: #B58D5D; font-style: normal; } .wrapper-columns .wrapper-content .box-content .txt { display: inline-block; } .box-video .txt-title { margin-bottom: 20px; } .box-video .wrapper-video { position: relative; padding-top: 56.25%; width: 100%; } .box-video .wrapper-video video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .box-video .fluid_video_wrapper { width: 100% !important; } .box-map { padding-top: 90px; } @media screen and (max-width: 1200px) { .box-map { padding-top: 45px; } } .box-map .select-input { text-transform: uppercase; padding: 13px 20px; border: 1px solid; border-image: linear-gradient(45deg, #FDFBD0, #D8B148, #9C672B) 10; font-size: 20px; appearance: none; background-image: var(--wpr-bg-eeee5aa6-7af4-493a-b877-8622e9be5323); background-size: 24px 24px; background-repeat: no-repeat; background-position: center right 13px; margin-bottom: 30px; } .box-map .wrapper-iframe { position: relative; padding-top: 56.25%; width: 100%; } .box-map .wrapper-iframe iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } .banner-uudai { background: linear-gradient(to bottom, #3A1C1A, #000); } @media screen and (max-width: 670px) { .banner-uudai { height: auto; } } .banner-uudai .banner-item { max-width: 570px; padding: 90px 0; text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 992px) { .banner-uudai .banner-item { max-width: 50%; } } @media screen and (max-width: 670px) { .banner-uudai .banner-item { max-width: 100%; } } .banner-uudai .banner-item .txt-content { font-weight: 300; margin-bottom: 40px; } .banner-uudai .banner-item .btn { background: linear-gradient(to right, #8F6F41, #F6C380, #8F6F41, #F6C380); } .banner-uudai .img-item-right { right: 280px; } @media screen and (max-width: 1600px) { .banner-uudai .img-item-right { right: 0; } } @media screen and (max-width: 1200px) { .banner-uudai .img-item-right { width: 30%; margin-left: auto; position: absolute; } } @media screen and (max-width: 670px) { .banner-uudai .img-item-right { position: relative; width: 50%; margin: auto; } } .banner-uudai .box-sale { position: relative; max-width: 350px; padding: 50px 30px; background-image: var(--wpr-bg-97f9ca25-0a30-4ea9-8b22-849ad9cd3485); background-size: contain; background-repeat: no-repeat; margin: 30px auto; } @media screen and (max-width: 1200px) { .banner-uudai .box-sale { max-width: 150px; padding: 35px 30px; } } .banner-uudai .box-sale .txt-sale { position: absolute; font-size: 35px; background: -webkit-linear-gradient(#be8b37, #d8b148, #be8b37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; left: 50%; transform: translateX(-50%); top: -25px; } @media screen and (max-width: 1200px) { .banner-uudai .box-sale .txt-sale { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-uudai .box-sale .txt-sale { font-size: 26px; } } .banner-uudai .box-sale .txt-number { font-size: 150px; background: -webkit-linear-gradient(#be8b37, #d8b148, #be8b37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .banner-uudai .box-sale .txt-number { font-size: 50px; } } .banner-uudai .box-sale .txt-number::after { content: '%'; font-size: 60px; background: -webkit-linear-gradient(#be8b37, #d8b148, #be8b37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .banner-uudai .box-sale .txt-number::after { font-size: 20px; } } .sec-uudai .box-title { max-width: 930px; text-align: center; margin: auto; padding-bottom: 60px; } .sec-uudai .box-title .txt-title { padding-bottom: 30px; text-align: center; position: relative; color: #B58D5D; text-transform: uppercase; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-uudai .box-title .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-uudai .box-title .txt-title { font-size: 26px; } } .sec-uudai .box-title .txt-title::after { content: ""; background: #B58D5D; left: 50%; transform: translateX(-50%); max-width: 150px; width: 100%; bottom: 0px; height: 1px; position: absolute; } .sec-uudai .box-title .txt-content { padding-top: 30px; font-size: 20px; } .sec-uudai .row-uudai:not(:last-child) { margin-bottom: 90px; } .sec-uudai .row-uudai .txt-title { color: #B58D5D; line-height: 1.3; font-size: 24px; margin-bottom: 40px; text-transform: uppercase; } @media screen and (max-width: 768px) { .sec-uudai .row-uudai .txt-title { font-size: 20px; } } .sec-uudai .row-uudai .box-flex { margin: -15px; } @media screen and (max-width: 1200px) { .sec-uudai .row-uudai .box-flex { margin: -7.5px; } } .sec-uudai .row-uudai .box-flex .col-4 { padding: 15px; } @media screen and (max-width: 1200px) { .sec-uudai .row-uudai .box-flex .col-4 { padding: 7.5px; } } @media screen and (max-width: 768px) { .sec-uudai .row-uudai .box-flex .col-4 { width: 50%; } } @media screen and (max-width: 450px) { .sec-uudai .row-uudai .box-flex .col-4 { width: 100%; } } .sec-new .box-title { max-width: 930px; text-align: center; margin: auto; } .sec-new .box-title .txt-title { padding-bottom: 30px; text-align: center; position: relative; color: #B58D5D; text-transform: uppercase; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-new .box-title .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-new .box-title .txt-title { font-size: 26px; } } .sec-new .box-title .txt-title::after { content: ''; background: #B58D5D; left: 50%; transform: translateX(-50%); max-width: 150px; width: 100%; bottom: 0px; height: 1px; position: absolute; } .sec-new .box-title .txt-content { padding-top: 30px; font-size: 20px; } .sec-new .box-new-main { margin: 40px 0; } .sec-new .box-new-main .col-6 { background: #3A1C1A; color: #fff; } @media screen and (max-width: 768px) { .sec-new .box-new-main .col-6 { width: 100%; } } .sec-new .box-new-main .wrapper-content { padding: 60px; } @media screen and (max-width: 1200px) { .sec-new .box-new-main .wrapper-content { padding: 15px; } } .sec-new .box-new-main .wrapper-content .article-hd { color: #f6c380; font-weight: bold; font-size: 16px; padding-bottom: 15px; } @media screen and (max-width: 991px) { .sec-new .box-new-main .wrapper-content .article-hd { font-size: 14px; } } .sec-new .box-new-main .wrapper-content .txt-title { font-size: 30px; line-height: 1.3; margin-bottom: 25px; text-align: justify; text-transform: uppercase; font-family: 'Averta', sans-serif; } @media screen and (max-width: 550px) { .sec-new .box-new-main .wrapper-content .txt-title { font-size: 20px; } } .sec-new .box-new-main .wrapper-content .txt-desc { font-size: 16px; margin-bottom: 25px; } @media screen and (max-width: 991px) { .sec-new .box-new-main .wrapper-content .txt-desc { font-size: 14px; } } .sec-new .box-new-main .wrapper-content .link-w-100 { font-size: 16px; color: #f6c380; } @media screen and (max-width: 991px) { .sec-new .box-new-main .wrapper-content .link-w-100 { font-size: 14px; } } .sec-new .box-new-main .wrapper-content .link-w-100::after { background: #f6c380; } .sec-new .wrapper-row { padding: 40px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); } .sec-new .wrapper-row .row-new > .txt-title { color: #b58d5d; text-transform: uppercase; margin-bottom: 40px; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-new .wrapper-row .row-new > .txt-title { font-size: 20px; } } .sec-new .wrapper-row .box-flex { margin: -15px; } @media screen and (max-width: 1200px) { .sec-new .wrapper-row .box-flex { margin: -7.5px; } } .sec-new .wrapper-row .box-flex .col-3 { padding: 15px; } @media screen and (max-width: 1200px) { .sec-new .wrapper-row .box-flex .col-3 { padding: 7.5px; width: 50%; } } @media screen and (max-width: 450px) { .sec-new .wrapper-row .box-flex .col-3 { width: 100%; } } .sec-new .wrapper-row .box-content-v .txt-title { color: #000; font-size: 20px; text-align: justify; } .sec-new .wrapper-row .wrapper-new-child { margin: -15px 0; } .sec-new .wrapper-row .item-new { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 0; } .sec-new .wrapper-row .item-new:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sec-new .wrapper-row .item-new .img-w-100 { width: 120px; } .sec-new .wrapper-row .item-new .box-content { width: calc(100% - 120px); padding-left: 10px; } .sec-new .wrapper-row .item-new .box-content .txt-title { color: #000; font-size: 16px; font-family: 'Averta', sans-serif; text-transform: unset; font-weight: 500; } @media screen and (max-width: 991px) { .sec-new .wrapper-row .item-new .box-content .txt-title { font-size: 14px; } } @media screen and (max-width: 670px) { .banner-chuyengia { display: none; } } .banner-chuyengia .banner-item { max-width: 440px; position: relative; z-index: 2; padding: 310px 0 200px; } .banner-chuyengia .banner-item .txt-content { text-transform: uppercase; } .banner-chuyengia .banner-item .txt-desc { font-style: italic; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .banner-chuyengia .banner-item .txt-desc { font-size: 20px; } } .banner-chuyengia .img-item { left: 0; overflow: hidden; } @media screen and (max-width: 1200px) { .banner-chuyengia .img-item { width: 70%; } } .banner-chuyengia .img-item img { transform: translateX(-50px); } @media screen and (max-width: 1200px) { .banner-chuyengia .img-item img { transform: translateX(0); } } .sec-chuyengia .box-title { max-width: 930px; text-align: center; margin: auto; margin-bottom: 60px; } .sec-chuyengia .box-title .txt-title { padding-bottom: 30px; text-align: center; position: relative; color: #B58D5D; text-transform: uppercase; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-chuyengia .box-title .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-chuyengia .box-title .txt-title { font-size: 26px; } } .sec-chuyengia .box-title .txt-title::after { content: ""; background: #B58D5D; left: 50%; transform: translateX(-50%); max-width: 150px; width: 100%; bottom: 0px; height: 1px; position: absolute; } .sec-chuyengia .box-tablink { display: flex; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); position: relative; } .sec-chuyengia .box-tablink .tab-item { width: 33.33%; cursor: pointer; text-align: center; font-family: 'Montserrat', sans-serif; padding: 0 15px; color: #5F5F5F; transition: 0.3s ease; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-chuyengia .box-tablink .tab-item { font-size: 20px; } } @media screen and (max-width: 670px) { .sec-chuyengia .box-tablink .tab-item { font-size: 12px; } } .sec-chuyengia .box-tablink .tab-item:hover, .sec-chuyengia .box-tablink .tab-item.active { color: #000; } .sec-chuyengia .box-tablink .line { position: absolute; bottom: 0px; background: #B58D5D; left: 0; height: 1px; transition: 0.3s ease; width: 50px; } .sec-chuyengia .box-flex { margin: -45px -15px; } @media screen and (max-width: 1200px) { .sec-chuyengia .box-flex { margin: -7.5px; } } .sec-chuyengia .box-flex .col-6 { padding: 45px 15px; } @media screen and (max-width: 1200px) { .sec-chuyengia .box-flex .col-6 { padding: 7.5px; } } @media screen and (max-width: 849px) { .sec-chuyengia .box-flex .col-6 { width: 100%; } } .sec-chuyengia .panel-item { opacity: 0; visibility: hidden; transition: 0.3s ease; height: 0; display: none; } .sec-chuyengia .panel-item.active { display: block; opacity: 1; visibility: visible; height: auto; animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .banner-thuvien { height: auto; } @media screen and (max-width: 670px) { .banner-thuvien { display: none; } } .banner-thuvien .container { position: relative; display: flex; } .banner-thuvien .container .list-img-item { position: relative; width: 50%; z-index: 1; padding: 30px 0; } .banner-thuvien .container .list-img-item img { display: block; } .banner-thuvien .container .list-img-item img:nth-child(1) { transform: rotate(5deg); } .banner-thuvien .container .list-img-item img:nth-child(2) { margin-left: auto; margin-top: -110px; transform: rotate(-15deg); } .banner-thuvien .container .list-img-item img:nth-child(3) { margin: auto; margin-top: -80px; transform: rotate(10deg); } .banner-thuvien .container .banner-item { position: relative; z-index: 2; width: 50%; } .sec-thuvien .box-title { max-width: 930px; text-align: center; margin: auto; margin-bottom: 60px; } .sec-thuvien .box-title .txt-title { padding-bottom: 30px; text-align: center; position: relative; color: #B58D5D; text-transform: uppercase; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-thuvien .box-title .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-thuvien .box-title .txt-title { font-size: 26px; } } .sec-thuvien .box-title .txt-title::after { content: ''; background: #B58D5D; left: 50%; transform: translateX(-50%); max-width: 150px; width: 100%; bottom: 0px; height: 1px; position: absolute; } .sec-thuvien .box-tablink-thuvien { display: flex; flex-wrap: wrap; margin-bottom: 40px; position: relative; max-width: 1170px; margin: auto; } .sec-thuvien .box-tablink-thuvien .tab-item { cursor: pointer; text-align: center; padding: 0 15px 10px; margin: 0 10px; color: #7e7e7e; transition: 0.3s ease; font-size: 20px; } @media screen and (max-width: 1200px) { .sec-thuvien .box-tablink-thuvien .tab-item { margin: 0; } } @media screen and (max-width: 670px) { .sec-thuvien .box-tablink-thuvien .tab-item { font-size: 12px; padding: 5px 10px; margin: 0 5px; } } @media screen and (max-width: 500px) { .sec-thuvien .box-tablink-thuvien .tab-item { margin: 0; } } .sec-thuvien .box-tablink-thuvien .tab-item:hover, .sec-thuvien .box-tablink-thuvien .tab-item.active { color: #B58D5D; border-bottom: 1px solid #B58D5D; transition: 0.3s ease; } .sec-thuvien .box-tablink-thuvien .txt-title { line-height: 1.3; font-size: 24px; text-transform: uppercase; margin-right: 50px; } @media screen and (max-width: 768px) { .sec-thuvien .box-tablink-thuvien .txt-title { font-size: 20px; } } @media screen and (max-width: 849px) { .sec-thuvien .box-tablink-thuvien .txt-title { margin-right: 0; margin-bottom: 10px; width: 100%; } } .sec-thuvien .box-panel-thuvien { padding-top: 75px; } .sec-thuvien .box-panel-thuvien .panel-item { opacity: 0; visibility: hidden; transition: 0.3s ease; height: 0; display: none; } .sec-thuvien .box-panel-thuvien .panel-item.active { display: block; opacity: 1; visibility: visible; height: auto; animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .sec-thuvien .slide-thuvien { position: relative; padding-bottom: 60px; } .sec-thuvien .slide-thuvien .swiper-slide { padding: 30px; transition: 0.3s ease; } @media screen and (max-width: 1200px) { .sec-thuvien .slide-thuvien .swiper-slide { padding: 7.5px; } } .sec-thuvien .slide-thuvien .swiper-slide .img-light { display: block; width: 100%; } .sec-thuvien .slide-thuvien .swiper-slide .img-light img { width: 100%; object-fit: cover; } .sec-thuvien .slide-thuvien .swiper-slide-active { padding: 0; transition: 0.3s ease; } .sec-thuvien .slide-thuvien .swiper-scrollbar { height: 2px; position: absolute; bottom: 0; width: 100%; max-width: 1410px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1600px) { .sec-thuvien .slide-thuvien .swiper-scrollbar { max-width: 990px; } } .sec-thuvien .slide-thuvien .swiper-scrollbar-drag { background: #B58D5D; height: 3px; } .sec-thuvien .slide-thuvien .swiper-button-prev { background-image: var(--wpr-bg-d8f5b607-b8ec-44e3-a42f-6daf4bd74a87); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .sec-thuvien .slide-thuvien .swiper-button-prev::after { content: ''; } .sec-thuvien .slide-thuvien .swiper-button-next { background-image: var(--wpr-bg-c362be13-5cba-4366-9e77-daffd0ed88e3); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .sec-thuvien .slide-thuvien .swiper-button-next::after { content: ''; } .sec-thuvien .slide-thuvien .swiper-button-next.swiper-button-disabled, .sec-thuvien .slide-thuvien .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: grayscale(1); } .sec-thuvien .wrapper-box:not(:last-child) { padding-bottom: 80px; } @media screen and (max-width: 1200px) { .sec-thuvien .wrapper-box:not(:last-child) { padding-bottom: 40px; } } .sec-thuvien .video { width: 100%; cursor: pointer; position: relative; } .sec-thuvien .video::after { width: 100%; height: 100%; content: ''; position: absolute; } .sec-thuvien .video:hover::after { opacity: 1; visibility: visible; } .sec-thuvien .video::after { background: rgba(0, 0, 0, 0.5); left: 0; top: 0; transition: 0.3s ease; opacity: 0; visibility: hidden; } .banner-gioithieu { height: auto; } @media screen and (max-width: 670px) { .banner-gioithieu .banner-item { padding: 40px 0; text-align: center; } } @media screen and (max-width: 1200px) { .banner-gioithieu .img-item-right { width: 50%; } } @media screen and (max-width: 670px) { .banner-gioithieu .img-item-right { position: relative; margin: auto; width: 100%; } } .sec-video { padding: 130px 0; } @media screen and (max-width: 1200px) { .sec-video { padding: 60px 0; } } @media screen and (max-width: 670px) { .sec-video { padding: 0; } } .sec-video .box-title { text-align: center; font-size: 35px; max-width: 930px; margin: auto; margin-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-video .box-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-video .box-title { font-size: 26px; } } @media screen and (max-width: 670px) { .sec-video .box-title { display: none; } } @media screen and (max-width: 670px) { .sec-video .box-video { margin: 0 -15px; } } .sec-video .fp_title { display: none; } @media screen and (max-width: 670px) { .sec-video .fp_title { display: block; top: 20px; left: 50%; transform: translateX(-50%); line-height: 1.3; font-size: 24px; width: 100%; padding: 0 20px; text-align: center; white-space: normal; } } @media screen and (max-width: 670px) and (max-width: 768px) { .sec-video .fp_title { font-size: 20px; } } .sec-video video { max-height: 800px; } @media screen and (max-width: 849px) { .sec-video video { max-height: 400px; } } .sec-video video::after { content: attr(data-title); } .sec-video .fluid_html_on_pause { background: rgba(0, 0, 0, 0.2); } .sec-video .fluid_initial_play_button { border-color: transparent transparent transparent #9c672b; } .sec-video .fluid_initial_play { background: #fff !important; } .sec-slide-gioithieu { padding-bottom: 130px; } @media screen and (max-width: 1200px) { .sec-slide-gioithieu { padding-bottom: 60px; } } @media screen and (max-width: 670px) { .sec-slide-gioithieu { padding: 60px 0; } } .sec-slide-gioithieu .box-title { text-align: center; font-size: 35px; max-width: 856px; margin: auto; margin-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-slide-gioithieu .box-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-slide-gioithieu .box-title { font-size: 26px; } } .sec-slide-gioithieu .slide-thuvien { position: relative; padding-bottom: 60px; } .sec-slide-gioithieu .slide-thuvien .swiper-slide { padding: 30px; transition: 0.3s ease; } @media screen and (max-width: 1200px) { .sec-slide-gioithieu .slide-thuvien .swiper-slide { padding: 7.5px; } } .sec-slide-gioithieu .slide-thuvien .swiper-slide .img-light { display: block; width: 100%; } .sec-slide-gioithieu .slide-thuvien .swiper-slide .img-light img { width: 100%; object-fit: cover; } .sec-slide-gioithieu .slide-thuvien .swiper-slide-active { padding: 0; transition: 0.3s ease; } .sec-slide-gioithieu .slide-thuvien .swiper-scrollbar { height: 2px; position: absolute; bottom: 0; width: 100%; max-width: 1320px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1600px) { .sec-slide-gioithieu .slide-thuvien .swiper-scrollbar { max-width: 990px; } } .sec-slide-gioithieu .slide-thuvien .swiper-scrollbar-drag { background: #B58D5D; height: 3px; } .sec-slide-gioithieu .slide-thuvien .swiper-button-prev { background-image: var(--wpr-bg-9d436368-4c31-4d23-9e94-8c0ef44cbc84); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .sec-slide-gioithieu .slide-thuvien .swiper-button-prev::after { content: ''; } .sec-slide-gioithieu .slide-thuvien .swiper-button-next { background-image: var(--wpr-bg-1f9b8624-a47f-4c7e-9096-c3a1db86d001); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .sec-slide-gioithieu .slide-thuvien .swiper-button-next::after { content: ''; } .sec-slide-gioithieu .slide-thuvien .swiper-button-next.swiper-button-disabled, .sec-slide-gioithieu .slide-thuvien .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: grayscale(1); } .sec-beautifull .cols-beauti { display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-beautifull .cols-beauti { margin: -7.5px; } } .sec-beautifull .cols-beauti .col { width: 25%; padding: 15px; color: #fff; } .sec-beautifull .cols-beauti .col:nth-child(1) .box-content { background: #d8d8d8; } .sec-beautifull .cols-beauti .col:nth-child(2) .box-content { background: #c0c0c0; } .sec-beautifull .cols-beauti .col:nth-child(3) .box-content { background: #989898; } .sec-beautifull .cols-beauti .col:nth-child(4) .box-content { background: #525252; } @media screen and (max-width: 1200px) { .sec-beautifull .cols-beauti .col { padding: 7.5px; width: 50%; } } @media screen and (max-width: 670px) { .sec-beautifull .cols-beauti .col { width: 100%; } } .sec-beautifull .cols-beauti .col .box-content { position: relative; padding: 70px 20px; height: 100%; text-align: center; } .sec-beautifull .cols-beauti .col .box-content .txt-title { position: relative; z-index: 3; max-width: 180px; line-height: 1.3; font-size: 24px; text-transform: uppercase; } @media screen and (max-width: 768px) { .sec-beautifull .cols-beauti .col .box-content .txt-title { font-size: 20px; } } .sec-beautifull .cols-beauti .col .box-content .bg-img { position: absolute; z-index: 0; top: 0; right: 0; } .sec-beautifull .cols-beauti .col .box-content .bg-human { position: absolute; z-index: 1; right: 0; bottom: 0; } .sec-beautifull .box-khacbiet { padding-top: 130px; } @media screen and (max-width: 1200px) { .sec-beautifull .box-khacbiet { padding-top: 60px; } } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet { background: radial-gradient(#e7ebec, #dcdcdc, #cecece, #bebebe); margin-top: 60px; } } @media screen and (max-width: 670px) { .sec-beautifull .box-khacbiet { margin: 60px -15px 0; } } .sec-beautifull .box-khacbiet .box-title { text-align: center; font-size: 35px; max-width: 856px; margin: auto; margin-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-beautifull .box-khacbiet .box-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-beautifull .box-khacbiet .box-title { font-size: 26px; } } .sec-beautifull .box-khacbiet .content-khacbiet { padding: 80px 20px; padding-bottom: 0; position: relative; background: radial-gradient(#e7ebec, #dcdcdc, #cecece, #bebebe); } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet .content-khacbiet { background: transparent; padding: 0px; } } .sec-beautifull .box-khacbiet .content-khacbiet .bg-img { position: absolute; z-index: 0; top: 50%; transform: translateY(-50%); left: 0; } .sec-beautifull .box-khacbiet .content-khacbiet .bg-human { position: relative; z-index: 1; width: 100%; text-align: center; margin-top: -50%; } @media screen and (max-width: 1200px) { .sec-beautifull .box-khacbiet .content-khacbiet .bg-human { margin-top: -75%; } } .sec-beautifull .box-khacbiet .content-khacbiet .item { background: linear-gradient(45deg, #828282, #ffffff, #828282); text-align: center; clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%); padding: 70px 25px; justify-content: center; display: flex; width: 200px; height: 200px; text-transform: uppercase; align-items: center; position: relative; } .sec-beautifull .box-khacbiet .content-khacbiet .item::after { clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%); content: ''; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; left: 2px; top: 2px; background: linear-gradient(-45deg, #7a7a7a, #dfdfdf, #7a7a7a); z-index: -1; } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet .content-khacbiet .item { padding: 50px 5px; font-size: 10px; width: 100px; height: 100px; } } @media screen and (max-width: 670px) { .sec-beautifull .box-khacbiet .content-khacbiet .item { padding: 25px 5px; } } .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(1), .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(3) { margin: 0 140px; } @media screen and (max-width: 1300px) { .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(1), .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(3) { margin: 0 70px; } } @media screen and (max-width: 670px) { .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(1), .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(3) { margin: 0 15px; } } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(3) { margin: 0; } } .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(2) { margin: 20px 0; } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(2) { margin: 30px 0 100px; } } .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-content { display: flex; justify-content: space-between; position: relative; z-index: 3; } .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-left { max-width: 50%; } .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-right { max-width: 50%; } .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-right .item:nth-child(2) { margin-left: auto; } .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-right .item:nth-child(3) { margin-left: auto; } @media screen and (max-width: 992px) { .sec-beautifull .box-khacbiet .content-khacbiet .wrapper-right .item:nth-child(3) { margin-left: auto; } } .sec-uudiem { margin-top: 130px; padding: 130px 0; background: linear-gradient(#b8b8b8, #f5f5f5); position: relative; } @media screen and (max-width: 1200px) { .sec-uudiem { margin-top: 60px; padding: 60px 0; } } .sec-uudiem .box-flex { position: relative; z-index: 1; margin: -15px; } @media screen and (max-width: 1200px) { .sec-uudiem .box-flex { margin: -7.5px; } } .sec-uudiem .box-flex .col-6 { padding: 15px; } @media screen and (max-width: 1200px) { .sec-uudiem .box-flex .col-6 { padding: 7.5px; } } @media screen and (max-width: 768px) { .sec-uudiem .box-flex .col-6 { width: 100%; } } .sec-uudiem .bg-img { position: absolute; left: 0; top: 0; z-index: 0; } .sec-uudiem .img-w-100 { max-width: 765px; } .sec-uudiem .txt-title { text-align: center; margin-left: auto; margin-bottom: 40px; max-width: 50%; font-size: 35px; position: relative; z-index: 2; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-uudiem .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-uudiem .txt-title { font-size: 26px; } } @media screen and (max-width: 768px) { .sec-uudiem .txt-title { max-width: 100%; } } .sec-uudiem .wrapper-item { margin: -15px 0; } @media screen and (max-width: 1200px) { .sec-uudiem .wrapper-item { margin: -7.5px 0; } } .sec-uudiem .wrapper-item .row { padding: 15px 0; } @media screen and (max-width: 1200px) { .sec-uudiem .wrapper-item .row { padding: 7.5px 0; } } .sec-uudiem .box-item { text-align: center; padding: 15px 20px; text-transform: uppercase; line-height: 1.3; font-size: 24px; font-weight: bold; border: 2px solid; border-image: linear-gradient(#d8b148, #be8b37, #f6c380) 10; background: -webkit-linear-gradient(90deg, #d8b148, #be8b37, #f6c380); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 768px) { .sec-uudiem .box-item { font-size: 20px; } } .sec-quytrinh { padding: 130px 0; background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1200px) { .sec-quytrinh { padding: 60px 0; } } .sec-quytrinh .txt-title { text-align: center; margin-bottom: 40px; font-size: 35px; } @media screen and (max-width: 1200px) { .sec-quytrinh .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-quytrinh .txt-title { font-size: 26px; } } .sec-quytrinh .swiper-scrollbar { height: 2px; position: absolute; bottom: 0px; width: 100%; left: 50%; transform: translateX(-50%); display: none; } @media screen and (max-width: 1200px) { .sec-quytrinh .swiper-scrollbar { display: block; } } .sec-quytrinh .swiper-scrollbar-drag { background: #B58D5D; height: 3px; } .sec-quytrinh .box-quytrinh .box-content { padding-bottom: 20px; font-weight: bold; display: flex; align-items: center; } .sec-quytrinh .box-quytrinh .box-content .txt-content { position: relative; padding-left: 10px; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-quytrinh .box-quytrinh .box-content .txt-content { font-size: 20px; } } @media screen and (max-width: 670px) { .sec-quytrinh .box-quytrinh .box-content .txt-content { font-size: 14px; } } .sec-quytrinh .box-quytrinh .box-content .txt-number { line-height: 0.9; left: 0; top: 0; font-family: 'Montserrat', sans-serif; font-size: 120px; color: #B58D5D; top: 0; } @media screen and (max-width: 1200px) { .sec-quytrinh .box-quytrinh .box-content .txt-number { font-size: 80px; } } .sec-quytrinh .slide-quytrinh { position: relative; padding-bottom: 30px; } @media screen and (max-width: 670px) { .sec-quytrinh .slide-quytrinh { margin-right: -15px; } } .sec-giaithuong { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 120px 0; color: #fff; } @media screen and (max-width: 1200px) { .sec-giaithuong { padding: 60px 0; } } .sec-giaithuong .container { position: relative; } .sec-giaithuong .img-cup { position: absolute; left: 0; top: 0; z-index: 1; } .sec-giaithuong .img-cup img { height: 100%; object-fit: cover; } @media screen and (max-width: 1200px) { .sec-giaithuong .img-cup { position: relative; text-align: center; height: 300px; margin-bottom: 20px; } } .sec-giaithuong .box-title { position: relative; z-index: 2; text-align: center; font-size: 35px; max-width: 856px; margin: auto; margin-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-giaithuong .box-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-giaithuong .box-title { font-size: 26px; } } @media screen and (max-width: 1200px) { .sec-giaithuong .box-title { margin-bottom: 20px; } } .sec-giaithuong .box-content { max-width: 50%; margin-left: auto; } @media screen and (max-width: 1200px) { .sec-giaithuong .box-content { max-width: 100%; } } .sec-giaithuong .box-content li { display: flex; align-items: center; } .sec-giaithuong .box-content li:not(:last-child) { margin-bottom: 50px; } @media screen and (max-width: 1200px) { .sec-giaithuong .box-content li:not(:last-child) { margin-bottom: 25px; } } .sec-giaithuong .box-content .wrapper-img { width: 90px; } .sec-giaithuong .box-content .wrapper-content { line-height: 1.3; font-size: 24px; padding-left: 15px; width: calc(100% - 90px); } @media screen and (max-width: 768px) { .sec-giaithuong .box-content .wrapper-content { font-size: 20px; } } .sec-lydo { padding: 130px 0; } @media screen and (max-width: 1200px) { .sec-lydo { padding: 60px 0; } } .sec-lydo .box-flex { position: relative; z-index: 1; margin: -15px; } @media screen and (max-width: 1200px) { .sec-lydo .box-flex { margin: -7.5px; } } .sec-lydo .box-flex .col-6 { padding: 15px; } @media screen and (max-width: 1200px) { .sec-lydo .box-flex .col-6 { padding: 7.5px; } } @media screen and (max-width: 1200px) { .sec-lydo .box-flex .col-6 { width: 100%; } } .sec-lydo .txt-title { font-size: 35px; margin-bottom: 40px; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-lydo .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-lydo .txt-title { font-size: 26px; } } .sec-lydo .list-content li { display: flex; align-items: center; font-size: 16px; } .sec-lydo .list-content li:not(:last-child) { margin-bottom: 25px; } @media screen and (max-width: 991px) { .sec-lydo .list-content li { font-size: 14px; } } .sec-lydo .list-content li .box-img { width: 40px; } .sec-lydo .list-content li .box-img img { object-fit: cover; width: 100%; } .sec-lydo .list-content li .box-content { width: calc(100% - 40px); padding-left: 10px; } .sec-lydo .slide-lydo { position: relative; padding-bottom: 30px; width: 994px; } @media screen and (max-width: 1600px) { .sec-lydo .slide-lydo { width: 100%; } } .sec-lydo .slide-lydo .swiper-scrollbar { height: 2px; position: absolute; bottom: 0px; width: 100%; right: 0; } .sec-lydo .slide-lydo .swiper-scrollbar-drag { background: #B58D5D; height: 3px; } .sec-lydo .slide-lydo .swiper-button-prev { background-image: var(--wpr-bg-ed831ae2-d4d8-49ae-9c87-3034bf9e78eb); background-position: center; background-size: 24px; background-repeat: no-repeat; margin-top: 0; } @media screen and (max-width: 1600px) { .sec-lydo .slide-lydo .swiper-button-prev { right: calc(10px + 40px); } } .sec-lydo .slide-lydo .swiper-button-prev::after { content: ''; } .sec-lydo .slide-lydo .swiper-button-next { background-image: var(--wpr-bg-c056777f-0c6d-4370-b844-6f937ce63f61); background-position: center; background-size: 24px; background-repeat: no-repeat; margin-top: 0; right: 60px; } @media screen and (max-width: 1600px) { .sec-lydo .slide-lydo .swiper-button-next { right: calc(10px); } } .sec-lydo .slide-lydo .swiper-button-next::after { content: ''; } .sec-lydo .slide-lydo .swiper-button-next.swiper-button-disabled, .sec-lydo .slide-lydo .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: grayscale(1); } .banner-custom { margin-bottom: 130px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } @media screen and (max-width: 1200px) { .banner-custom { margin-bottom: 60px; } } .banner-custom .banner-item { padding: 90px 0; text-align: center; max-width: 50%; margin-right: auto; } @media screen and (max-width: 670px) { .banner-custom .banner-item { padding: 40px 0; max-width: 100%; } } .banner-custom .banner-item .txt-title { font-size: 35px; margin-bottom: 25px; margin-top: 25px; } @media screen and (max-width: 1200px) { .banner-custom .banner-item .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-custom .banner-item .txt-title { font-size: 26px; } } .banner-custom .banner-item .txt-content { line-height: 1.3; font-size: 24px; margin-bottom: 25px; } @media screen and (max-width: 768px) { .banner-custom .banner-item .txt-content { font-size: 20px; } } .banner-custom .banner-item .color-second { color: #B58D5D; } .banner-custom .img-item-right { position: absolute; right: 90px; bottom: 0; } @media screen and (max-width: 1700px) { .banner-custom .img-item-right { right: 0; } } @media screen and (max-width: 1450px) { .banner-custom .img-item-right { width: 50%; } } @media screen and (max-width: 670px) { .banner-custom .img-item-right { position: relative; margin: auto; width: 100%; } } .breachcum-uudai .list-link { display: flex; justify-content: space-between; margin: -5px; } .breachcum-uudai .list-link li { padding: 5px; display: flex; align-items: center; } .breachcum-uudai .list-link li .txt { margin: 0 5px; } .breachcum-uudai .list-link li::after { display: none; } .breachcum-uudai .list-link .btn { padding: 7px 15px; } .breachcum-uudai .list-link .btn:hover { background: #fff; } .breachcum-uudai .list-link .btn .bold { color: #000; } .banner-uudai-theothang .banner-item { padding: 144px 0; max-width: 545px; text-align: center; color: #260b01; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 849px) { .banner-uudai-theothang .banner-item { max-width: 100%; text-align: center; padding: 144px 0 40px; } } .banner-uudai-theothang .banner-item .txt-title { text-align: center; line-height: 1.3; font-size: 40px; text-transform: uppercase; margin-bottom: 0; } @media screen and (max-width: 768px) { .banner-uudai-theothang .banner-item .txt-title { font-size: 32px; } } .banner-uudai-theothang .banner-item > .meta-title { margin-bottom: 20px; font-size: 30px; line-height: 1.3; display: block; } @media screen and (max-width: 550px) { .banner-uudai-theothang .banner-item > .meta-title { font-size: 20px; } } .banner-uudai-theothang .banner-item > .txt-content { margin-bottom: 10px; } .banner-uudai-theothang .banner-item .txt-number { font-weight: bold; font-size: 70px; background: -webkit-linear-gradient(45deg, #b58d5d, #d8c4a0, #8f6f41); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .banner-uudai-theothang .banner-item .txt-number { font-size: 60px; } } .banner-uudai-theothang .form-dangky-tuvan { background: radial-gradient(#8b5e17, #260b01); padding: 35px 40px; } @media screen and (max-width: 1200px) { .banner-uudai-theothang .form-dangky-tuvan { padding: 20px; } } .banner-uudai-theothang .form-dangky-tuvan .txt-title { color: #fff; } .banner-uudai-theothang .form-dangky-tuvan .meta-title { font-size: 16px; margin-bottom: 15px; display: block; } @media screen and (max-width: 991px) { .banner-uudai-theothang .form-dangky-tuvan .meta-title { font-size: 14px; } } .banner-uudai-theothang .form-dangky-tuvan .wrapper-form { margin: -5px 0; } .banner-uudai-theothang .form-dangky-tuvan .wrapper-form .f-group { text-align: center; padding: 5px 0; } .banner-uudai-theothang .form-dangky-tuvan .f-control { border-radius: 0; } .banner-uudai-theothang .form-dangky-tuvan .f-control::placeholder { color: #c4c4c4; } .banner-uudai-theothang .form-dangky-tuvan select { appearance: none; background-image: var(--wpr-bg-84413ca8-88e3-49f5-a00d-aed8c8b0052a); background-size: 24px; background-repeat: no-repeat; background-position: center right 10px; } .banner-uudai-theothang .form-dangky-tuvan .btn { border: 0; margin-top: 35px; } .banner-uudai-theothang .form-dangky-tuvan .btn:hover { background: #fff; } .banner-uudai-theothang .img-item-right { right: 90px; } @media screen and (max-width: 1600px) { .banner-uudai-theothang .img-item-right { width: 50%; right: 0; } } @media screen and (max-width: 849px) { .banner-uudai-theothang .img-item-right { position: relative; width: 100%; } } .sec-quatang { padding: 120px 0; background: linear-gradient(to right, #3a1c1a, #763c19, #763c19); color: #fff; } .sec-quatang .txt-title { line-height: 1.3; font-size: 40px; text-align: center; max-width: 865px; margin: auto; margin-bottom: 60px; } @media screen and (max-width: 768px) { .sec-quatang .txt-title { font-size: 32px; } } .sec-quatang .cols { display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-quatang .cols { margin: -7.5px; } } .sec-quatang .cols .col { width: 25%; padding: 15px; } @media screen and (max-width: 1200px) { .sec-quatang .cols .col { padding: 7.5px; width: 33.33%; } } @media screen and (max-width: 849px) { .sec-quatang .cols .col { width: 50%; } } @media screen and (max-width: 670px) { .sec-quatang .cols .col { width: 100%; } } .sec-quatang .box-quatang { border: 5px solid; border-image: linear-gradient(to right bottom, #be8b37, #d8b148, #fff); border-image-slice: 1; position: relative; height: 100%; transition: 0.3s ease; } .sec-quatang .box-quatang:hover { color: #000; } .sec-quatang .box-quatang:hover .box-img > a { background: #fff; } .sec-quatang .box-quatang .box-content { position: absolute; z-index: 1; bottom: 15px; left: 15px; text-align: left; } .sec-quatang .box-quatang .box-content .txt-content { margin-bottom: 5px; font-size: 16px; } @media screen and (max-width: 991px) { .sec-quatang .box-quatang .box-content .txt-content { font-size: 14px; } } .sec-quatang .box-quatang .box-content .txt-title { margin-bottom: 0; font-size: 20px; text-align: left; text-transform: uppercase; } .sec-quatang .box-quatang .box-img { display: block; height: 100%; } .sec-quatang .box-quatang .box-img > a { height: 100%; padding: 25px 75px; display: block; text-align: center; background: #000; } .sec-hieuqua { padding-top: 60px; background: radial-gradient(#e1e1e1, #6e6e6e); } .sec-hieuqua .txt-title { text-align: center; margin-bottom: 20px; line-height: 1.3; font-size: 40px; } @media screen and (max-width: 768px) { .sec-hieuqua .txt-title { font-size: 32px; } } .sec-hieuqua .txt-title .txt-white { color: #fff; } .sec-hieuqua .img-item { text-align: center; position: relative; margin-top: -40%; } @media screen and (max-width: 550px) { .sec-hieuqua .img-item { margin-top: -60%; } } @media screen and (max-width: 450px) { .sec-hieuqua .img-item { margin-top: -25%; } } .sec-hieuqua .img-item .txt-desc { width: 100%; text-align: center; position: absolute; color: #3A1C1A; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .sec-hieuqua .list-col { display: flex; flex-wrap: wrap; justify-content: space-between; } .sec-hieuqua .box-item { position: relative; font-family: 'Montserrat', sans-serif; display: inline-block; width: fit-content; z-index: 1; text-transform: uppercase; } .sec-hieuqua .box-item:nth-child(1) { margin: 0 100px; } @media screen and (max-width: 1200px) { .sec-hieuqua .box-item:nth-child(1) { margin: 0 30px; } } @media screen and (max-width: 550px) { .sec-hieuqua .box-item:nth-child(1) { margin: 0 30px; } } .sec-hieuqua .box-item:nth-child(2) { margin: 150px 30px 0; } @media screen and (max-width: 1200px) { .sec-hieuqua .box-item:nth-child(2) { margin: 150px 15px 0; } } @media screen and (max-width: 550px) { .sec-hieuqua .box-item:nth-child(2) { margin: 100px 0 0; } } .sec-hieuqua .box-item .txt-content { padding: 66px 27px; text-align: center; font-size: 20px; width: 180px; border-radius: 50%; background: linear-gradient(45deg, #b58d5d, #e7d6b4, #8f6f41); } @media screen and (max-width: 849px) { .sec-hieuqua .box-item .txt-content { font-size: 12px; padding: 30px 15px; width: 90px; } } .sec-hieuqua .box-item::after { content: ""; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; background: linear-gradient(#cc9c40, #fdfbd0, #ae7615, #fffbcf); border-radius: 50%; z-index: -1; } .sec-hieuqua .wrapper-left { display: flex; align-items: flex-start; flex-direction: column; } .sec-hieuqua .wrapper-right { display: flex; flex-direction: column; align-items: flex-end; } .sec-video.pd-0 { padding: 0; } .banner-dangky { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .banner-dangky .banner-item { padding: 170px 0; max-width: 500px; margin-left: auto; color: #fff; text-align: center; } @media screen and (max-width: 768px) { .banner-dangky .banner-item { padding: 30px 0; max-width: 100%; } } .banner-dangky .banner-item .txt-title { line-height: 1.3; font-size: 40px; text-transform: uppercase; margin-bottom: 25px; font-weight: normal; } @media screen and (max-width: 768px) { .banner-dangky .banner-item .txt-title { font-size: 32px; } } .banner-dangky .banner-item .txt-title .bold { font-weight: bold; } .banner-dangky .banner-item .meta-title { font-size: 20px; margin-bottom: 50px; } .banner-dangky .img-item-left { position: absolute; bottom: 0; left: 180px; } @media screen and (max-width: 1600px) { .banner-dangky .img-item-left { left: 0; width: 50%; } } @media screen and (max-width: 768px) { .banner-dangky .img-item-left { position: relative; width: 100%; } } .banner-dangky .form-dangky .wrapper-form { margin: -5px 0; } .banner-dangky .form-dangky .wrapper-form .f-group { text-align: center; padding: 5px 0; } .banner-dangky .form-dangky .f-control { border-radius: 0; } .banner-dangky .form-dangky .f-control::placeholder { color: #c4c4c4; } .banner-dangky .form-dangky select { appearance: none; background-image: var(--wpr-bg-69787676-2835-4fc3-b705-8d3ef3133f78); background-size: 24px; background-repeat: no-repeat; background-position: center right 10px; } .banner-dangky .form-dangky .btn { border: 0; margin-top: 35px; } .banner-dangky .form-dangky .btn:hover { background: #fff; } .popup-uudai { max-width: 1000px; margin: auto; background-repeat: no-repeat; background-size: cover; background-position: center; border: 5px solid; border-image: linear-gradient(to right bottom, #be8b37, #d8b148, #fff); border-image-slice: 1; position: relative; } .popup-uudai .wrapper-content { max-width: 50%; padding: 120px 70px; text-align: center; color: #fff; } @media screen and (max-width: 1200px) { .popup-uudai .wrapper-content { padding: 120px 15px; } } @media screen and (max-width: 670px) { .popup-uudai .wrapper-content { padding-bottom: 30px; max-width: 100%; } } .popup-uudai .wrapper-content .txt-title { font-size: 28px; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .popup-uudai .wrapper-content .txt-title { font-size: 24px; } } .popup-uudai .wrapper-content .meta-title { margin-bottom: 20px; color: #3A1C1A; } .popup-uudai .wrapper-content .form-dangky .wrapper-form { margin: -5px 0; } .popup-uudai .wrapper-content .form-dangky .wrapper-form .f-group { text-align: center; padding: 5px 0; } .popup-uudai .wrapper-content .form-dangky .f-control { border-radius: 0; } .popup-uudai .wrapper-content .form-dangky .f-control::placeholder { color: #c4c4c4; } .popup-uudai .wrapper-content .form-dangky select { appearance: none; background-image: var(--wpr-bg-a0c39a21-ed6f-4fdd-a1db-667b9fb84c98); background-size: 24px; background-repeat: no-repeat; background-position: center right 10px; } .popup-uudai .wrapper-content .form-dangky .btn { border: 0; margin-top: 35px; } .popup-uudai .wrapper-content .form-dangky .btn:hover { background: #fff; } .popup-uudai .wrapper-content .form-dangky .btn-desc { color: #3A1C1A; margin-top: 10px; } .popup-uudai .img-item { position: absolute; right: 0; bottom: 0; width: 50%; } @media screen and (max-width: 670px) { .popup-uudai .img-item { display: none; } } .banner-collagen .banner-item { color: #fff; max-width: 660px; } @media screen and (max-width: 1400px) { .banner-collagen .banner-item { max-width: 50%; } } @media screen and (max-width: 1200px) { .banner-collagen .banner-item { padding-top: 100px; } } @media screen and (max-width: 670px) { .banner-collagen .banner-item { padding: 60px 0; padding-bottom: 20px; text-align: center; max-width: 100%; } } @media screen and (max-width: 1600px) { .banner-collagen .img-item { left: 0; } } @media screen and (max-width: 670px) { .banner-collagen .img-item { position: relative; margin-left: auto; width: 80%; } } .banner-collagen .img-item::after { width: 100%; height: 100%; content: ''; position: absolute; } .banner-collagen .img-item::after { left: 0; top: 0; border-radius: 50%; opacity: 0.6; background: radial-gradient(closest-side, #e7d6b4, transparent); } .banner-collagen .img-item img { position: relative; z-index: 2; } .sec-loiich-collagen .txt-title { color: #B58D5D; } @media screen and (max-width: 849px) { .sec-loiich-collagen .box-item:nth-child(1) { margin: 0px 0 0; } } @media screen and (max-width: 849px) { .sec-loiich-collagen .box-item:nth-child(2) { margin: 30px 0 0; } } .sec-loiich-collagen .box-item .txt-content { width: 200px; padding: 50px 5px; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } @media screen and (max-width: 849px) { .sec-loiich-collagen .box-item .txt-content { font-size: 12px; padding: 50px 30px; width: 200px; } } @media screen and (max-width: 500px) { .sec-loiich-collagen .box-item .txt-content { width: 120px; font-size: 10px; padding: 30px 10px; } } @media screen and (max-width: 849px) { .sec-loiich-collagen .img-item { margin-top: -10%; } } @media screen and (max-width: 849px) { .sec-before-after img { min-height: 450px; } } @media screen and (max-width: 670px) { .sec-before-after img { min-height: 350px; } } @media screen and (max-width: 500px) { .sec-before-after img { min-height: 200px; } } .sec-uudiem-collagen { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 130px 0; } .sec-uudiem-collagen::after { width: 100%; height: 100%; content: ''; position: absolute; } @media screen and (max-width: 1200px) { .sec-uudiem-collagen { padding: 60px 0; } } .sec-uudiem-collagen::after { background: rgba(0, 0, 0, 0.75); z-index: 1; left: 0; top: 0; } .sec-uudiem-collagen .cols { position: relative; z-index: 2; display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-uudiem-collagen .cols { margin: -7.5px; } } @media screen and (max-width: 849px) { .sec-uudiem-collagen .cols { margin: -50px -7.5px; } } .sec-uudiem-collagen .cols .col { padding: 15px; width: 25%; } @media screen and (max-width: 1200px) { .sec-uudiem-collagen .cols .col { padding: 7.5px; } } @media screen and (max-width: 849px) { .sec-uudiem-collagen .cols .col { width: 50%; padding: 50px 7.5px; } } @media screen and (max-width: 550px) { .sec-uudiem-collagen .cols .col { width: 100%; } } .sec-uudiem-collagen .item { height: 100%; border: 2px solid; border-image: linear-gradient(to right, #e7d6b4, #b58d5d, #f6c380); border-image-slice: 1; background: -webkit-linear-gradient(#b58d5d, #ffffff, #f6c380, #8f6f41); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 100px 50px 50px; text-align: center; font-size: 20px; position: relative; } @media screen and (max-width: 1200px) { .sec-uudiem-collagen .item { padding: 100px 25px 50px; } } .sec-uudiem-collagen .box-icon { position: absolute; left: 50%; transform: translateX(-50%); top: -55px; } .sec-uudiem-collagen .box-icon img { padding: 27px; border-radius: 50%; background: #fff; } .sec-gioithieu-chuyengia { padding-top: 70px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .sec-gioithieu-chuyengia::after { width: 100%; height: 100%; content: ''; position: absolute; } @media screen and (max-width: 1200px) { .sec-gioithieu-chuyengia { padding-top: 30px; } } .sec-gioithieu-chuyengia::after { background: linear-gradient(to top, #3a1c1a, #763c19); z-index: 1; left: 0; top: 0; opacity: 0.75; } .sec-gioithieu-chuyengia .container { position: relative; z-index: 2; } .sec-gioithieu-chuyengia .txt-title { color: #fff; font-size: 35px; margin-bottom: 100px; text-align: center; } @media screen and (max-width: 1200px) { .sec-gioithieu-chuyengia .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-gioithieu-chuyengia .txt-title { font-size: 26px; } } @media screen and (max-width: 1200px) { .sec-gioithieu-chuyengia .txt-title { margin-bottom: 40px; } } .sec-gioithieu-chuyengia .img-item { text-align: center; width: 100%; } .sec-quytrinh-collagen { padding: 130px 0; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen { padding: 60px 0; } } .sec-quytrinh-collagen .txt-title { max-width: 700px; text-align: center; margin: auto; margin-bottom: 70px; font-size: 35px; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-quytrinh-collagen .txt-title { font-size: 26px; } } .sec-quytrinh-collagen .row { z-index: 2; display: flex; flex-wrap: wrap; margin: 0px -15px; padding: 15px 0; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen .row { margin: 0 -7.5px; } } .sec-quytrinh-collagen .row:nth-child(2n + 1) .wrapper-content { padding-left: 90px; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen .row:nth-child(2n + 1) .wrapper-content { padding-left: 30px; } } .sec-quytrinh-collagen .row:nth-child(2n + 1) .wrapper-content .txt-number::after { top: 50%; transform: translateY(-50%); right: 100%; } .sec-quytrinh-collagen .row:nth-child(2n + 2) { flex-direction: row-reverse; } @media screen and (max-width: 670px) { .sec-quytrinh-collagen .row:nth-child(2n + 2) { flex-direction: row; } } .sec-quytrinh-collagen .row:nth-child(2n + 2) .wrapper-content { text-align: right; padding-right: 90px; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen .row:nth-child(2n + 2) .wrapper-content { padding-right: 30px; } } .sec-quytrinh-collagen .row:nth-child(2n + 2) .wrapper-content .txt-number::after { top: 50%; transform: translateY(-50%); } .sec-quytrinh-collagen .row .col-6 { width: 50%; padding: 15px; } @media screen and (max-width: 1200px) { .sec-quytrinh-collagen .row .col-6 { padding: 7.5px; } } @media screen and (max-width: 670px) { .sec-quytrinh-collagen .row .col-6 { width: 100%; } } .sec-quytrinh-collagen .wrapper-content .txt-number { color: #B58D5D; line-height: 1.3; font-size: 80px; margin-bottom: 20px; font-weight: bold; line-height: 1; position: relative; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 1024px) { .sec-quytrinh-collagen .wrapper-content .txt-number { font-size: 70px; } } @media screen and (max-width: 768px) { .sec-quytrinh-collagen .wrapper-content .txt-number { font-size: 40px; } } .sec-quytrinh-collagen .wrapper-content .txt-number::after { width: 80px; height: 1px; content: ''; position: absolute; } @media screen and (max-width: 670px) { .sec-quytrinh-collagen .wrapper-content .txt-number { margin-bottom: 10px; } } .sec-quytrinh-collagen .wrapper-content .txt-number::after { background: #B58D5D; } .sec-quytrinh-collagen .wrapper-content .txt-content { line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-quytrinh-collagen .wrapper-content .txt-content { font-size: 20px; } } .sec-quytrinh-collagen .wrapper-list { margin: -30px 0; } .banner-thanhtuu-collagen { position: relative; padding: 170px 0; background: linear-gradient(#8f6f41, #a07c4d, #b58d5d); } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen { padding: 60px 0 0; } } .banner-thanhtuu-collagen .banner-item { position: relative; z-index: 3; padding: 0; margin-right: 0; text-align: left; margin-left: auto; color: #fff; } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen .banner-item { padding-bottom: 20px; max-width: 100%; } } .banner-thanhtuu-collagen .banner-item .txt-title { font-size: 35px; margin-bottom: 20px; text-align: center; color: #3a1c1a; } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen .banner-item .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-thanhtuu-collagen .banner-item .txt-title { font-size: 26px; } } .banner-thanhtuu-collagen .banner-item .meta-title { font-size: 35px; text-align: center; margin-bottom: 20px; background: -webkit-linear-gradient(90deg, #f6c380, #ffffff, #f6c380); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen .banner-item .meta-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-thanhtuu-collagen .banner-item .meta-title { font-size: 26px; } } .banner-thanhtuu-collagen .banner-item .meta-title .bold { line-height: 1.3; font-size: 48px; } @media screen and (max-width: 768px) { .banner-thanhtuu-collagen .banner-item .meta-title .bold { font-size: 34px; } } .banner-thanhtuu-collagen .banner-item .list-content li { display: flex; } .banner-thanhtuu-collagen .banner-item .list-content li:not(:last-child) { padding-bottom: 50px; } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen .banner-item .list-content li:not(:last-child) { padding-bottom: 20px; } } .banner-thanhtuu-collagen .banner-item .list-content li .box-icon { width: 60px; border-radius: 50%; background: #fff; text-align: center; height: 60px; padding: 15px 0; } .banner-thanhtuu-collagen .banner-item .list-content li .box-content { padding-left: 20px; color: #fff; width: calc(100% - 60px); font-size: 16px; } .banner-thanhtuu-collagen .banner-item .list-content li .box-content .txt-content { margin-bottom: 0; } @media screen and (max-width: 991px) { .banner-thanhtuu-collagen .banner-item .list-content li .box-content { font-size: 14px; } } @media screen and (max-width: 670px) { .banner-thanhtuu-collagen .banner-item .list-content li .box-content { padding-left: 10px; } } .banner-thanhtuu-collagen .img-item-left { position: absolute; left: 180px; bottom: 0; } .banner-thanhtuu-collagen .img-item-left::after { width: 100%; height: 100%; content: ''; position: absolute; } @media screen and (max-width: 1600px) { .banner-thanhtuu-collagen .img-item-left { left: 0; } } @media screen and (max-width: 1200px) { .banner-thanhtuu-collagen .img-item-left { width: 100%; position: relative; } } .banner-thanhtuu-collagen .img-item-left::after { top: 0; left: 0; background: linear-gradient(to right top, #8f6f41, #fff); border-radius: 50%; z-index: 0; } .banner-thanhtuu-collagen .img-item-left img { position: relative; z-index: 1; } .sec-danhgia-khachhang { padding-bottom: 130px; } @media screen and (max-width: 1200px) { .sec-danhgia-khachhang { padding-bottom: 60px; } } .sec-danhgia-khachhang .txt-title { max-width: 500px; margin: auto; margin-bottom: 40px; text-transform: uppercase; font-size: 35px; text-align: center; } @media screen and (max-width: 1200px) { .sec-danhgia-khachhang .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-danhgia-khachhang .txt-title { font-size: 26px; } } @media screen and (max-width: 849px) { .sec-danhgia-khachhang .txt-title { margin-bottom: 20px; } } .sec-danhgia-khachhang .box-flex { margin: -15px; } @media screen and (max-width: 1200px) { .sec-danhgia-khachhang .box-flex { margin: -7.5px; } } .sec-danhgia-khachhang .box-flex .col { padding: 15px; } @media screen and (max-width: 1200px) { .sec-danhgia-khachhang .box-flex .col { padding: 7.5px; } } @media screen and (max-width: 849px) { .sec-danhgia-khachhang .box-flex .col { width: 100%; } } .sec-danhgia-khachhang .wrapper-content { font-size: 16px; font-style: italic; } @media screen and (max-width: 991px) { .sec-danhgia-khachhang .wrapper-content { font-size: 14px; } } .sec-danhgia-khachhang .box-khachhang .box-content { padding-top: 30px; } .sec-danhgia-khachhang .box-khachhang .box-content .txt-title { text-align: left; max-width: 100%; color: #B58D5D; line-height: 1.3; font-size: 24px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .sec-danhgia-khachhang .box-khachhang .box-content .txt-title { font-size: 20px; } } .sec-danhgia-khachhang .box-khachhang .box-content .meta-title { color: #a5a5a5; font-size: 20px; } .sec-danhgia-khachhang .slide-lydo { position: relative; padding-bottom: 50px; width: 1145px; } @media screen and (max-width: 1600px) { .sec-danhgia-khachhang .slide-lydo { width: 100%; } } .sec-danhgia-khachhang .slide-lydo .swiper-scrollbar { height: 2px; position: absolute; bottom: 0px; width: calc(100% - 90px); right: 0; } .sec-danhgia-khachhang .slide-lydo .swiper-scrollbar-drag { background: #B58D5D; height: 3px; } .sec-danhgia-khachhang .slide-lydo .swiper-button-next.swiper-button-disabled, .sec-danhgia-khachhang .slide-lydo .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: grayscale(1); } .sec-danhgia-khachhang .popup-youtube { position: relative; display: block; } .sec-danhgia-khachhang .popup-youtube::after { color: rgba(0, 0, 0, 0.5); content: '\f144'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; line-height: 1.3; font-size: 72px; right: 30px; top: 30px; } @media screen and (max-width: 1024px) { .sec-danhgia-khachhang .popup-youtube::after { font-size: 62px; } } @media screen and (max-width: 768px) { .sec-danhgia-khachhang .popup-youtube::after { font-size: 52px; } } .banner-uudai-collagen { margin: 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 170px 0; margin-bottom: 130px; } @media screen and (max-width: 1200px) { .banner-uudai-collagen { padding: 60px 0 0; margin-bottom: 60px; } } .banner-uudai-collagen .banner-item { position: relative; z-index: 3; padding: 0; margin-right: 0; max-width: 600px; text-align: center; margin-left: auto; } @media screen and (max-width: 1200px) { .banner-uudai-collagen .banner-item { padding-bottom: 20px; max-width: 100%; } } .banner-uudai-collagen .banner-item .txt-title { font-size: 35px; margin-bottom: 30px; text-align: center; color: #8f6f41; text-transform: uppercase; } @media screen and (max-width: 1200px) { .banner-uudai-collagen .banner-item .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-uudai-collagen .banner-item .txt-title { font-size: 26px; } } .banner-uudai-collagen .banner-item .meta-title { font-size: 35px; text-align: center; margin-bottom: 20px; background: -webkit-linear-gradient(90deg, #f6c380, #ffffff, #f6c380); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1200px) { .banner-uudai-collagen .banner-item .meta-title { font-size: 30px; } } @media screen and (max-width: 670px) { .banner-uudai-collagen .banner-item .meta-title { font-size: 26px; } } .banner-uudai-collagen .banner-item .meta-title .bold { line-height: 1.3; font-size: 48px; } @media screen and (max-width: 768px) { .banner-uudai-collagen .banner-item .meta-title .bold { font-size: 34px; } } .banner-uudai-collagen .banner-item .wrapper-btn { text-align: center; } .banner-uudai-collagen .banner-item .color-yellow { color: #f6c380; } .banner-uudai-collagen .img-item-left { position: absolute; left: 180px; bottom: 0; } .banner-uudai-collagen .img-item-left::after { width: 100%; height: 100%; content: ''; position: absolute; } @media screen and (max-width: 1600px) { .banner-uudai-collagen .img-item-left { left: 0; } } @media screen and (max-width: 1200px) { .banner-uudai-collagen .img-item-left { width: 100%; position: relative; } } .banner-uudai-collagen .img-item-left img { position: relative; z-index: 1; } .banner-tuvan .banner-item { padding: 144px 0; max-width: 545px; text-align: center; } @media screen and (max-width: 670px) { .banner-tuvan .banner-item { max-width: 100%; text-align: center; padding: 144px 0 40px; } } .banner-tuvan .banner-item .txt-title { text-align: center; line-height: 1.3; font-size: 24px; text-transform: uppercase; } @media screen and (max-width: 768px) { .banner-tuvan .banner-item .txt-title { font-size: 20px; } } .banner-tuvan .form-dangky-tuvan { background: radial-gradient(#8b5e17, #260b01); padding: 35px 40px; } @media screen and (max-width: 1200px) { .banner-tuvan .form-dangky-tuvan { padding: 20px; } } .banner-tuvan .form-dangky-tuvan .txt-title { color: #fff; } .banner-tuvan .form-dangky-tuvan .meta-title { font-size: 16px; } @media screen and (max-width: 991px) { .banner-tuvan .form-dangky-tuvan .meta-title { font-size: 14px; } } .banner-tuvan .form-dangky-tuvan .wrapper-form { margin: -5px 0; } .banner-tuvan .form-dangky-tuvan .wrapper-form .f-group { text-align: center; padding: 5px 0; } .banner-tuvan .form-dangky-tuvan .f-control { border-radius: 0; } .banner-tuvan .form-dangky-tuvan .f-control::placeholder { color: #c4c4c4; } .banner-tuvan .form-dangky-tuvan select { appearance: none; background-image: var(--wpr-bg-5f2ef43c-c6cf-47c5-9866-a3953909afbd); background-size: 24px; background-repeat: no-repeat; background-position: center right 10px; } .banner-tuvan .form-dangky-tuvan .btn { border: 0; margin-top: 35px; } .banner-tuvan .form-dangky-tuvan .btn:hover { background: #fff; } @media screen and (max-width: 1600px) { .banner-tuvan .img-item-right { width: 50%; } } @media screen and (max-width: 670px) { .banner-tuvan .img-item-right { position: relative; width: 100%; } } .sec-uudai-tuvan { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .sec-uudai-tuvan .wrapper-content { position: relative; z-index: 1; padding: 185px 0; max-width: 545px; margin-left: auto; text-align: center; } @media screen and (max-width: 1200px) { .sec-uudai-tuvan .wrapper-content { max-width: 100%; padding: 60px 0; padding-bottom: 20px; } } .sec-uudai-tuvan .wrapper-content .wrapper-oval { text-align: center; margin-bottom: 40px; } .sec-uudai-tuvan .wrapper-content .oval-uudai { display: inline-block; line-height: 1.3; font-size: 24px; } @media screen and (max-width: 768px) { .sec-uudai-tuvan .wrapper-content .oval-uudai { font-size: 20px; } } .sec-uudai-tuvan .wrapper-content .oval-uudai .bold { line-height: 1.3; font-size: 60px; } @media screen and (max-width: 1024px) { .sec-uudai-tuvan .wrapper-content .oval-uudai .bold { font-size: 50px; } } @media screen and (max-width: 768px) { .sec-uudai-tuvan .wrapper-content .oval-uudai .bold { font-size: 40px; } } .sec-uudai-tuvan .wrapper-content .txt-title { line-height: 1.3; font-size: 24px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .sec-uudai-tuvan .wrapper-content .txt-title { font-size: 20px; } } .sec-uudai-tuvan .wrapper-content .color-second { color: #B58D5D; } .sec-uudai-tuvan .wrapper-content .txt-content { font-size: 16px; max-width: 220px; margin: auto; margin-bottom: 40px; } @media screen and (max-width: 991px) { .sec-uudai-tuvan .wrapper-content .txt-content { font-size: 14px; } } .sec-uudai-tuvan .img-item-left { position: absolute; z-index: 0; left: 0; bottom: 0; } @media screen and (max-width: 1800px) { .sec-uudai-tuvan .img-item-left { width: calc(100% - 600px); } } @media screen and (max-width: 1200px) { .sec-uudai-tuvan .img-item-left { position: relative; width: 100%; } } .sec-sacdep { overflow: hidden; padding: 110px 0; background: radial-gradient(#be8b37, #402c05); } @media screen and (max-width: 1200px) { .sec-sacdep { padding: 60px 0; } } .sec-sacdep .txt-title { color: #fff; text-align: center; padding: 0 15px; font-size: 35px; margin-bottom: 60px; } @media screen and (max-width: 1200px) { .sec-sacdep .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-sacdep .txt-title { font-size: 26px; } } .sec-sacdep .txt-title .bold { line-height: 1.3; font-size: 60px; } @media screen and (max-width: 1024px) { .sec-sacdep .txt-title .bold { font-size: 50px; } } @media screen and (max-width: 768px) { .sec-sacdep .txt-title .bold { font-size: 40px; } } @media screen and (max-width: 1200px) { .sec-sacdep .txt-title { margin: 40px; } } .sec-sacdep .swiper-chung { width: 100%; max-width: 690px; margin: 0 auto; position: relative; padding: 60px 0; } .sec-sacdep .swiper-chung .button-second { background: #fff; text-align: center; color: #B58D5D; border-radius: 50%; width: 45px; height: 45px; transition: 0.3s ease; } .sec-sacdep .swiper-chung .button-second:hover { color: #fff; background: #B58D5D; } .sec-sacdep .swiper-chung .button-second::after { font-size: 16px; } .sec-sacdep .swiper-chung .x-sd-img { width: 100%; padding-top: 65%; position: relative; } .sec-sacdep .swiper-chung .swiper-button-next::after, .sec-sacdep .swiper-chung .swiper-button-prev::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sec-sacdep .swiper-chung .swiper-slide { width: 500px; } .sec-sacdep .swiper-chung .swiper-slide img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.6); transition: 0.3s linear; } .sec-sacdep .swiper-chung .swiper-button-next { left: calc(50% + 325px); } .sec-sacdep .swiper-chung .swiper-container { overflow: unset; } .sec-sacdep .swiper-chung .swiper-slide-prev img { transform: translate(-70%, -50%) scale(0.9); } .sec-sacdep .swiper-chung .swiper-slide-next img { transform: translate(-30%, -50%) scale(0.9); } .sec-sacdep .swiper-chung .swiper-slide-active img { transform: translate(-50%, -50%) scale(1.4); } .sec-sacdep .swiper-chung .swiper-button-prev { left: calc(50% - 370px); } @media only screen and (max-width: 768px) { .sec-sacdep .swiper-chung { padding: 0; } .sec-sacdep .swiper-chung .swiper-slide { width: 100%; } .sec-sacdep .swiper-chung .swiper-slide img { transform: translate(-50%, -50%) scale(0.9); } .sec-sacdep .swiper-chung .swiper-button-next { left: unset; right: 15px; } .sec-sacdep .swiper-chung .swiper-container { overflow: unset; } .sec-sacdep .swiper-chung .swiper-slide-prev img { transform: translate(-70%, -50%) scale(0.9); } .sec-sacdep .swiper-chung .swiper-slide-next img { transform: translate(-30%, -50%) scale(0.9); } .sec-sacdep .swiper-chung .swiper-slide-active img { transform: translate(-50%, -50%) scale(1); } .sec-sacdep .swiper-chung .swiper-button-prev { left: 15px; } } .sec-thongtin-dichvu .txt-title { text-align: center; font-size: 35px; margin-bottom: 60px; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .txt-title { font-size: 30px; } } @media screen and (max-width: 670px) { .sec-thongtin-dichvu .txt-title { font-size: 26px; } } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .txt-title { margin-bottom: 30px; } } .sec-thongtin-dichvu .row-item { padding: 30px 0; } .sec-thongtin-dichvu .row-item .txt-title { text-align: left; margin-bottom: 40px; color: #B58D5D; text-transform: uppercase; } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .row-item { padding: 15px 0; } } .sec-thongtin-dichvu .row-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .sec-thongtin-dichvu .wrapper-row { margin: -30px 0; } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .wrapper-row { margin: -15px 0; } } .sec-thongtin-dichvu .box-content-v { height: 100%; box-shadow: 5px 7px 15px rgba(0, 0, 0, 0.06); } .sec-thongtin-dichvu .box-content-v .box-content { padding: 15px; } .sec-thongtin-dichvu .box-content-v .meta-title { color: #d8b148; margin-bottom: 15px; font-size: 12px; font-weight: 600; text-transform: uppercase; } .sec-thongtin-dichvu .box-content-v .txt-title { margin-bottom: 15px; } .sec-thongtin-dichvu .box-content-v .link-w-100 { margin-top: 50px; } .sec-thongtin-dichvu .swiper-container { margin: -15px; } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .swiper-container { margin: -7.5px; } } .sec-thongtin-dichvu .swiper-container .swiper-slide { padding: 15px; height: auto; } @media screen and (max-width: 1200px) { .sec-thongtin-dichvu .swiper-container .swiper-slide { padding: 7.5px; } } .sec-thongtin-dichvu .swiper-button-next { background: #B58D5D; text-align: center; color: #fff; border-radius: 50%; padding: 17px 20px; transition: 0.3s ease; right: 0; } .sec-thongtin-dichvu .swiper-button-next:hover { color: #B58D5D; background: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16); } .sec-thongtin-dichvu .swiper-button-next::after { font-size: 16px; } .sec-coso-title { padding-bottom: 50px; } .sec-coso-title .txt-title { font-size: 150px; } @media screen and (max-width: 1200px) { .sec-coso-title .txt-title { font-size: 80px; } } @media screen and (max-width: 768px) { .sec-coso-title .txt-title { font-size: 50px; } } .sec-coso-title .content-title { max-width: 800px; margin-left: auto; text-transform: uppercase; line-height: 1.3; font-size: 50px; } @media screen and (max-width: 768px) { .sec-coso-title .content-title { font-size: 36px; } } .blog-coso-dt { background-position: center; background-repeat: no-repeat; background-size: cover; } .blog-coso-dt .box-blog { background: #fff; max-width: 690px; padding: 40px; font-size: 16px; margin: -12px; } @media screen and (max-width: 991px) { .blog-coso-dt .box-blog { font-size: 14px; } } @media screen and (max-width: 1200px) { .blog-coso-dt .box-blog { padding: 15px; } } .blog-coso-dt .box-blog p { margin: 12px; position: relative; text-align: justify; } .blog-coso-dt .box-blog p span { position: absolute; font-weight: bold; font-size: 190px; top: 50%; transform: translateY(-50%); left: 0; line-height: 0.9; } @media screen and (max-width: 1200px) { .blog-coso-dt .box-blog p span { font-size: 170px; } } @media screen and (max-width: 550px) { .blog-coso-dt .box-blog p span { position: unset; font-size: 40px; } } .blog-coso-dt .box-blog p:first-child { padding-left: 150px; } @media screen and (max-width: 550px) { .blog-coso-dt .box-blog p:first-child { padding-left: 0; } } .banner-coso { height: auto; } .sec-coso-dt { padding: 65px 0; overflow: hidden; } .sec-coso-dt .box-content-flex { padding: 65px 0; position: relative; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-flex { padding: 30px 0; } } .sec-coso-dt .cols { display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-coso-dt .cols { margin: -7.5px; } } .sec-coso-dt .cols .col { width: 50%; padding: 15px; position: relative; font-size: 16px; } @media screen and (max-width: 991px) { .sec-coso-dt .cols .col { font-size: 14px; } } @media screen and (max-width: 1200px) { .sec-coso-dt .cols .col { padding: 7.5px; } } @media screen and (max-width: 670px) { .sec-coso-dt .cols .col { width: 100%; } } .sec-coso-dt .cols .col .txt-title { line-height: 1.3; font-size: 60px; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .sec-coso-dt .cols .col .txt-title { font-size: 50px; } } @media screen and (max-width: 768px) { .sec-coso-dt .cols .col .txt-title { font-size: 40px; } } @media screen and (max-width: 1200px) { .sec-coso-dt .cols .col .txt-title { margin-bottom: 15px; } } .sec-coso-dt .cols .col .col-top { position: absolute; color: rgba(156, 103, 43, 0.1); z-index: -1; top: -90px; left: -60px; } @media screen and (max-width: 1600px) { .sec-coso-dt .cols .col .col-top { left: 0; } } @media screen and (max-width: 1200px) { .sec-coso-dt .cols .col .col-top { top: -45px; } } .sec-coso-dt .cols .col .col-top .txt-title { font-size: 150px; } @media screen and (max-width: 1200px) { .sec-coso-dt .cols .col .col-top .txt-title { font-size: 100px; } } @media screen and (max-width: 768px) { .sec-coso-dt .cols .col .col-top .txt-title { font-size: 50px; } } .sec-coso-dt .cols .col .col-bottom { position: absolute; color: rgba(156, 103, 43, 0.1); z-index: -1; bottom: 0; } .sec-coso-dt .cols .col .col-bottom .txt-title { font-size: 150px; } @media screen and (max-width: 1200px) { .sec-coso-dt .cols .col .col-bottom .txt-title { font-size: 100px; } } @media screen and (max-width: 768px) { .sec-coso-dt .cols .col .col-bottom .txt-title { font-size: 50px; } } .sec-coso-dt .cols .col .wrapper-content-right { padding-left: 50px; } @media screen and (max-width: 849px) { .sec-coso-dt .cols .col .wrapper-content-right { padding-left: 0; } } .sec-coso-dt .cols .col .wrapper-content-left { padding-right: 50px; } @media screen and (max-width: 849px) { .sec-coso-dt .cols .col .wrapper-content-left { padding-right: 0; } } .sec-coso-dt .txt-desc { margin: 40px 0; } @media screen and (max-width: 1200px) { .sec-coso-dt .txt-desc { margin: 20px 0; } } .sec-coso-dt .mt-0 { margin-top: 0; } @media screen and (min-width: 1201px) { .sec-coso-dt .box-content-full { padding: 120px 0; } } .sec-coso-dt .box-content-full .box-flex { display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .box-flex { margin: -7.5px; } } .sec-coso-dt .box-content-full .box-flex .col-6 { padding: 15px; position: relative; font-size: 16px; } @media screen and (max-width: 991px) { .sec-coso-dt .box-content-full .box-flex .col-6 { font-size: 14px; } } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .box-flex .col-6 { padding: 7.5px; width: 100%; } } .sec-coso-dt .box-content-full .col-top { position: absolute; color: rgba(156, 103, 43, 0.1); z-index: 0; top: -90px; left: -160px; } @media screen and (max-width: 1600px) { .sec-coso-dt .box-content-full .col-top { left: 0; } } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .col-top { top: -45px; } } .sec-coso-dt .box-content-full .col-top .txt-title { font-size: 150px; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .col-top .txt-title { font-size: 100px; } } @media screen and (max-width: 768px) { .sec-coso-dt .box-content-full .col-top .txt-title { font-size: 50px; } } .sec-coso-dt .box-content-full .box-content { background: #3A1C1A; padding: 90px 40px; color: #fff; font-size: 16px; } @media screen and (max-width: 991px) { .sec-coso-dt .box-content-full .box-content { font-size: 14px; } } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .box-content { padding: 30px 15px; } } .sec-coso-dt .box-content-full .box-content .txt-title { line-height: 1.3; font-size: 60px; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .sec-coso-dt .box-content-full .box-content .txt-title { font-size: 50px; } } @media screen and (max-width: 768px) { .sec-coso-dt .box-content-full .box-content .txt-title { font-size: 40px; } } .sec-coso-dt .box-content-full .img-w-100 { position: absolute; width: 1332px; top: -30px; left: -365px; z-index: -1; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-full .img-w-100 { position: unset; width: 100%; } } .sec-coso-dt .box-content-center { position: relative; padding: 65px 0; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-center { padding: 30px 0; } } .sec-coso-dt .box-content-center .box-flex { display: flex; flex-wrap: wrap; margin: -15px; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-center .box-flex { margin: -7.5px; } } .sec-coso-dt .box-content-center .box-flex .col-6 { padding: 15px; position: relative; font-size: 16px; } @media screen and (max-width: 991px) { .sec-coso-dt .box-content-center .box-flex .col-6 { font-size: 14px; } } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-center .box-flex .col-6 { padding: 7.5px; width: 100%; } } .sec-coso-dt .box-content-center .box-content { max-width: 950px; margin: auto; margin-bottom: 40px; } .sec-coso-dt .box-content-center .box-content .col-top { position: absolute; color: rgba(156, 103, 43, 0.1); z-index: 0; top: -185px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-center .box-content .col-top { top: -45px; } } .sec-coso-dt .box-content-center .box-content .col-top .txt-title { white-space: nowrap; font-size: 150px; } @media screen and (max-width: 1200px) { .sec-coso-dt .box-content-center .box-content .col-top .txt-title { font-size: 100px; } } @media screen and (max-width: 768px) { .sec-coso-dt .box-content-center .box-content .col-top .txt-title { font-size: 50px; } } .sec-coso-dt .box-content-center .box-content .txt-title { text-align: center; margin-bottom: 20px; text-transform: uppercase; line-height: 1.3; font-size: 60px; } @media screen and (max-width: 1024px) { .sec-coso-dt .box-content-center .box-content .txt-title { font-size: 50px; } } @media screen and (max-width: 768px) { .sec-coso-dt .box-content-center .box-content .txt-title { font-size: 40px; } } .sec-coso-dt .box-content-center .box-content .wrapper-content { position: relative; } .sec-coso-dt .box-content-center .box-content .txt-desc { margin: 0; } .sec-coso-dt .box-content-center .img-w-100 { position: relative; } .sec-coso-dt .title-meta-left { font-size: 16px; font-family: 'Montserrat', sans-serif; position: absolute; top: 30%; left: -330px; transform: rotate(-90deg); } @media screen and (max-width: 991px) { .sec-coso-dt .title-meta-left { font-size: 14px; } } .sec-coso-dt .title-meta-left::after { content: ""; position: absolute; width: 300px; height: 1px; background: #000; top: 50%; transform: translateY(-50%); left: calc(100% + 30px); } .sec-coso-dt .title-meta-right { font-size: 16px; font-family: 'Montserrat', sans-serif; position: absolute; top: 30%; right: -330px; transform: rotate(-90deg); } @media screen and (max-width: 991px) { .sec-coso-dt .title-meta-right { font-size: 14px; } } .sec-coso-dt .title-meta-right::after { content: ""; position: absolute; width: 300px; height: 1px; background: #000; top: 50%; transform: translateY(-50%); left: calc(100% + 30px); } .sec-caunoi { padding: 110px 0; background: #3A1C1A; color: #fff; } .sec-caunoi .wrapper-container { position: relative; } .sec-caunoi .wrapper-container .box-daukep { position: absolute; top: -110px; left: 60px; } @media screen and (max-width: 1200px) { .sec-caunoi .wrapper-container .box-daukep { left: 0; display: none; } } .sec-caunoi .wrapper-container .box-content { max-width: 990px; margin: auto; text-align: center; border: 3px solid #B58D5D; padding: 80px 80px 0; font-size: 16px; } @media screen and (max-width: 991px) { .sec-caunoi .wrapper-container .box-content { font-size: 14px; } } @media screen and (max-width: 1200px) { .sec-caunoi .wrapper-container .box-content { padding: 30px 15px 0; } } .sec-caunoi .wrapper-container .txt-content { max-width: 690px; margin: auto; } .sec-caunoi .wrapper-container .box-title { max-width: 690px; margin: auto; margin-top: 60px; padding: 40px 35px; text-transform: uppercase; background: #B58D5D; } .d-inline-block { display: inline-block; } .d-flex { display: flex; } .lh-0 { line-height: 0; } .con-ft { max-width: 1850px; } .color-f9c3a5 { color: #f9c3a5; } .color-ffffff { color: #fff; } .text-center { text-align: center; } .align-items-center { align-items: center; } .justify-content-between { justify-content: center; } .position-relative { position: relative; } .bg-392723 { background-color: #392723; } .bg-2A1B17 { background-color: #2a1b17; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .w-100 { width: 100%; } .bg_top { display: flex; flex-direction: column; } .pb-0 { padding-bottom: 0; } .p-0 { padding: 0; } .text-bold { font-weight: bold; } .text-white { color: #fff; } .txt-24 { font-size: 24px; } .txt-30 { font-size: 30px; } .text-uppercase { text-transform: uppercase; } .z-100 { z-index: 100; } .z-1 { z-index: 1; } .bg-261814 { background-color: #261814; } @media only screen and (min-width: 992px) { .d-lg-none { display: none; } .d-lg-flex { display: flex; } .d-lg-block { display: block; } .d-lg-inline { display: inline; } .d-lg-inline-block { display: inline-block; } } @media only screen and (min-width: 768px) { .d-md-none { display: none; } .d-md-flex { display: flex; } .d-md-block { display: block; } } .hamohome { background-color: #261814; color: #fff; font-family: 'Montserrat', sans-serif; } .hamohome-logo { width: 10vw; margin-top: 1.5%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; } .hamohome-cover { height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; position: relative; overflow: hidden; } .hamohome-cover-video { width: 100%; height: calc(100vw / 16 * 9); margin-top: calc(100vh - 100vw / 16 * 9); } .hamohome-cover-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.5%; background: linear-gradient(to right, #F9C3A5, #FFE2D2); border-radius: 100px; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 11.5px 37px; font-size: 16px; font-weight: 600; color: #3F270D; text-transform: uppercase; border: 1px solid #FFE2D2; line-height: 100%; box-shadow: 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, inset 0 0 0.2rem #F9C3A550; } .hamohome-cover-btn:hover { color: #3F270D; box-shadow: 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, inset 0 0 6rem #F9C3A550; transition: 500ms; } .hamohome-bg { margin-bottom: 65px; } .hamohome-bg-title { display: inline-block; padding: 50px 60px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; max-width: 640px; margin: -40px 0 -20px 0; background-color: #261814; background-blend-mode: screen; position: relative; z-index: 0; } .hamohome-bg-title2 { max-width: 1002px; display: inline-block; padding: 30px 25px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; margin-top: 37px; font-size: 16px; } .hamohome-title { font-family: "Times New Roman", Times, serif; font-size: 50px; line-height: 139%; font-weight: 400; text-transform: uppercase; position: relative; z-index: 1; } .hamohome-description { font-size: 20px; line-height: 110%; } .hamohome-arrow-text { display: flex; align-items: center; justify-content: center; gap: 29px; } .hamohome_arrow_title { mix-blend-mode: screen; width: 50px; } .hamohome-group-title { padding: 0 0 37px 0; position: relative; } .hamohome-white-30 { background-color: #ffffff10; border-radius: 10px; overflow: hidden; } .hamohome-content li, .hamohome-content p { margin-bottom: 1rem; } .hamohome-content ul { padding-left: 20px; } .hamohome-content li { list-style-type: disc; } .hamohome-sub-title { color: white; font-size: 28px; font-weight: bold; text-align: center; text-transform: uppercase; } .hamohome-slide-item { width: 100%; height: 100%; display: inline-block; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; mix-blend-mode: screen; padding: 20px 16px 75px 16px; } .hamohome .section_slide_galery { display: grid; grid-template-columns: auto auto auto; text-align: center; max-width: 1032px; /* height: 100%; */ margin: 0 auto; } .hamohome .section_slide_galery img { margin: 10px auto; } .hamohome .swiper-button-next, .hamohome .swiper-button-prev { color: white; background-color: #ffffff10; border-radius: 100px; width: 60px; height: 60px; } .hamohome .swiper-button-next::after, .hamohome .swiper-button-prev::after { font-size: 20px; color: #fff; } .hamohome .swiper-button-next:hover, .hamohome .swiper-button-prev:hover { background-color: #ffffff30; } .hamohome-slidebtn-absolute .swiper-button-next { right: calc(100% - 1727px + 10px); } .hamohome-slidebtn-absolute .swiper-button-prev { left: calc(100% - 1727px + 10px); } .hamohome .arrow_point { margin-bottom: 37px; } .hamohome .section5-pb { padding-bottom: 75px; } .hamohome-countdown { display: flex; flex-wrap: nowrap; border-radius: 20px; background-color: #ffffff20; padding: 22px; gap: 10px; width: fit-content; margin: 0 auto; align-items: center; justify-content: center; } .hamohome-countdown-item { border-radius: 10px; background-color: #ffffff20; padding: 23px; text-align: center; width: 167px; height: 135px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hamohome-countdown-item h4 { font-size: 64px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 100%; } .hamohome-countdown-item p { font-size: 16px; font-weight: bold; color: #f9c3a5; text-transform: uppercase; } .hamohome-count { color: #f9c3a5; margin: 0.1em 0; position: relative; display: flex; align-items: baseline; font-size: 80px; font-weight: 700; justify-content: center; } .hamohome-count-description { font-size: 24px; font-weight: 300; margin-bottom: 20px; } .hamohome-count + span { display: block; width: 100%; text-align: right; } .hamohome-section1 .hamohome-content { padding: 22px; max-width: 581px; font-size: 18px; line-height: 139%; } .hamohome-section1-section1-img img { height: 100%; object-fit: cover; } .hamohome-section2 .hamohome-content { padding: 22px; max-width: 100%; font-size: 18px; line-height: 139%; } .hamohome-section2 .hamohome-section { max-width: 100%; } .hamohome-section2 .hamohome-content { flex: 1; } .hamohome-section2 .hamohome-section1-img img { width: 36vw; height: 30vw; object-fit: cover; } .hamohome-section2 .hamohome-section1-img::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 150px; background: linear-gradient(to left, #392723 0%, rgba(57, 39, 35, 0) 100%); pointer-events: none; } .hamohome-section2-video { padding: 50px; } .hamohome-section2-video .hamohome-section2-video-item { border-radius: 20px; width: 40vw; height: 22.5vw; } .hamohome-section2-btn { display: inline-flex; align-items: center; gap: 6px; border-radius: 100px; padding: 9.5px 21px; border: 1px solid #fff; box-shadow: 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, inset 0 0 0.2rem #F9C3A550; } .hamohome-section2-btn:hover::before { opacity: 1; } .hamohome-section2-btn:hover { box-shadow: 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 2rem #F9C3A550, 0 0 0.2rem #F9C3A550, 0 0 0.2rem #F9C3A550, inset 0 0 6rem #F9C3A550; color: white; transition: 500ms; } .hamohome-section3 { background-size: cover; background-position: center; background-repeat: no-repeat; } .hamohome-section3 .section_slide_list { height: 432px; mix-blend-mode: screen; } .hamohome-section3 .section_slide_image { height: 379px; border-radius: 20px; } .hamohome-section3 .section_slide_galery img { mix-blend-mode: screen; } .hamohome-section3 .swiper-container { max-width: 1727px; } .hamohome-section3 .swiper-slide { height: 879px; padding: 0 7.5vw; } .hamohome-section3 .hamohome-title { margin-top: 15px; margin-bottom: 0; } .hamohome-section4 { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; height: 1085.22px; margin-bottom: -230px; z-index: 0; } .hamohome-section4 .swiper-container { margin-top: 80px; } .hamohome-section4 .swiper-button-next, .hamohome-section4 .swiper-button-prev { top: 150px; } .hamohome-section4-slide { margin-top: -140px; height: 800px; width: 100%; object-fit: cover; object-position: center; } .hamohome-section4-slide-bg { position: relative; display: inline; z-index: 1; mix-blend-mode: screen; } .hamohome-section4-slide-item { position: absolute; left: 50%; transform: translateX(-50%); } .hamohome-section5 { position: relative; z-index: 1; } .hamohome-section5 .swiper-container { max-width: 1034px; } .hamohome-section5 .swiper-slide { opacity: 0.1; } .hamohome-section5 .swiper-slide-active { opacity: 1; } .hamohome-section5-bg-slide { background-position: center; background-size: cover; background-repeat: no-repeat; } .hamohome-section5-bg-footer { position: absolute; bottom: 0; width: 1260px; height: 162px; left: 50%; transform: translateX(-50%); } .hamohome-section5-bg-footer img { width: 100%; } .hamohome-section6 .swiper-slide img { border-radius: 10px; max-width: 724px; height: 557px; object-fit: cover; } .hamohome-section6-gallery { width: 928px; } .hamohome-section6-gap-5 { gap: 25px; } .hamohome-section6 .hamohome-caption { margin-top: 55px; } .hamohome-section6 .section_gallery_certificate { width: 567px; display: flex; flex-wrap: wrap; align-items: start; justify-content: center; gap: 36px; } .hamohome-section6 .section_gallery_certificate_item { width: calc((100% - 36px) / 2); border-radius: 10px; } .hamohome-section6 .section_gallery_certificate_item:nth-child(5), .hamohome-section6 .section_gallery_certificate_item:nth-child(6), .hamohome-section6 .section_gallery_certificate_item:nth-child(7) { width: calc((100% - 72px) / 3); } .hamohome-section7 .hamohome-group-title { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 150px 0; } .hamohome-section7 .hamohome-description { max-width: 859px; margin: 52px auto 22px auto; font-size: 18px; font-weight: 300; line-height: 33px; } .hamohome-section8-flex { display: flex; width: 100%; /* gap: 28px; */ height: 37vw; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .hamohome-section8-flex-item { width: 24%; height: 100%; border-radius: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); overflow: hidden; } .hamohome-section8-flex-item:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(117%); z-index: 1000; transition: 200ms; } .hamohome-section8-flex-item:first-child:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(117%) translateX(8.5%); z-index: 1000; transition: 200ms; } .hamohome-section8-flex-item:last-child:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(117%) translateX(-8.5%); z-index: 1000; transition: 200ms; } .hamohome-section8-flex-item-bg { position: relative; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .hamohome-section8-caption { width: 100%; font-size: 16px; font-weight: bold; position: absolute; top: 85%; left: 50%; transform: translateX(-50%); color: #fff; text-transform: uppercase; } .hamohome-section9-item { display: flex; justify-content: center; gap: 21px; align-items: center; } .hamohome-section9-item img { width: 17.5vw; } .hamohome-section10 .hamohome-content { color: #fff; text-align: left; width: 429px; font-size: 18px; line-height: 200%; margin-top: 20px; border-top: 1px solid #f9c3a520; } .hamohome-section10 .hamohome-title { font-size: 30px; margin-bottom: 0; } .hamohome-section10 .hamohome-description { width: fit-content; font-size: 24px; font-weight: 600; margin: 0 auto; word-wrap: unset; } .hamohome-section10 .hamohome-arrow-text { gap: 5px; } .hamohome-section10 .hamohome-bg-title { padding: 5px 10px; margin: 24px auto; } .hamohome-section10 .hamohome-group-title { transform: translateX(5vw); width: fit-content; } .hamohome-section10-img::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 150px; /* Adjust width as needed */ background: linear-gradient(to right, #2a1b17 0%, rgba(42, 27, 23, 0) 100%); pointer-events: none; } .hamohome-section10-content-img { display: none; } .hamohome-section11-slide { display: grid; grid-template-areas: "col1 col2" "col1 col3" "col1 col4" "col1 col5"; gap: 21px; } .hamohome-section11-slide-item { display: flex; gap: 34px; } .hamohome-section11-slide-item:nth-child(1) { grid-area: col1; display: block; } .hamohome-section11-slide-item:nth-child(1) .hamohome-section11-logo { margin-top: 30px; margin-bottom: 30px; } .hamohome-section11-slide-item:nth-child(1) .hamohome-section11-title { display: inline; } .hamohome-section11-slide-item:nth-child(2) { grid-area: col2; } .hamohome-section11-slide-item:nth-child(3) { grid-area: col3; } .hamohome-section11-slide-item:nth-child(4) { grid-area: col4; } .hamohome-section11-slide-item:nth-child(1) .hamohome-section11-img { width: 100%; height: 561.44px; } .hamohome-section11-slide-item img { display: block; } .hamohome-section11-img { width: 50%; height: 192px; object-fit: cover; border-radius: 20px; } .hamohome-section11-logo { object-fit: scale-down; object-position: left; height: 48px; } .hamohome-section11-title { display: none; font-size: 36px; font-family: "Times New Roman", Times, serif; line-height: 120%; color: #fff; margin-bottom: 15px; font-weight: normal; } .hamohome-section11-description { font-size: 18px; line-height: 150%; color: #fff; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .hamohome-section11-content { display: flex; flex-direction: column; justify-content: space-between; } .hamohome-section11 .swiper-button-prev, .hamohome-section11 .swiper-button-next { display: none; } .hamohome-section12 .hamohome-group-title { padding: 37px 0; } .hamohome-popup-banner { width: 100vw; height: calc(100vh - 88px); } .hamohome-popup-banner .mfp-close { top: -44px; background-color: #ffffff00; } #hamohome-count { position: relative; display: flex; margin-right: 0.2em; width: 0; overflow: hidden; height: 80px; transition: width 1.8s ease; } #hamohome-count > span { display: flex; text-align: center; flex-direction: column; opacity: 0; flex-shrink: 2; flex-basis: 80px; width: 1px; position: absolute; right: 0; line-height: 80px; transition: all 2s ease; } #hamohome-count > span.visible { position: static; width: 55px; opacity: 1; flex-shrink: 1; } @media only screen and (max-width: 1260px) { .hamohome-section9-item { flex-wrap: wrap; } .hamohome-section9-item img { width: 35vw; } .hamohome-section5-bg-footer { width: 100%; left: 0%; transform: translateX(0); } } @media only screen and (max-width: 1900px) { .hamohome-section2 .hamohome-section1-img img { height: 36vw; } .hamohome-section2-video .hamohome-section2-video-item { width: 32vw; height: 18vw; } } @media only screen and (max-width: 1727px) { .hamohome-section6-gallery { width: 800px; } .hamohome-section6 .section_gallery_certificate { width: 500px; } .hamohome-slidebtn-absolute .swiper-button-next { right: 10px; } .hamohome-slidebtn-absolute .swiper-button-prev { left: 10px; } } @media only screen and (max-width: 1460px) { .flex-xl-column-reverse { flex-direction: column-reverse; align-items: center; } .hamohome-section2 .d-flex { flex-wrap: wrap; } .hamohome-section2 .hamohome-section1-img img { width: 100%; } .hamohome-section2-video { padding: 0; } .hamohome-section2-video .hamohome-section2-video-item { width: 96vw; height: 54vw; } .hamohome-section4 .swiper-container { margin-top: 0px; } .hamohome-section4-slide { margin-top: -255px; height: 1200px; max-width: 100%; } .hamohome-section4-slide-bg { visibility: hidden; } .hamohome-section6 { padding: 0 1rem; } .hamohome-section6 .hamohome-caption { margin-top: 13px; } .hamohome-section6 .swiper-slide img { height: 231px; width: 100%; } .hamohome-section6-gallery { width: 100%; } .hamohome-section6-gallery .swiper-slide { padding: 0 80px; } .hamohome-section6 .section_gallery_certificate { padding: 0 80px; width: 100%; } .hamohome-section6 .swiper-button-next { right: 0; } .hamohome-section6 .swiper-button-prev { left: 0; } } @media only screen and (max-width: 1160px) { .hamohome-arrow-text { gap: 9.5px; } .hamohome-section3 .section_slide_image { height: 200px; } .hamohome-section3 .section_slide_list { height: 300px; } .hamohome-section3 .d-flex { flex-wrap: wrap; } .hamohome-section2 .hamohome-section1-img img { height: 100%; } .hamohome-section2 .hamohome-section1-img::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 150px; /* Adjust width as needed */ background: none; pointer-events: none; /* Ensures it doesn't interfere with other elements */ } .hamohome .section_slide_galery { grid-template-columns: auto auto; } .hamohome .section_slide_galery { height: 550px; } .hamohome .section_slide_galery img { height: 180px; } } @media only screen and (max-width: 992px) { .hamohome-section11 .swiper-button-prev, .hamohome-section11 .swiper-button-next { display: flex; top: 281px; } .hamohome-section11-logo { margin-top: 30px; margin-bottom: 30px; } .hamohome-section11-img, .hamohome-section11-slide-item:nth-child(1) .hamohome-section11-img { width: 100%; height: 561.44px; } .hamohome-section11-slide-item { display: block; padding: 0 36px; } .hamohome-section11-btn { text-align: center; } .hamohome-section11-title { display: inline; } .hamohome-section11-description { display: none; } .hamohome-section11-slide { display: flex; gap: 0; } .hamohome-section11 .con-m { padding: 0; } .hamohome-section10 .hamohome-bg-title { margin: 0 auto; } .hamohome-section10 .hamohome-description { margin: 10px auto; } .hamohome-section10 .hamohome-group-title { transform: translateX(0); padding: 0; } .hamohome-section10-content-img { display: block; } .hamohome-section10-img { display: none; } .hamohome-section10 .hamohome-content { width: 100%; font-size: 13px; padding: 12px 43px; text-align: justify; background-color: #ffffff05; margin-top: 0; border: none; } .bg-2A1B17 { background-color: #261814; } .hamohome-section8-caption { font-size: 10px; padding: 0 10px; top: auto; bottom: 10px; } .flex-lg-column-reverse { flex-direction: column-reverse; } .hamohome-white-30 { /* background-color: #261814; */ border-radius: 0; } .bg-392723 { background-color: #261814; } .hamohome-content { max-width: 100%; padding: 2rem; } .hamohome-section1 .con-m { padding: 0; } .hamohome-section5-bg-footer { height: 56px; } } @media only screen and (max-width: 768px) { #hamohome-count { height: 50px; } #hamohome-count > span { flex-basis: 35px; line-height: 50px; } #hamohome-count > span.visible { width: 35px; } .hamohome .section5-pb { padding-bottom: 35px; } .hamohome-cover-video { position: absolute; width: calc(100vw / 9 * 16); height: 100vw; margin-top: 0; top: 0; left: 0; transform: translateX(calc(100vw / 9 * (-3.5))); } .hamohome-section6-gap-5 { gap: 0; } .hamohome-section6 .section_gallery_certificate .section_gallery_certificate_item { width: calc((100% - 11px) / 2); border-radius: 10px; } .hamohome-section6 .section_gallery_certificate .section_gallery_certificate_item:nth-child(5), .hamohome-section6 .section_gallery_certificate .section_gallery_certificate_item:nth-child(6), .hamohome-section6 .section_gallery_certificate .section_gallery_certificate_item:nth-child(7) { width: calc((100% - 52px) / 3); } .hamohome-count { font-size: 50px; line-height: 0; } .hamohome-section4 { height: 475px; margin-bottom: 30px; } .hamohome-section4 .hamohome-group-title { padding: 0; } .hamohome-section4 .swiper-container { margin-top: 0px; } .hamohome-section4-slide { margin-top: -155px; height: 683px; max-width: 100%; } .hamohome-section4-slide-bg { visibility: hidden; } .hamohome-section3 .section_slide_image { height: 168px; } .hamohome-section3 .section_slide_list { height: 205px; } .hamohome-section3 .swiper-slide { height: 593px; padding: 0 35px; } .hamohome-section3 .hamohome-group-title { padding: 25px 0 11px 0; } .hamohome-section12 .hamohome-group-title { padding: 0 0 15px 0; } .hamohome-popup-banner { width: 100vw; height: calc(90vh - 88px); } .hamohome .section_slide_galery { height: fit-content; gap: 10px; } .hamohome .section_slide_galery img { width: 100%; height: auto; } .hamohome-slide-item { padding: 0 16px; } .hamohome-group-title { padding: 0 0 15px 0; } .hamohome-bg-title2 { padding: 15px 20px; margin-top: 10px; font-size: 13px; } .hamohome-sub-title { font-size: 13px; } .hamohome-count-description { font-size: 15px; } .hamohome_arrow_title { width: 20px; } .hamohome-section7 .hamohome-description { font-size: 13px; line-height: 20px; margin-top: 10px; max-width: 326px; } .hamohome-countdown { padding: 12px; } .hamohome-countdown-item { padding: 10px; width: 81px; height: 76px; } .hamohome-countdown-item h4 { font-size: 25px; } .hamohome-countdown-item p { font-size: 13px; } .hamohome-bg { margin-bottom: 45px; } .hamohome-section11 .swiper-button-prev, .hamohome-section11 .swiper-button-next { top: 113px; } .hamohome-section11-title { font-size: 18px; margin-bottom: 0; } .hamohome-section11-logo { height: 20px; margin-top: 10px; margin-bottom: 10px; } .hamohome-section11-img, .hamohome-section11-slide-item:nth-child(1) .hamohome-section11-img { height: 226px; } .hamohome-section12 .hamohome-title { margin-bottom: 0; } .hamohome-section12 .hamohome-arrow-text { margin-bottom: 5px; } .hamohome-title { font-size: 24px; margin-bottom: 5px; } .hamohome-section5 .swiper-slide { opacity: 1; } .bg_top { flex-direction: column-reverse; } .arrow_point { margin-bottom: 25px; } .arrow_point img { width: 32px; } .hamohome-section5 .swiper-slide { padding: 0 75px; } .hamohome-section5 .swiper-slide { text-align: center; } .hamohome-section6 .section_gallery_certificate { gap: 11px; } .hamohome-bg-title { padding: 30px 40px; margin: -30px 0 -10px 0; } .hamohome-section8-flex-item { border-radius: 5px; } } @media only screen and (max-width: 450px) { .hamohome-countdown-item { width: 15vw; } .hamohome-countdown-item p { font-size: 10px; } .hamohome-section9 .hamohome-title { font-size: 15px; } .hamohome-section10 .hamohome-title { font-size: 20px; } .hamohome-section10 .hamohome-description { font-size: 16px; margin: 14px auto; } .hamohome-cover { height: 100vw; } .hamohome-logo { display: none; } .hamohome-cover-btn { bottom: 2.5%; padding: 11.5px 25px; font-size: 13px; } .hamohome-section5 .hamohome-arrow-text { padding: 0 40px; } .hamohome-section5 .hamohome-bg-title2 { font-size: 11px; padding: 15px 3px; } .hamohome-section5 .hamohome-group-title { padding: 0 10px 15px 10px; } .hamohome-bg-title2, .hamohome-section2 .hamohome-description, .hamohome-section2 .hamohome-content, .hamohome-section1 .hamohome-description, .hamohome-section1 .hamohome-content, .hamohome-description, .hamohome-content { font-size: 13px; } .hamohome-section2 .hamohome-section1-img img { width: 100vw; height: 311px; } .hamohome .swiper-button-next, .hamohome .swiper-button-prev { width: 30px; height: 30px; } .hamohome .swiper-button-next::after, .hamohome .swiper-button-prev::after { font-size: 10px; } .hamohome-section6-gallery .swiper-slide { padding: 0 50px; } .hamohome-section6 .section_gallery_certificate { padding: 0 50px; } } .taggroup { padding: 15px; margin-bottom: 15px; border-radius: 6px; box-shadow: 2px 2px 7px #3F270D; } .taggroup .tag-loadmore-btn { justify-content: center; } .xpop-wrap { max-width: 1000px; margin: 0 auto; padding: 0 15px; width: 100%; } .xpop .mfp-close { right: 15px; } .xpop-con { position: relative; z-index: 1; } .xpop-bg-big, .xpop-bg-small { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .xpop-bg-small { display: none; } .xpop-new { background-image: var(--wpr-bg-8498ca87-882a-415c-8acd-248990b4a7b0); background-size: 100% 100%; } .xpop-man { position: absolute; right: -10px; bottom: 0; width: 41%; z-index: -1; } .xpop-form { max-width: 420px; width: 100%; padding-left: 70px; } .xpop-form .f-group { margin-bottom: 10px; } .xpop-form .f-control { border-radius: 6px; } .xpop-form .btn { margin: 30px auto 10px; display: block; width: max-content; padding: 16px 40px 11px; } .xpop-form .btn:hover { background-color: #3A1C1A; } .xpop-title { text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #f6c380; font-size: 25px; text-align: center; margin-bottom: 20px; font-weight: 500; } .xpop-sub { font-size: 20px; line-height: 30px; margin-bottom: 30px; text-align: center; color: #fff; } .xpop-txt { color: #fff; text-align: center; } @media only screen and (max-width: 900px) { .xpop-con { padding: 60px 0; } .xpop-form { padding: 0 30px; } .xpop-form .f-group { margin-bottom: 5px; } .xpop-form .btn { margin: 20px auto 5px; display: block; width: max-content; padding: 16px 40px 11px; } .xpop-form .btn:hover { background-color: #3A1C1A; } .xpop-title { margin-bottom: 10px; } .xpop-sub { margin-bottom: 10px; text-align: center; } } @media only screen and (max-width: 600px) { .xpop-bg-big { display: none; } .xpop-bg-small { display: block; } .xpop-con { padding: 30px; } .xpop-form { margin: 0 auto; padding: 0; } .xpop-form .f-group { margin-bottom: 5px; } .xpop-form .btn { margin: 20px auto 5px; display: block; width: max-content; padding: 16px 40px 11px; } .xpop-form .btn:hover { background-color: #3A1C1A; } .xpop-title { margin-bottom: 10px; text-align: center; } .xpop-sub { margin-bottom: 10px; text-align: center; } .xpop-man { display: none; } } @media only screen and (max-width: 450px) { .xpop-con { padding: 30px 15px; } .xpop-title { font-size: 18px; text-align: center; max-width: 300px; margin: 0 auto; } .xpop-sub { font-size: 14px; line-height: 18px; } .xpop-txt { font-size: 14px; } } .mega { background: var(--wpr-bg-9102f927-296f-44dd-b6c2-7e353f73269b) left bottom/cover no-repeat; background-image: url(../../../../../../template/images/bs2.jpg); padding: 70px 0 160px; color: #fff; } .mega__con { width: calc(100% * 5 / 6); margin-left: auto; } .mega__title { font-family: 'Montserrat'; text-transform: uppercase; color: #f6c380; font-size: 70px; font-weight: bold; margin-bottom: 40px; } .mega__sub { text-transform: uppercase; font-size: 35px; font-family: 'Montserrat'; margin-bottom: 60px; } .mega .swiper-pagination, .mega .swiper-button-next, .mega .swiper-button-prev { display: none !important; } .mega .swiper-container::after { content: ''; display: block; width: 1170px; height: 1px; background-image: var(--wpr-bg-2e61c072-83bc-49b7-87ed-ac63a4470915); position: absolute; left: 0; top: 13px; transition: 0.3s ease; } .mega .swiper-wrapper { margin: 0 -35px; } .mega .swiper-slide { padding: 0 35px; width: 25%; text-align: center; } .mega .swiper-slide:last-child { margin-right: 0; } .mega .swiper-slide:first-child { margin-left: 0; } .mega__year { font-family: 'Montserrat'; color: #d8b148; font-size: 24px; margin-bottom: 20px; } .mega__name { margin-bottom: 20px; font-family: 'Montserrat'; font-size: 20px; text-transform: uppercase; } .mega__txt { font-size: 16px; font-weight: 300; text-align: justify; } .mega__dot { margin-bottom: 8px; } .mega__dot img { display: block; margin: 6px auto 0; } .brand { overflow: hidden; padding: 130px 0; position: relative; } .brand.reverse { padding: 0; } .brand.reverse .container { flex-direction: row-reverse; } .brand.reverse .brand__img img { left: unset; right: 0; } .brand.reverse .brand__bg { left: unset; right: 0; bottom: 0; } .brand__bg { position: absolute; width: calc(50% - 15px); left: 0; bottom: 130px; pointer-events: none; z-index: -1; } .brand__bg.ct { left: 40%; transform: translateX(-50%); } .brand__img { height: 650px; position: relative; width: 100%; } .brand__img img { object-fit: cover; max-width: unset; position: absolute; height: 100%; width: calc(50vw - 15px); left: 0; top: 0; } .brand .col:first-child { align-self: center; } .brand__title { font-size: 35px; font-family: 'Montserrat'; text-transform: uppercase; margin-bottom: 48px; font-weight: 600; } .brand__txt { font-size: 16px; margin-bottom: 50px; text-align: justify; } .brand__list li { margin-bottom: 55px; } .brand__list li:last-child { margin-bottom: 0; } .brand__list .brand__title { margin-bottom: 20px; } .brand__icon { width: 100px; } .brand__icon img { margin-top: -25px; } .brand__ct { width: calc(100% - 100px); padding: 0 15px; } .brand__info { font-size: 16px; text-align: justify; } .brand__box { max-width: 1030px; padding: 45px 42px; border: 2.5px solid #b58d5d; margin: 130px auto 74px; text-align: center; font-size: 16px; } .brand__bg__wrap { background: var(--wpr-bg-f63be85b-538b-41a8-abdc-bdb6e01ed01a) 50% 76%/90% auto no-repeat; } @media only screen and (max-width: 1600px) { .mega .swiper-wrapper { margin: 0 -20px; } .mega .swiper-slide { padding: 0 20px; } .mega .swiper-wrapper { width: calc(100% + 40px); margin: 0 -20px; } .mega__con { width: calc(100% * 4 / 6); margin-left: auto; } .mega__title { font-size: 60px; } .mega__sub { font-size: 30px; } .brand__bg__wrap { background-image: var(--wpr-bg-5f35652d-1b9f-42bd-a3ef-c90520ce3719); } } @media only screen and (max-width: 1280px) { .mega .swiper-wrapper { margin: 0 -10px; } .mega .swiper-slide { padding: 0 10px; width: calc(100% / 3); } .mega__title { font-size: 50px; } .mega__sub { font-size: 25px; } .mega__year { font-size: 18px; } .mega__name { font-size: 18px; } .brand { padding: 80px 0; } .brand__img { height: 500px; } .brand__title { margin-bottom: 30px; font-size: 30px; } .brand__txt { margin-bottom: 20px; } .brand__icon { width: 70px; } .brand__icon img { margin-top: 0; } .brand__ct { width: calc(100% - 70px); } .brand__list li { margin-bottom: 20px; } .brand__list .brand__title { margin-bottom: 0; } .brand__box { margin: 80px auto; } .brand__bg { bottom: 0; } .brand__bg.ct { left: 30%; } } @media only screen and (max-width: 1024px) { .mega .swiper-slide { width: 50%; } .mega__txt { text-align: center; font-size: 14px; } .mega__title { font-size: 40px; margin-bottom: 20px; } .mega__sub { font-size: 20px; margin-bottom: 20px; } .mega__name { font-size: 16px; } .mega__name br { display: none; } } @media only screen and (max-width: 768px) { .mega { text-align: center; background-image: url(../../../../../../template/images/bsmb.jpg); background-position: center bottom; } .mega__con { width: 100%; padding-bottom: 75%; } .mega__title { font-size: 30px; } .mega__sub { font-size: 18px; } .mega .swiper-chung { display: none; } .brand.reverse .container, .brand .container { flex-direction: column-reverse; } .brand__img { width: calc(100% + 60px); margin: 0 -30px 25px; height: 450px; } .brand__img img { width: 100%; } .brand__box { padding: 22px 10px; } .brand__title { font-size: 16px; } .brand__txt { font-size: 14px; } } @media only screen and (max-width: 1024px) { .brand__title br { display: none; } } @media only screen and (max-width: 400px) { .mega__sub br { display: none; } } body { width: 100%; height: 100%; line-height: 1.5; font-size: 14px; font-family: 'Averta', sans-serif; } .txt-title { font-family: 'Montserrat', sans-serif; text-transform: uppercase; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff; background-color: #fff; } body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } body::-webkit-scrollbar-thumb { background-color: #3A1C1A; } .fluid_video_wrapper.fluid_player_layout_default { position: absolute; inset: 0; max-width: 100%; height: 100%; } .ban__con .fluid_video_wrapper:nth-child(1) { display: block; } .ban__con .fluid_video_wrapper:nth-child(2) { display: none; } @media screen and (max-width: 450px) { .ban__con .fluid_video_wrapper:nth-child(2) { display: block; } .ban__con .fluid_video_wrapper:nth-child(1) { display: none; } } .sec-lydo { overflow: hidden; } .bg-human { max-height: 95%; overflow: hidden; } .bg-human img { height: 100%; width: max-content; } .box-video .wrapper-video { padding-top: 42%; } .xdyy-video #fluid_player_instance_0_fluid_initial_play { opacity: 0; } .xdyy-video .box-title { max-width: 930px; margin: 0 auto 50px; } .x-video .box-video .wrapper-video { padding-top: 44.44%; } .col { width: 100%; flex-grow: 1; padding: 0 1.5rem; } .btn { text-transform: uppercase; } .col-3, .col-2 { padding: 0 15px; } .x-video { overflow: hidden; } .sec-coso-title .txt-title { font-weight: 500; } .sec-coso-title .content-title { font-weight: 300; } .content-title { text-transform: uppercase; } .popup-info-cus .link-w-100, .popup-info-cus .list-info { text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); } .sec-slide-gioithieu .slide-thuvien .swiper-scrollbar { max-width: 1410px; } .xmgb-30 { margin-bottom: 30px; } .mona-content .img-w-100 img { margin-bottom: 0; } .mona-content { line-height: calc(26 / 16); } .banner-tuvan .banner-item .txt-title { color: #402c05; } .banner-tuvan .form-dangky-tuvan .txt-title { color: #fff; } .banner-thanhtuu-collagen .banner-item .meta-title { -webkit-background-clip: unset; -webkit-text-fill-color: unset; background: transparent; color: #402c05; } .oval-uudai { position: relative; background: none; } .oval-uudai::after { content: ''; position: absolute; top: 50%; left: 50%; border-radius: 999px; transform: translate(-50%, -50%); width: 110%; padding-top: 110%; z-index: -1; background: linear-gradient(#b58d5d, #dac6a3, #8f6f41); } .ban .swiper-button-next, .ban .swiper-button-prev { display: none; opacity: 0; pointer-events: none; } .ban .swiper-pagination { width: 100%; bottom: 30px; } .ban .swiper-pagination-bullet { margin: 5px; position: relative; width: 10px; height: 10px; } .ban .swiper-pagination-bullet::after { content: ''; display: block; background-color: transparent; border-radius: 99px; width: 0; height: 0; border: 2px solid #3b1c1a; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s ease; } .swiper-pagination { z-index: 1; } .swiper-button-next, .swiper-button-prev { z-index: 1; } .ban .swiper-pagination-bullet-active { background-color: #3b1c1a; } .ban .swiper-pagination-bullet-active::after { width: 18px; height: 18px; } .ringing { max-width: none; width: 47px; height: 47px; margin: -1px; animation: shaking 4.5s infinite; } .social li { margin-bottom: 20px; } .social li:nth-child(2) .ringing { animation-delay: 1.5s; } .social li:nth-child(3) .ringing { animation-delay: 3s; } .sec-beautifull .box-khacbiet .content-khacbiet .item { padding: 0; } .sec-lydo .list-content { max-width: 590px; } .sec-beautifull .item .txt-title { font-family: 'Averta', sans-serif; } .sec-beautifull .cols-beauti .col .box-content { padding: 70px 0; } .sec-beautifull .cols-beauti .col .box-content .txt-title { font-weight: 400; } .sec-hieuqua .box-item::after { display: none; } .sec-hieuqua .box-item .txt-content { padding: 0; background: none; position: relative; } .sec-hieuqua .box-item { width: auto; } #fluid_player_instance_1_fluid_initial_play { display: none; } .sec-hieuqua .box-item .txt-content::after { content: ''; width: calc(105% + 4px); padding-top: calc(105% + 4px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, from(#cc9c40), color-stop(#fdfbd0), color-stop(#ae7615), to(#fffbcf)); background: linear-gradient(#cc9c40, #fdfbd0, #ae7615, #fffbcf); border-radius: 999px; z-index: -2; } .sec-hieuqua .box-item:nth-child(1) { margin: 70px 100px; } .sec-hieuqua .box-item:nth-child(2) { margin: 180px 30px 100px; } .sec-hieuqua .box-item .txt-content::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 105%; padding-top: 105%; border-radius: 999px; z-index: -1; background: linear-gradient(45deg, #b58d5d, #e7d6b4, #8f6f41); } .sec-hieuqua .wrapper-left, .sec-hieuqua .wrapper-right { max-width: 50%; } .slide-lydo .swiper-button-prev { background-image: var(--wpr-bg-8b666892-79e2-41d2-8879-9abf5ac42d6e); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .slide-lydo .swiper-button-prev::after { content: ''; } .slide-lydo .swiper-button-next { background-image: var(--wpr-bg-6194b2a9-0071-476f-a49e-a64741f82a96); background-position: center; background-size: 24px; background-repeat: no-repeat; background-color: #fff; border-radius: 999px; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.4); width: 40px; height: 40px; } .slide-lydo .swiper-button-next::after { content: ''; } @media screen and (max-width: 1000px) { .sec-hieuqua .box-item:nth-child(1) { margin: 50px; } .sec-hieuqua .box-item:nth-child(2) { margin: 90px 0px 60px; } .sec-hieuqua .img-item { width: 70%; margin: -60% auto 0; } .sec-beautifull .box-khacbiet .content-khacbiet .bg-human { width: 80%; margin: -50% auto 0; } .sec-beautifull .box-khacbiet .content-khacbiet .item:nth-child(2) { margin: 30px 0; } } @media screen and (max-width: 768px) { .x-fix { padding: 0; } .x-fix::after { display: none; } .x-fix .container { padding: 0 !important; } .x-fix .list-link { margin: 0; display: flex; flex-wrap: wrap; background-color: #3a1c1a; color: #fff; } .x-fix .list-link li { display: flex; justify-content: center; width: calc(100% / 3); } .x-fix .list-link li:last-child { width: 100%; } } @media screen and (max-width: 670px) { .banner-second .banner-item { padding-top: 60px; padding-bottom: 500px; } .banner-collagen .banner-item { padding-bottom: 0; } .banner-uudai .banner-item, .banner-uudai-theothang.banner-second .banner-item { padding-bottom: 50px; } .ban .swiper-pagination { padding: 0 20px; z-index: 2; text-align: right; } .banner-second .img-item { height: 60%; width: 100%; left: 50%; transform: translateX(-50%); } .banner-second .img-item img { height: 100%; width: max-content; margin: 0 auto; } } .x-vid-map { width: 100%; padding-top: 49%; overflow: hidden; position: relative; } .x-vid-map video { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sec-quytrinh-collagen { overflow: hidden; } .banner-uudai-collagen { overflow: hidden; } @media only screen and (max-width: 450px) { .ft__mail { display: block; margin-bottom: 5px; } .mgt-50 { margin-top: 50px; } .x-fix { font-size: 12px; } .x-fix .list-link { justify-content: center; } .x-fix .list-link li { width: 50%; } .sec-hieuqua .box-item:nth-child(1) { margin: 30px; } .sec-hieuqua .box-item:nth-child(2) { margin: 90px -10px 60px; } .sec-hieuqua .box-item .txt-content { font-size: 10px; transform: scale(0.8); } .sec-hieuqua .box-item .txt-content::before { width: 90%; padding-top: 90%; } .sec-hieuqua .box-item .txt-content::after { width: calc(90% + 2px); padding-top: calc(90% + 2px); } .ban__gta { text-align: center; } .ban__gta .meta-title, .ban__gta .txt-title { font-size: 16px !important; margin-bottom: 10px; } .sec-beautifull .cols-beauti .col .box-content .txt-title { max-width: 150px; } .banner-tuvan .banner-left { padding-bottom: 50px; } .sec-sacdep .txt-title { width: 100%; margin: 0 0 40px; } .sec-sacdep .txt-title .bold { font-size: 22px; } .sec-uudiem-collagen .item { padding: 60px 15px 30px; font-size: 16px; } .banner-collagen .txt-title, .banner-collagen .txt-content, .banner-collagen .meta-title, .sec-gioithieu-chuyengia .txt-title, .sec-thongtin-dichvu .txt-title, .sec-uudai-tuvan .txt-title, .sec-sacdep .txt-title, .banner-tuvan .banner-item .txt-title, .sec-danhgia-khachhang .txt-title, .sec-quytrinh .txt-title, .sec-slide-gioithieu .txt-title, .sec-quytrinh-collagen .txt-title, .sec-hieuqua .txt-title { font-size: 16px; } .sec-hieuqua .img-item .txt-desc { font-size: 14px; bottom: 10px; font-weight: bold; } .sec-beautifull .txt-title, .sec-uudiem .txt-title, .sec-giaithuong .txt-title, .banner-custom .banner-item .txt-title, .sec-lydo .txt-title { font-size: 16px; text-align: center; white-space: nowrap; } .xtitle-nowrap .banner-item .txt-title { white-space: unset; } .banner-custom .banner-item .txt-content { font-size: 14px; } .sec-beautifull .item .txt-title { font-size: 10px; font-weight: 500; } .sec-uudiem { margin-top: 0; } .sec-uudiem .txt-content { font-size: 14px; } .sec-uudiem .box-item { padding: 20px 5px; } .sec-uudiem .col-6 { padding: 0; } .sec-form-dangky .form-dangky .wrapper-form label { font-size: 14px; } } .sec-form-dangky { overflow: hidden; } .xd-new { background-size: 100%; background-color: #adadad; padding-top: 45%; position: relative; } .xd-new .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 1366px) { .xd-new .container { transform: translate(-50%, -50%) scale(0.85); } } @media only screen and (max-width: 1024px) { .xd-new .container { transform: translate(-50%, -50%) scale(0.7); } } @media only screen and (max-width: 900px) { .xd-new .container { transform: translate(-50%, -50%) scale(0.6); } } .xd-new .banner-item { margin: 0 auto !important; padding: 0; } .xd-new .form-dangky-tuvan { border-radius: 30px; } .xd-new .form-dangky-tuvan .f-control { border-radius: 6px; } @media only screen and (max-width: 768px) { .xd-new { background-size: 2300px; padding: 7rem 0; } .xd-new .container { position: static; transform: none; } .xd-new .banner-item { margin: 0 auto !important; padding: 0; } .xd-new .form-dangky-tuvan { border-radius: 30px; } .xd-new .form-dangky-tuvan .f-control { border-radius: 6px; } } @media only screen and (max-width: 360px) { .ban .con-m { padding: 0 1rem; } } .new-sec { position: relative; } .new-sec-mb { display: none; } .new-sec .container { position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } .new-sec-content { width: 40%; margin-left: auto; margin-top: 11rem; height: 55%; display: flex; flex-direction: column; justify-content: space-between; } .new-sec-title { font-size: 35px; text-transform: uppercase; color: #b58d5d; } .new-sec-item { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 20px; font-weight: 500; position: relative; } .new-sec-item:last-child { margin-bottom: 0; } .new-sec-item::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 99px; background-color: #000; position: absolute; left: -3rem; top: 15px; transform: translate(-50%, -50%); transition: 0.3s ease; } .new-sec-item::after { content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; left: -3rem; top: 15px; transform: translate(-100%, -50%); transition: 0.3s ease; } .new-sec-item:nth-child(2)::after { width: 35%; } .new-sec-item:nth-child(3)::after { width: 33%; } .new-sec-item:nth-child(4)::after { width: 36%; } .new-sec-item:nth-child(5)::after { width: 45%; } @media only screen and (max-width: 1440px) { .new-sec-content { margin-top: 8rem; width: 38%; height: 60%; } } @media only screen and (max-width: 1200px) { .new-sec-content { margin-top: 5rem; height: 55%; } .new-sec-title { font-size: 22px; } .new-sec-item { font-size: 14px; } .new-sec-item:nth-child(5)::after { width: 40%; } } @media only screen and (max-width: 900px) { .new-sec-dt { height: 370px; } .new-sec-content { width: 350px; } .new-sec-item:nth-child(2)::after { width: 15%; } .new-sec-item:nth-child(3)::after { width: 13%; } .new-sec-item:nth-child(4)::after { width: 16%; } .new-sec-item:nth-child(5)::after { width: 25%; } .new-sec img { width: 100%; height: 100%; object-fit: cover; object-position: right; } } @media only screen and (max-width: 480px) { .new-sec-content { width: 100%; height: 65%; } .new-sec-title { margin-bottom: 6rem; text-align: center; } .new-sec-item { width: 40%; margin-left: auto; font-size: 13px; } .new-sec-item br { display: none; } .new-sec-item::before { width: 5px; height: 5px; } .new-sec-item::before, .new-sec-item::after { left: -1rem; top: 10px; } .new-sec-item:nth-child(2)::after { width: 43%; } .new-sec-item:nth-child(3)::after { width: 23%; } .new-sec-item:nth-child(4)::after { width: 26%; } .new-sec-item:nth-child(5)::after { width: 50%; } .new-sec-dt { display: none; } .new-sec-mb { display: block; } }