/* Start:/local/templates/tzgsho/assets/styles/aos.css?156466555928765*/ [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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[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)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /* End */ /* Start:/local/templates/tzgsho/assets/styles/fullpage.css?16903960154555*/ /*! * fullPage 3.0.4 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */ html.fp-enabled, .fp-enabled body{ margin:0; padding:0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color:rgba(0,0,0,0)} .fp-section{ position:relative; -webkit-box-sizing:border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing:border-box; /* <=28 */ box-sizing:border-box} .fp-slide{ float:left} .fp-slide, .fp-slidesContainer{ height:100%; display:block} .fp-slides{ z-index:1; height:100%; overflow:hidden; position:relative; -webkit-transition:all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition:all 0.3s ease-out} .fp-section.fp-table, .fp-slide.fp-table{ display:table; table-layout:fixed; width:100%} .fp-tableCell{ display:table-cell; vertical-align:middle; width:100%; height:100%} .fp-slidesContainer{ float:left; position:relative} .fp-controlArrow{ -webkit-user-select:none; /* webkit (safari,chrome) browsers */ -moz-user-select:none; /* mozilla browsers */ -khtml-user-select:none; /* webkit (konqueror) browsers */ -ms-user-select:none; /* IE10+*/ position:absolute; z-index:4; top:50%; cursor:pointer; width:0; height:0; border-style:solid; margin-top:-38px; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} .fp-controlArrow.fp-prev{ left:15px; width:0; border-width:38.5px 34px 38.5px 0; border-color:transparent #fff transparent transparent} .fp-controlArrow.fp-next{ right:15px; border-width:38.5px 0 38.5px 34px; border-color:transparent transparent transparent #fff} .fp-scrollable{ overflow:hidden; position:relative} .fp-scroller{ overflow:hidden} .iScrollIndicator{ border:0 !important} .fp-notransition{ -webkit-transition:none !important; transition:none !important} #fp-nav{ position:fixed; z-index:100; margin-top:-32px; top:50%; opacity:1; -webkit-transform:translate3d(0,0,0)} #fp-nav.fp-right{ right:17px} #fp-nav.fp-left{ left:17px} .fp-slidesNav{ position:absolute; z-index:4; opacity:1; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0 !important; right:0; margin:0 auto !important} .fp-slidesNav.fp-bottom{ bottom:17px} .fp-slidesNav.fp-top{ top:17px} #fp-nav ul, .fp-slidesNav ul{ margin:0; padding:0} #fp-nav ul li, .fp-slidesNav ul li{ display:block; width:14px; height:13px; margin:7px; position:relative} .fp-slidesNav ul li{ display:inline-block} #fp-nav ul li a, .fp-slidesNav ul li a{ display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height:12px; width:12px; margin:-6px 0 0 -6px; border-radius:100%} #fp-nav ul li a span, .fp-slidesNav ul li a span{ border-radius:50%; position:absolute; z-index:1; height:4px; width:4px; border:0; background:#333; left:50%; top:50%; margin:-2px 0 0 -2px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out} #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width:10px; height:10px; margin:-5px 0px 0px -5px} #fp-nav ul li .fp-tooltip{ position:absolute; top:-2px; color:#fff; font-size:14px; font-family:arial,helvetica,sans-serif; white-space:nowrap; max-width:220px; overflow:hidden; display:block; opacity:0; width:0; cursor:pointer} #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip{ -webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1} #fp-nav ul li .fp-tooltip.fp-right{ right:20px} #fp-nav ul li .fp-tooltip.fp-left{ left:20px} .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:auto !important} .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell{ height:auto !important} /*Only display content to screen readers*/ .fp-sr-only{ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0} /* End */ /* Start:/local/templates/tzgsho/assets/styles/swiper.min.css?168995434320479*/ .swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}.swiper-container-no-flexbox .swiper-slide {float: left;}.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}.swiper-container-multirow > .swiper-wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}.swiper-slide-invisible-blank {visibility: hidden;}.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto;}.swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-transition-property: height, -webkit-transform;transition-property: height, -webkit-transform;-o-transition-property: transform, height;transition-property: transform, height;transition-property: transform, height, -webkit-transform;}.swiper-container-3d {-webkit-perspective: 1200px;perspective: 1200px;}.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}.swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}.swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}.swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}.swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {-ms-touch-action: pan-y;touch-action: pan-y;}.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {-ms-touch-action: pan-x;touch-action: pan-x;}.swiper-button-prev, .swiper-button-next {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 0.35;cursor: auto;pointer-events: none;}.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 10px;right: auto;}.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto;}.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}.swiper-button-lock {display: none;}.swiper-pagination {position: absolute;text-align: center;-webkit-transition: 300ms opacity;-o-transition: 300ms opacity;transition: 300ms opacity;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;}.swiper-pagination.swiper-pagination-hidden {opacity: 0;}.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;left: 0;width: 100%;}.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform: scale(0.33);-ms-transform: scale(0.33);transform: scale(0.33);position: relative;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform: scale(0.66);-ms-transform: scale(0.66);transform: scale(0.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform: scale(0.33);-ms-transform: scale(0.33);transform: scale(0.33);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(0.66);-ms-transform: scale(0.66);transform: scale(0.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform: scale(0.33);-ms-transform: scale(0.33);transform: scale(0.33);}.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: 0.2;}button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}.swiper-pagination-bullet-active {opacity: 1;background: #007aff;}.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;-webkit-transform: translate3d(0px, -50%, 0);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%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 8px;}.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;-webkit-transition: 200ms top, 200ms -webkit-transform;transition: 200ms top, 200ms -webkit-transform;-o-transition: 200ms transform, 200ms top;transition: 200ms transform, 200ms top;transition: 200ms transform, 200ms top, 200ms -webkit-transform;}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;}.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: 200ms left, 200ms -webkit-transform;transition: 200ms left, 200ms -webkit-transform;-o-transition: 200ms transform, 200ms left;transition: 200ms transform, 200ms left;transition: 200ms transform, 200ms left, 200ms -webkit-transform;}.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: 200ms right, 200ms -webkit-transform;transition: 200ms right, 200ms -webkit-transform;-o-transition: 200ms transform, 200ms right;transition: 200ms transform, 200ms right;transition: 200ms transform, 200ms right, 200ms -webkit-transform;}.swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.25);position: absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #007aff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;}.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height: 4px;left: 0;top: 0;}.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 4px;height: 100%;left: 0;top: 0;}.swiper-pagination-white .swiper-pagination-bullet-active {background: #ffffff;}.swiper-pagination-progressbar.swiper-pagination-white {background: rgba(255, 255, 255, 0.25);}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background: #ffffff;}.swiper-pagination-black .swiper-pagination-bullet-active {background: #000000;}.swiper-pagination-progressbar.swiper-pagination-black {background: rgba(0, 0, 0, 0.25);}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background: #000000;}.swiper-pagination-lock {display: none;}.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, 0.1);}.swiper-container-horizontal > .swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%;}.swiper-container-vertical > .swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%;}.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, 0.5);border-radius: 10px;left: 0;top: 0;}.swiper-scrollbar-cursor-drag {cursor: move;}.swiper-scrollbar-lock {display: none;}.swiper-zoom-container {width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;text-align: center;}.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {max-width: 100%;max-height: 100%;-o-object-fit: contain;object-fit: contain;}.swiper-slide-zoomed {cursor: move;}.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite;}.swiper-lazy-preloader:after {display: block;content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;background-size: 100%;background-repeat: no-repeat;}.swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);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 {-webkit-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;}.swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;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;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;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 {-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;}.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto;}.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {pointer-events: auto;visibility: visible;}.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}.swiper-container-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0px;width: 100%;height: 100%;background: #000;opacity: 0.6;-webkit-filter: blur(50px);filter: blur(50px);z-index: 0;}.swiper-container-flip {overflow: visible;}.swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}.swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;}.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;}.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}.swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px;} /* End */ /* Start:/local/templates/tzgsho/assets/styles/animate.min.css?168995429066099*/ @charset "UTF-8";@-webkit-keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}90% {-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}@keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}90% {-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}@-webkit-keyframes flash {from, 50%, to {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {from, 50%, to {opacity: 1;}25%, 75% {opacity: 0;}}.flash {-webkit-animation-name: flash;animation-name: flash;}@-webkit-keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.pulse {-webkit-animation-name: pulse;animation-name: pulse;}@-webkit-keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}@-webkit-keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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 shake {from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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);}}.shake {-webkit-animation-name: shake;animation-name: shake;}@-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);}}.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: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}@keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}.swing {-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}@-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.tada {-webkit-animation-name: tada;animation-name: tada;}@-webkit-keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.wobble {-webkit-animation-name: wobble;animation-name: wobble;}@-webkit-keyframes jello {from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello {from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.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);}}.heartBeat {-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}@-webkit-keyframes bounceIn {from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes bounceIn {from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.bounceIn {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceIn;animation-name: bounceIn;}@-webkit-keyframes bounceInDown {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInDown {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInLeft {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInRight {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}@-webkit-keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}@keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}.bounceOut {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceOut;animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}40%, 45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}@keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}40%, 45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}@keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}.animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}@-webkit-keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}@-webkit-keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}@-webkit-keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}@keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}.flipOutX {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}@-webkit-keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}@keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}.flipOutY {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {from {-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: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes lightSpeedIn {from {-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: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {from {opacity: 1;}to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}@keyframes lightSpeedOut {from {opacity: 1;}to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}.lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateIn {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}@keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}@keyframes rotateOutDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}@keyframes rotateOutDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}@keyframes rotateOutUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}@keyframes rotateOutUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {0% {-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-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-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-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;}}.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: hinge;animation-name: hinge;}@-webkit-keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.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 {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.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);}}.jackInTheBox {-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox;}@-webkit-keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}@-webkit-keyframes rollOut {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}@keyframes rollOut {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;}@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}@-webkit-keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}@-webkit-keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}@keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}@keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}.zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}@keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}.zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}@-webkit-keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}@-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}@-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}.slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}.animated.delay-1s {-webkit-animation-delay: 1s;animation-delay: 1s;}.animated.delay-2s {-webkit-animation-delay: 2s;animation-delay: 2s;}.animated.delay-3s {-webkit-animation-delay: 3s;animation-delay: 3s;}.animated.delay-4s {-webkit-animation-delay: 4s;animation-delay: 4s;}.animated.delay-5s {-webkit-animation-delay: 5s;animation-delay: 5s;}.animated.fast {-webkit-animation-duration: 800ms;animation-duration: 800ms;}.animated.faster {-webkit-animation-duration: 500ms;animation-duration: 500ms;}.animated.slow {-webkit-animation-duration: 2s;animation-duration: 2s;}.animated.slower {-webkit-animation-duration: 3s;animation-duration: 3s;}@media (print), (prefers-reduced-motion: reduce) {.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;}} /* End */ /* Start:/local/templates/tzgsho/assets/styles/fancybox.min.css?156466555910424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/local/templates/tzgsho/assets/styles/style.css?1788968918154083*/ @charset "UTF-8"; /*==============================FONTS==============================*/ /*---------------------Gilroy------------------------*/ @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.ttf") format("truetype"); font-style:normal; font-weight:100; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.ttf") format("truetype"); font-style:normal; font-weight:200; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Light/Gilroy-Light.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Light/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Light/Gilroy-Light.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Light/Gilroy-Light.ttf") format("truetype"); font-style:normal; font-weight:300; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype"); font-style:normal; font-weight:normal; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.ttf") format("truetype"); font-style:normal; font-weight:500; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.ttf") format("truetype"); font-style:normal; font-weight:800; font-display:swap} @font-face{ font-family:"Gilroy"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Black/Gilroy-Black.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Black/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Black/Gilroy-Black.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Gilroy/Gilroy-Black/Gilroy-Black.ttf") format("truetype"); font-style:normal; font-weight:900; font-display:swap} /*---------------------Kelson------------------------*/ @font-face{ font-family:"Kelson"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.ttf") format("truetype"); font-style:normal; font-weight:300; font-display:swap} @font-face{ font-family:"Kelson"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.ttf") format("truetype"); font-style:normal; font-weight:normal; font-display:swap} @font-face{ font-family:"Kelson"; src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap} /*---------------------Madeevolvesans------------------------*/ @font-face{ font-family:"MADEEvolveSans"; src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.ttf") format("truetype"); font-style:normal; font-weight:300; font-display:swap} @font-face{ font-family:"MADEEvolveSans"; src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.ttf") format("truetype"); font-style:normal; font-weight:normal; font-display:swap} @font-face{ font-family:"MADEEvolveSans"; src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.eot"); src:url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.eot?#iefix") format("embedded-opentype"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.woff") format("woff"), url("/local/templates/tzgsho/assets/styles/../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap} /*==============================RESET==============================*/ *, :before, :after{ margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box} .clr:after{ content:''; display:block; clear:both} html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, hr, img, a, em, span, strong, form, label, input, button, select, table, thead, tbody, tfoot, tr, th, td, textarea{ border:0; outline:none; background:none; vertical-align:baseline; font:inherit} body.lock{ overflow:hidden !important} sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline} table{ border-collapse:collapse; border-spacing:0} address{ font-style:normal} input, select, textarea, button{ color:#333; outline:none} a:hover, a:focus, a.active{ text-decoration:none; outline:none} button{ cursor:pointer} input::-webkit-input-placeholder{ color:rgb(0,0,0)} input::-moz-placeholder{ color:rgb(0,0,0)} input:-moz-placeholder{ color:rgb(0,0,0)} input:-ms-input-placeholder{ color:rgb(0,0,0)} input:-webkit-autofill{ -webkit-box-shadow:inset 0 0 0 100px #f7f7f7 !important; /* Цвет фона */} input:focus::-webkit-input-placeholder{ color:transparent !important} input:focus::-moz-placeholder{ color:transparent !important} input:focus:-moz-placeholder{ color:transparent !important} input:focus:-ms-input-placeholder{ color:transparent !important} textarea::-webkit-input-placeholder{ color:rgb(0,0,0)} textarea::-moz-placeholder{ color:rgb(0,0,0)} textarea:-moz-placeholder{ color:rgb(0,0,0)} textarea:-ms-input-placeholder{ color:rgb(0,0,0)} textarea:focus::-webkit-input-placeholder{ color:transparent !important} textarea:focus::-moz-placeholder{ color:transparent !important} textarea:focus:-moz-placeholder{ color:transparent !important} textarea:focus:-ms-input-placeholder{ color:transparent !important} /*==============================GENERAL==============================*/ html, body{ position:relative; min-width:320px} body{ font-family:'Gilroy',sans-serif; line-height:1; background-color:#FFF} .conteiner{ width:100%; min-height:100%; overflow:hidden; position:relative; opacity:0; /*transition:all 0.3s; */} .conteiner.active{ opacity:1; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .wrapper{ margin:0 auto; padding:0 10px; width:1200px} @media only screen and (min-width:1700px){ .wrapper{ width:1520px} .wrapper--old{ width:1200px} } .block__center{ text-align:center} p{ font-size:16px; letter-spacing:0.02em; color:rgb(51,51,51); line-height:1.625} ul, ol{ list-style:none} a{ outline:none; text-decoration:none; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} strong{ font-weight:600} img{ vertical-align:top} sub, sup{ font-size:62%; vertical-align:super} sub{ vertical-align:sub} sup{ vertical-align:super} text[data-city]{ -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; text-transform:uppercase} text[data-city] *{ -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s} text[data-city]:hover{ fill:#eb640d} text[data-city]:hover *{ fill:#eb640d} .nobr{white-space:nowrap} .title{ font-size:34px; color:rgb(51,51,51); font-weight:700; line-height:1.235; letter-spacing:.5px} .title span{ color:#eb640d} .title a{ text-decoration:underline; color:#304781} .title a:hover{ color:rgb(248,53,85)} .nicescroll-rails{ background-color:#e5e5e5 !important} .nicescroll-rails div{ width:5px !important; height:114px !important; background-color:#d0641e !important; border-radius:10px !important; right:1px !important} @media only screen and (max-width:1440px){ .wrapper{ position:relative; left:34px} } @media only screen and (max-width:1300px){ .wrapper{ max-width:980px} } @media only screen and (max-width:1100px){ .wrapper{ max-width:750px} } @media only screen and (max-width:820px){ .wrapper{ max-width:100%; width:100%; left:0px; padding:0px 15px 0px 15px} } @media only screen and (max-width:600px){ .title{ font-size:28px} .conteiner__body{ padding-left:0} .wrapper{ padding:0px 15px} } @media only screen and (max-width:420px){ .title{ font-size:24px} } /*==============================FORM ELEMENTS==============================*/ .main__form{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; width:100%} .form__box{ width:265px} .form__block{ width:360px; margin-left:30px} .form__items{ position:relative; width:47.06%; display:block; margin:0px 10px 20px} .form__items .field-text__help-text{ display:none!important; visibility:hidden} .form__item{ position:relative; width:100%; margin:0px 10px 28px; display:block} .form__coll{ position:relative; margin:0px 15px; width:22.4%} .form__label{ position:absolute; top:-4px; left:31px; font-size:10px; color:rgb(154,160,174); text-transform:uppercase; padding:0px 8px; background-color:#FFF; letter-spacing:2.2px} .form__label_active{ color:#be5550} .form--modal{ display:flex; flex-direction:column} .form--modal .products-form__items{ width:100%} .form--modal .products-form__btn{ width:100%} .field{ width:100%; padding:26px 51px 27px; height:68px; border:1px solid rgb(230,230,230); color:rgb(0,0,0); font-size:16px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:8px; background-color:#f7f7f7} .field_text{ height:172px; resize:none; line-height:26px} .main__form .btn_red{ padding:27px 30px; width:100%; letter-spacing:2.3px} .checkbox input[type="checkbox"]{ display:none} .checkbox label{ position:relative; display:inline-block; padding-left:62px; cursor:pointer; font-weight:300; letter-spacing:0.3px; font-size:14px; color:rgb(0,0,0); line-height:1.857} .checkbox label:before{ content:''; display:block; position:absolute; top:3px; left:0; width:44px; height:44px; z-index:1; border:1px solid #ec6915; border-radius:50%; background-color:transparent} .checkbox label:after{ content:''; position:absolute; top:17px; left:14px; width:20px; height:16px; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/check.svg); background-repeat:no-repeat; background-size:contain; z-index:1; opacity:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .checkbox input[type="checkbox"]:checked+label:after{ opacity:1} .flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap} @media only screen and (max-width:1300px){ .form__items{ width:46.5%} } @media only screen and (max-width:1100px){ .form__items{ width:47.26%} } @media only screen and (max-width:820px){ .form__items{ width:45.79%} } @media only screen and (max-width:600px){ .form__items, .form__item{ width:100%; margin:0px 0px 20px} } .text-align-center{text-align:center} .align-items-start{-webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .width-flex-two >*{width:50%; padding:0 20px} .width-flex-four >*{width:25%; padding:0 20px} .width-flex-two >* img, .width-flex-four >* img{max-width:100%} .contacts-small-block{padding:10px 12px; line-height:24px; background-color:#f7f7f7; margin-right:10px; margin-bottom:10px} .contacts-small-block i{font-size:14px; color:rgb(235,100,13)} a[href^="callto"], a[href^="tel"]{ white-space:nowrap; text-decoration:none !important} @media only screen and (max-width:1300px){.width-flex-four >*{width:25%} } @media only screen and (max-width:1100px){.width-flex-four >*{width:50%} } @media only screen and (max-width:820px){.width-flex-two >*,.width-flex-four >*{width:100%; padding:0 0} } @media only screen and (max-width:600px){.width-flex-two >*,.width-flex-four >*{width:100%} } /*---------------------btn------------------------*/ .btn{ display:inline-block; border-radius:34px; background-color:rgb(235,100,13); padding:29px 25px 27px; font-size:12px; color:rgb(255,255,255); letter-spacing:2.5px; text-transform:uppercase; text-align:center; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .btn:hover{ color:rgb(255,255,255); background-color:#fb7432} @media only screen and (max-width:800px){ .products-table .btn{ font-size:10px; letter-spacing:1.5px} } .btn_white{ border:2px solid rgb(207,100,30); background-color:rgba(207,100,30,0); color:rgb(235,100,13)} .btn_white:hover{ color:rgb(255,255,255); border:2px solid rgb(235,100,13)} .btn__arrow{ width:71px; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .arrow{ display:block} .arrow.arrow_disabled svg *{ fill:#e6e6e6} .arrow svg *{ fill:rgb(236,100,13)} .arrow i{ display:block; width:28px; height:32px} .arrow svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .arrow svg *{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .arrow_prev i{ -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg)} .arrow:not(.arrow_disabled):hover svg *{ fill:rgb(236,100,13)} /*---------------------main-block------------------------*/ .main-block{ padding:0px 0px 70px; position:relative; top:-2px} @media only screen and (max-height:800px){ .main-block{ padding:0px 0px 60px} } @media only screen and (max-width:1300px){ .main-block{ padding:0px 0px 60px} } /*==============================INDEX==============================*/ /*---------------------header------------------------*/ .header{ font-size:0px; position:fixed; width:100%; top:0px; left:0px; padding:19px; z-index:110; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .header__logo{ width:205px; height:62px; display:block; background-repeat:no-repeat; background-size:contain; position:relative; left:-2px; top:-2px} .header__logo-white{ /*visibility:visible; */ opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1; /*top:0; left:0; */} .header__logo-dark{ /*visibility:hidden; */ opacity:0; position:absolute; /*z-index:-10; */} .header__address, .header__box{ font-size:13px; line-height:1.615; letter-spacing:0.15px; position:relative; left:-2px} .header__box{ left:-33px; top:1px} .header__content a, .header__address-caption, .header__work{ color:rgb(255,255,255); -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .header__content_dark, .header__content_dark a, .header__content_dark .header__address-caption, .header__content_dark .header__work{ color:rgb(51,51,51); -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .header__content_dark .header__number{ color:rgb(236,100,13); -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .header__content_dark .header__logo-white{ /*visibility:hidden; */ opacity:0; position:absolute; /*z-index:-10; */} .header__content_dark .header__logo-dark{ /*visibility:visible; */ opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1; /*top:0; left:0; */} .header__address-link, .header__email{ display:block; text-decoration:underline; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .header__address-link:hover, .header__email:hover{ color:#fb7432} .header__email{ text-decoration:none; margin-bottom:1px} .header__last-box{ position:relative; top:-1px} .header__number{ font-size:24px; font-weight:600; letter-spacing:1.2px; position:relative; left:-6px} .header__mobile{ display:none; position:relative} .header__mobile-link{ display:block; width:26px; height:26px} .header__mobile-link i{ width:100%; height:100%} .header__mobile-link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all .3px; -o-transition:all .3px; transition:all .3px} .header__mobile-link_phone{ width:26px; height:26px; margin-left:15px} .header .burger{ display:none; margin-right:15px} .header__first-block{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} /************header_shild***************/ .header_shild{ padding:12px 0px} .header_shild.header_active{ background-color:#FFF} @media only screen and (max-height:800px){ .header{ padding:16px 0px 15px; background-color:rgb(77,77,77); z-index:1000} .header__content_dark, .header__content_dark a, .header__content_dark .header__address-caption, .header__content_dark .header__work, .header__content_dark .header__number{ color:rgb(255,255,255)} .header__content_dark .header__logo svg .logo-color{ fill:rgb(255,255,255)} .header__content_dark .header__logo-white{ visibility:visible; opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1} .header__content_dark .header__logo-dark{ visibility:hidden; opacity:0; position:absolute; z-index:-10} .header__logo{ width:175px; height:54px; left:0px; top:-1px} .header_shild, .header_shild.header_active{ background-color:#FFF} .header_shild, .header_shild a, .header_shild .header__address-caption, .header_shild .header__work{ color:rgb(51,51,51)} .header_shild .header__number{ color:rgb(236,100,13)} .header_shild .header__logo-white{ opacity:0; position:absolute} .header_shild .header__logo-dark{ visibility:visible; opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1} } @media only screen and (max-width:1100px){ .header, .header_shild.header_active{ padding:19px 0px 18px; background-color:rgb(77,77,77); z-index:1000} .header__content_dark, .header__content_dark a, .header__content_dark .header__address-caption, .header__content_dark .header__work, .header__content_dark .header__number{ color:rgb(255,255,255)} .header__content_dark .header__logo svg .logo-color{ fill:rgb(255,255,255)} .header__content_dark .header__logo-white{ visibility:visible; opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1} .header__content_dark .header__logo-dark{ visibility:hidden; opacity:0; position:absolute; z-index:-10} .header__logo{ width:150px; height:48px; top:0px} .header__number{ font-size:16px; left:0} .header__address, .header__box{ font-size:12px; left:0; top:0} .header__address{ left:0px} } @media only screen and (max-width:820px){ .header, .header_shild.header_active{ padding:10px 0px; z-index:1001; top:0px} .header__address, .header__box{ display:none} .header .wrapper{ max-width:100%; width:auto; left:0px} .header .burger{ display:block; width:37px; height:auto; padding:0; background-color:rgb(77,77,77)} } @media only screen and (max-width:600px){ .header__logo{ width:140px; height:44px} .header__logo img{ width:100%!important; height:100%!important} .header__number{ display:none} .header__mobile{ display:-webkit-box; display:-ms-flexbox; display:flex} } /*---------------------language------------------------*/ .language{ height:34px; margin-left:35px; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; left:0px} .language.active{ border-radius:5px 5px 0px 0px} .language__items{ border-radius:5px; background-color:rgba(179,179,179,0.2); padding:8px 9px 8px 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .language__items:hover{ background-color:#ec640d} .language__icons{ display:inline-block} .language__icons svg{ width:21px; height:20px; -o-object-fit:cover; object-fit:cover} .language__arrow{ width:10px; height:5px; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/arrow.png); background-repeat:no-repeat; background-size:cover; margin-left:10px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .language__arrow i{ width:10px; height:5px} .language__arrow svg{ width:100%; height:100%; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .language__items.active .language__arrow{ -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg)} .language__hide{ display:none; border-radius:0px 0px 5px 5px; background-color:rgba(179,179,179,0.2); padding:8px 9px 8px 10px; width:100%; position:absolute; top:34px; left:0px; -webkit-transition:background .3s; -o-transition:background .3s; transition:background .3s} .language__hide:hover{ background-color:#ec640d} /*************header_shild**************/ .header_shild .language__arrow svg *, .header__content_dark .language__arrow svg *{ fill:rgba(195,195,195,.6)} @media only screen and (max-width:1300px){ .language{ left:0px} } @media only screen and (max-width:1100px){ .language{ margin-left:15px} } @media only screen and (max-width:600px){ .language{ display:none} } /*---------------------aside------------------------*/ .aside{ position:fixed; height:100vh; left:0px; top:0px; width:65px; z-index:1000} .aside__wrap{ height:calc(100% - 215px); width:100%; background-color:rgb(224,98,37); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; position:relative} .aside__bg{ height:calc(100% - 215px); width:100%; background-color:transparent} .aside__items{ display:block; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); white-space:nowrap; font-size:12px; color:rgb(255,255,255); font-weight:600; text-transform:uppercase; letter-spacing:2.5px; left:1px; top:-6px; visibility:hidden; opacity:0; position:absolute; z-index:-10; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear} .aside__items small{ font-size:11px; color:rgba(255,255,255,0.8); font-weight:200} .aside__items_active{ visibility:visible; opacity:1; position:relative; z-index:1} .aside__link{ display:block; width:100%; height:65px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .aside__link_chat{ background-color:rgb(202,88,32)} .aside__link_phone{ background-color:rgb(179,76,26)} .aside__link:hover{ background-color:#fb7432} @media only screen and (max-width:820px){ .aside{ display:none} } /*---------------------burger------------------------*/ .burger{ width:100%; height:85px; background-color:#ec640d; padding:23px 12px 22px 12px} .burger__icon{ height:17px; width:41px; margin-bottom:10px; padding-left:3px} .burger__line{ background-color:rgb(255,255,255); width:36px; height:3px; position:relative; margin-bottom:7px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .burger__line:last-child{ margin-bottom:0px} .burger__title{ font-size:10px; color:rgb(254,254,254); font-weight:600; text-transform:uppercase; line-height:1.306; letter-spacing:2px; font-family:"MADEEvolveSans"} .burger__title span{ -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; visibility:visible; opacity:1; position:relative; z-index:1} .burger__title span:last-child{ visibility:hidden; opacity:0; position:absolute; z-index:-10; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear} .burger:hover .burger__line:last-child{ width:32px} .burger.active .burger__line:nth-child(1){ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:5px} .burger.active .burger__line:nth-child(2){ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:-5px} .burger.active .burger__line:nth-child(3){ width:0} .burger.active .burger__title span:first-child{ visibility:hidden; opacity:0; position:absolute; z-index:-10; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear} .burger.active .burger__title span:last-child{ visibility:visible; opacity:1; position:relative; z-index:1; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear} @media only screen and (max-width:820px){ .burger, .burger__title{ display:none} .burger.active .burger__line:nth-child(1){ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:15px} .burger.active .burger__line:nth-child(2){ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:5px} } /*---------------------promo------------------------*/ .promo{ position:relative; height:100vh; min-height:800px; z-index:50} .promo .wrapper{ position:relative; z-index:10; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; top:40px} .promo__background{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:1; background-image:url(/local/templates/tzgsho/assets/styles/../images/promo/promo-bg.jpg); background-size:cover; background-repeat:no-repeat} .promo__slick, .promo__slick .slick-list, .promo__slick .slick-track{ height:100%} .promo__slide{ height:100vh !important; display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative} .promo__slide:before{ content:''; width:100%; height:100%; background-color:rgba(43,46,51,.6); position:absolute; left:0px; top:0px; z-index:2} .promo__content{ max-width:550px} .promo__title{ font-size:52px; font-family:'Kelson',sans-serif; color:rgb(255,255,255); font-weight:bold; text-transform:uppercase; line-height:1.356; margin-bottom:21px; letter-spacing:1.2px} .promo__title span{ color:#ec640d} .promo__subtitle{ font-size:16px; color:rgb(255,255,255); text-transform:uppercase; line-height:2; margin-bottom:74px; font-family:"MADEEvolveSans"; letter-spacing:1.95px} .promo__consultation{ font-size:12px; color:rgb(255,255,255); font-weight:bold; text-transform:uppercase; line-height:2.667; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; letter-spacing:2.3px; position:relative; left:2px} .promo__consultation-title{ display:block; margin-right:12px; position:relative} .promo__consultation-visible{ color:#FFF; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} /*.promo__consultation-hide{ position:absolute; top:0; left:0; overflow:hidden; white-space:nowrap; max-width:0; color:#ec640d; transition:max-width 0.5s} */ .promo__consultation i{ display:block; width:14px; position:relative; left:0px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; top:0px} .promo__consultation svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .promo__consultation svg *{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; fill:#FFF} .promo__video-background{ position:absolute; width:100%; height:100%; top:0px; left:0px; -o-object-fit:cover; object-fit:cover; z-index:1} .promo__btn{ width:69px; height:69px; border-color:rgba(224,98,37,0); border-radius:50%; border:2px solid #e06225; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor:pointer; overflow:hidden; position:relative; top:-34px} .promo__btn span{ content:''; position:absolute; z-index:1; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:rgba(224,98,37,1)} .promo__btn span.active{ -webkit-transition:all 3s; -o-transition:all 3s; transition:all 3s; width:100%} .promo__btn i{ width:15px; height:21px; position:relative; z-index:10} .promo__btn svg{ width:100%; height:100%} .promo__consultation:hover .promo__consultation-visible{ color:#ec640d} .promo__consultation:hover i{ left:5px} .promo__consultation:hover svg *{ fill:#ec640d} .promo__btn:hover:after{ width:100%} @media only screen and (max-height:800px){ .promo{ height:100%; min-height:100%} .promo__slide{ padding:180px 0px 120px; height:100% !important} .promo .wrapper{ top:0px} } @media only screen and (max-width:1300px){ .promo{ height:100%; min-height:100%} .promo__slide{ padding:180px 0px 120px; height:100% !important} .promo .wrapper{ top:0px} } @media only screen and (max-width:1100px){ .promo__content{ margin-left:0} .promo__title{ font-size:48px} .promo__subtitle{ margin-bottom:30px} } @media only screen and (max-width:820px){ .promo__content{ max-width:calc(100% - 90px)} .promo__title{ font-size:38px} .promo__subtitle{ font-size:14px} .promo__subtitle br{ display:none} } @media only screen and (max-width:600px){ .promo__content{ max-width:100%} .promo .wrapper{ -ms-flex-wrap:wrap; flex-wrap:wrap} .promo__title{ font-size:33px} .promo__slide{ padding:160px 0px 60px} .promo__btn{ margin-top:35px; top:0} } /*---------------------main-services------------------------*/ .main-services{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative} .main-services__body{ width:100%; position:relative; top:24px} .main-services__slick{ height:100%} .main-services__slick{ margin:0px 0px} .main-services__slick .slick-list{ overflow:visible} .main-services__slick .slick-track{ display:-webkit-box; display:-ms-flexbox; display:flex} .main-services__slide{ max-width:480px; margin:0px 10px} .main-services__title{ max-width:570px; margin-right:218px} .main-services__box{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-bottom:31px; position:relative; left:-3px} .main-services__box .btn__arrow{ top:-8px; left:-5px} .main-services__bg{ position:absolute; width:100%; height:100%; z-index:-1; top:0px; right:0px} .main-services__bg-img{ will-change:opacity; display:block; max-width:100%; height:calc(100% - 80px); position:absolute; top:40px; right:-445px; -webkit-transition:opacity 0.5s ease-out; -o-transition:opacity 0.5s ease-out; transition:opacity 0.5s ease-out; -webkit-animation:rotation 15s infinite linear; opacity:0} .main-services__bg-img.active{ will-change:opacity; -webkit-transition:opacity 0.5s ease-out; -o-transition:opacity 0.5s ease-out; transition:opacity 0.5s ease-out; opacity:1} .main-services__bg-img img{ will-change:transform; max-width:100%; height:100%; -o-object-fit:contain; object-fit:contain} @-webkit-keyframes rotation{ from{ -webkit-transform:rotate(0deg)} to{ -webkit-transform:rotate(-360deg)} } @keyframes fadeInUp{ from{ transform:translate3d(0,40px,0) } to{ transform:translate3d(0,0,0); opacity:1 } } .main-services__bg-img.hide{ right:-100%} .main-services__slide{ margin:0px 10px} .main-services__content{ width:100%; height:269px; border-radius:8px; position:relative; padding:28px 39px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-bottom:24px; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .main-services__content:after{ content:""; position:absolute; width:100%; height:100%; background-color:rgba(96,96,96,.4); top:0px; left:0px; z-index:1; border-radius:8px} .main-services__line{ position:absolute; width:100%; height:100%; background-color:rgba(236,100,13,1); top:0px; right:100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; overflow:hidden; z-index:900} .main-services__white{ position:absolute; width:100%; height:100%; background-color:#fff; top:0px; right:0%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; overflow:hidden; z-index:99} .main-services__white.active_second{ width:100%; right:-100%; -webkit-transition:all 0.3s; -o-transition:all 0.8s; -o-transition:all 0.3s; transition:all 0.3s} .main-services__line.active{ right:0%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .main-services__line.active_second{ width:0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .main-services__img{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; border-radius:8px} .main-services__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:8px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s} .main-services__video{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; left:0; opacity:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; border-radius:8px} .main-services__caption{ font-size:30px; font-family:"Kelson"; color:rgb(255,255,255); font-weight:600; text-transform:uppercase; line-height:1.467; position:relative; z-index:10; letter-spacing:.65px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s} .main-services__desc, .main-services__alllinks{ font-size:16px; color:rgb(51,51,51); line-height:1.625; letter-spacing:.4px} .main-services__alllinks{ margin-top:20px} .main-services__content:hover .main-services__img img{ opacity:0} .main-services__content:hover .main-services__video{ opacity:1} .main-services__alllinks span{ font-weight:bold} .main-services__alllinks a{ color:#eb640d} /*****************main-services_child******************/ .main-services_child{ height:100%; min-height:100%; padding-bottom:70px} .main-services_child .main-services__box{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .main-services_child .main-services__box .btn__arrow{ left:5px; position:relative; top:-1px} .main-services_child .main-services__box{ margin-bottom:40px} .main-services_child .main-services__title{ font-size:30px; line-height:1.4} .main-services_child .main-services__body{ top:0} @media only screen and (max-height:800px){ .main-services{ height:100%; min-height:800px} .main-services__bg-img{ right:-360px} } @media only screen and (max-width:1950px){ .main-services__bg-img{ right:-360px} } @media only screen and (max-width:1440px){ .main-services__box{ left:31px} } @media only screen and (max-width:1300px){ .main-services{ height:100%; min-height:800px} .main-services__body{ margin-left:0; top:0} .main-services__slide{ max-width:470px} /*****************main-services_child******************/ .main-services_child{ min-height:100%} } @media only screen and (max-width:1100px){ .main-services__title{ max-width:645px; margin-right:140px} /*****************main-services_child******************/ .main-services_child{ padding-bottom:60px} } @media only screen and (max-width:820px){ .main-services{ min-height:650px} .main-services__box{ left:0} .main-services__bg-img{ right:-290px} .main-services__title{ max-width:100%; margin-right:0px; width:calc(100% - 71px); font-size:26px} /*****************main-services_child******************/ .main-services_child{ min-height:100%} .main-services_child .main-services__title{ font-size:28px} } @media only screen and (max-width:600px){ .main-services{ min-height:auto; padding:50px 0px} .main-services__bg-img{ display:none} .main-services__caption{ font-size:22px} /*****************main-services_child******************/ .main-services_child{ padding:0px 0px 50px} .main-services_child .main-services__title{ font-size:24px} } @media only screen and (max-width:500px){ .main-services__slide{ max-width:390px} .main-services__content{ padding:22px 29px} } @media only screen and (max-width:420px){ .main-services__slide{ max-width:290px} .main-services__content{ padding:22px 29px} .main-services__caption{ font-size:18px} } /*==============================main-solutions==============================*/ .main-solutions{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative} .main-solutions .wrapper{ width:auto; max-width:1600px; position:relative; left:40px} .main-solutions__row{ -webkit-box-align:initial; -ms-flex-align:initial; align-items:initial; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:95px -10px 0px} .main-solutions__row + .main-solutions__row {margin-top:0px} .main-solutions__coll{ position:relative; width:48.33%; margin:0px 10px 20px; height:155px; border-radius:8px; padding:23px 28px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; overflow:hidden} .main-solutions__coll-very-small{ width:23.55%} .main-solutions__coll-small{ width:32.85%} .main-solutions__coll-middle{ width:39%} .main-solutions__coll-third{ width:31.8%} .main-solutions__img{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; border-radius:8px} .main-solutions__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:8px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s} .main-solutions__coll:after{ content:""; position:absolute; width:100%; height:100%; background-color:rgba(96,96,96,.4); top:0px; left:0px; z-index:1; border-radius:8px} .main-solutions__coll:before{ content:""; position:absolute; width:0%; height:100%; background-color:rgba(236,100,13,.8); top:0px; left:0px; z-index:2; border-radius:8px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; overflow:hidden} .main-solutions__coll:hover:before{ width:100%} .main-solutions__coll:hover .main-solutions__img img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .main-solutions__caption{ font-size:16px; color:rgb(255,255,255); line-height:1.625; position:relative; z-index:10; letter-spacing:.4px} .main-solutions__caption-big .main-solutions__caption{ font-size: 30px; font-family: "Kelson"; color:rgb(255,255,255); font-weight: 600; text-transform: uppercase; line-height: 1.467; position:relative; z-index:10; letter-spacing: .65px;} @media only screen and (max-height:800px){ .main-solutions{ height:100%; min-height:100%; padding:50px 0px} .main-solutions__row{ margin:0px -10px 0px} .main-solutions__coll{ height:185px} .main-solutions__caption-big .main-solutions__caption{ font-size: 24px} } @media only screen and (max-width:1700px){ .main-solutions .wrapper{ max-width:1374px; left:33px} } @media only screen and (max-width:1440px){ .main-solutions .wrapper{ padding:0 10px; width:1200px; left:34px} .main-solutions__coll-very-small{ width:23.32%} .main-solutions__coll-middle{ width:38.8%} } @media only screen and (max-width:1300px){ .main-solutions{ height:100%; min-height:100%; padding:100px 0px} .main-solutions .wrapper{ width:980px} .main-solutions__row{ margin:0px -10px 0px} .main-solutions__coll{ width:47.95%; padding:15px 20px} .main-solutions__coll-very-small{ width:225px} .main-solutions__coll-middle{ width:400px} .main-solutions__coll-small{ width:295px} } @media only screen and (max-width:1100px){ .main-solutions .wrapper{ width:750px} .main-solutions__coll{ width:47.33%; height:185px} } @media only screen and (max-width:820px){ .main-solutions{ padding:50px 0px} .main-solutions .wrapper{ max-width:100%; width:100%; left:0px; padding:0px 15px 0px 15px} .main-solutions__coll{ width:100%} } @media only screen and (max-width:600px){ .main-solutions{ padding:0px 0px 50px} .main-solutions__caption br{ display:none} } /*==============================main-advantages==============================*/ .main-advantages{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; /*background-image:url(/local/templates/tzgsho/assets/styles/../images/main-advantages/main-advantages-bg.jpg); */ background-image:url(/local/templates/tzgsho/assets/styles/../images/main-advantages/main-advantages-bg.webp); background-size:cover; background-repeat:no-repeat; background-position:center center} .main-advantages_shild{ height:100%; min-height:100%; padding:114px 0px 150px; margin-bottom:90px} .main-advantages__body{ position:relative; margin:61px 0px 0px 98px} .main-advantages__row{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-bottom:80px} .main-advantages__coll{ width:33%; color:rgb(255,255,255); position:relative} .main-advantages__coll:nth-child(2){ left:-11px} .main-advantages__coll:last-child{ left:12px} .main-advantages__caption{ font-size:30px; font-family:"Kelson"; font-weight:600; text-transform:uppercase; line-height:1.467; margin-bottom:27px; letter-spacing:.8px} .main-advantages__list li{ position:relative; padding-left:30px; padding-right:20px; margin-bottom:26px; font-size:16px; line-height:1.625; letter-spacing:.3px} .main-advantages__list li:after{ content:""; position:absolute; width:15px; height:15px; border-radius:50%; top:6px; left:0px; background-color:#ff6400} .main-advantages__list li:last-child{ margin-bottom:0px} .main-advantages__title{ font-weight:700; color:rgb(255,255,255); font-size:24px; line-height:1.5; letter-spacing:.6px; position:relative; top:2px} .main-advantages__title span{ color:#ff6400} @media only screen and (min-width:1700px){ .main-advantages__body{ margin:0px 0px 0px 0px} } @media only screen and (max-height:800px){ .main-advantages{ height:100%; min-height:100%; padding:100px 0px} .main-advantages__body{ margin:0px 0px 0px 0px} .main-advantages__row{ margin-bottom:40px} } @media only screen and (max-width:1300px){ .main-advantages{ height:100%; min-height:100%; padding:100px 0px} .main-advantages__title br{ display:none} .main-advantages__body{ margin:0px 0px 0px 0px} .main-advantages__row{ margin-bottom:40px} } @media only screen and (max-width:1100px){ .main-advantages__row{ margin-bottom:30px} .main-advantages__coll{ width:31%} .main-advantages__caption{ font-size:26px; margin-bottom:18px} .main-advantages__list li{ margin-bottom:20px; font-size:14px} .main-advantages_shild{ margin-bottom:60px} } @media only screen and (max-width:820px){ .main-advantages{ padding:50px 0px} .main-advantages__coll{ width:100%; margin-bottom:35px} .main-advantages__caption br, .main-advantages__list li br{ display:none} .main-advantages__coll:nth-child(2), .main-advantages__coll:last-child{ left:0} .main-advantages__row{ margin-bottom:10px} } @media only screen and (max-width:600px){ .main-advantages__title{ font-size:18px} .main-advantages{ background-image:url(/local/templates/tzgsho/assets/styles/../images/main-advantages/main-advantages-bg-mob.webp)} } /*==============================main-customers==============================*/ .main-customers{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative} .main-customers_child{ height:100%; min-height:100%; margin-bottom:165px} .main-customers__title{ font-size:38px; position:relative; left:-2px; letter-spacing:.55px; width:calc(100% - 71px)} .main-customers__body{ margin-top:75px} .main-customers__top{ margin-bottom:42px} /**********main-customers__nav**********/ .main-customers__nav{ margin:0px -10px; z-index:100} .main-customers__nav-items{ height:107px !important; border:1px solid rgb(230,230,230); border-radius:8px; background-color:rgb(255,255,255); padding:18px; margin:0px 10px; position:relative; overflow:hidden; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-customers__nav-items:hover{ border-color:#fb7432} .main-customers__nav-img{ width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .main-customers__nav-img img{ max-width:100%; max-height:100%; -o-object-fit:cover; object-fit:cover} /**********main-customers__slick**********/ .main-customers__slick{ padding-top:30px} .main-customers__slick-slider{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; border:1px solid rgb(230,230,230); border-radius:8px; background-color:rgb(255,255,255); -webkit-box-shadow:0px 5px 90px 0px rgba(138,138,138,0.08); box-shadow:0px 5px 90px 0px rgba(138,138,138,0.08); position:relative; overflow:hidden} .main-customers__slick-img{ width:380px; border-right:1px solid rgb(230,230,230); border-radius:8px; position:relative; overflow:hidden} .main-customers__slick-img:after{ content:""; position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:rgb(77,77,77,.6); z-index:1} .main-customers__slick-img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .main-customers__slick-content{ width:calc(100% - 380px); padding:50px 105px 55px 100px} .main-customers__slick .slick-list{ overflow:initial} .main-customers__slick-date{ font-size:12px; color:rgba(0,0,0,0.702); text-transform:uppercase; line-height:2.5; margin-bottom:13px; letter-spacing:.95px} .main-customers__slick-name{ display:block; font-size:30px; font-weight:700; color:rgb(235,100,13); line-height:1.4; margin-bottom:21px; letter-spacing:.4px; margin-left:-2px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-customers__slick-name{ color:#fb7432} .main-customers__slick-text{ font-size:16px; color:rgb(51,51,51); line-height:1.625; letter-spacing:.4px} .main-customers__slick-plus{ position:absolute; width:95px; height:95px; top:calc(50% - 47.5px); left:calc(50% - 47.5px); border-radius:50%; border:2px solid #FFF; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:transparent; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:10} .main-customers__slick-plus i{ width:29px; height:29px; display:block; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-customers__slick-plus svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-customers__slick-plus:hover{ -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); background-color:#FFF} .main-customers__slick-plus:hover i{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .main-customers__slick-plus:hover svg *{ fill:#333} /**********main-customers__slick**********/ .main-customers__coll{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-color:rgb(255,255,255); position:relative; overflow:hidden; margin-bottom:20px} .main-customers__coll .main-customers__slick-img{ width:380px} .main-customers__coll .main-customers__slick-content{ width:calc(100% - 400px); border:1px solid rgb(230,230,230); border-radius:8px; padding:109px 75px 145px 80px} @media only screen and (max-height:800px){ .main-customers{ height:100%; min-height:100%; padding:100px 0px} .main-customers__body{ margin-top:0px} } @media only screen and (max-width:1300px){ .main-customers{ height:100%; min-height:100%; padding:100px 0px} .main-customers_child{ padding:60px 0px 50px; margin-bottom:0} .main-customers__slick-content{ padding:40px 55px 55px 45px} .main-customers__slick-text br{ display:none} .main-customers__coll .main-customers__slick-content{ padding:70px 45px 85px 45px} } @media only screen and (max-width:1100px){ .main-customers_child{ padding:60px 0px 20px} .main-customers__top{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end} .main-customers .btn__arrow{ position:relative; top:-5px} .main-customers__slick-slider{ -ms-flex-wrap:wrap; flex-wrap:wrap} .main-customers__slick-img{ width:100%; height:350px} .main-customers__slick-content{ width:100%; padding:50px 80px 55px 80px} .main-customers__coll{ -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:40px} .main-customers__coll .main-customers__slick-img{ width:100%; height:320px; margin-bottom:20px} .main-customers__coll .main-customers__slick-content{ width:100%} } @media only screen and (max-width:820px){ .main-customers{ padding:50px 0px} .main-customers__title{ font-size:28px} .main-customers__slick-img{ height:300px} .main-customers__slick-content{ padding:50px 50px 55px 50px} } @media only screen and (max-width:760px){ .main-customers_child{ padding:10px 0px 20px} .main-customers__coll .main-customers__slick-img{ height:270px} .main-customers__coll .main-customers__slick-content{ padding:30px 30px 45px 30px} } @media only screen and (max-width:600px){ .main-customers__slick-img{ height:220px} .main-customers__slick-content{ padding:20px 20px 25px 20px} .main-customers__slick-name{ font-size:24px; margin-bottom:16px} } /*==============================main-map==============================*/ .main-map{ width:2550px; height:100vh; min-height:800px; position:relative; overflow:hidden; display:block !important} .main-map__delivery{ width:4225px; height:1855px; position:absolute; top:calc(50% - 725px); left:calc(50% - 2775px)} .main-map__mobile{ display:none} [data-city]{ cursor:pointer} [data-line-city]{ stroke-opacity:0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; /*transform:scale(0.99); */} .active[data-line-city]{ stroke-opacity:1; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; /*transform:scale(1); */} .map-popup{ width:auto; position:absolute; border-radius:8px; background-color:rgb(255,255,255); -webkit-box-shadow:0px 22px 50px 0px rgba(0,0,0,0.07); box-shadow:0px 22px 50px 0px rgba(0,0,0,0.07); visibility:hidden; opacity:0; z-index:-10; padding:41px 50px 40px 48px; max-width:360px} .map-popup__row{ max-height:500px; /*overflow-y:scroll; */} .modal{ width:500px; display:none; position:fixed; border-radius:8px; background-color:rgb(255,255,255); -webkit-box-shadow:0px 22px 50px 0px rgba(0,0,0,0.07); box-shadow:0px 22px 50px 0px rgba(0,0,0,0.07); z-index:1000; padding:41px 50px 40px 48px; top:50%; left:50%; margin-top:-250px; margin-left:-250px} @media only screen and (max-width:500px){.modal{ max-width:400px; margin-left:-200px} .modal__title{font-size:24px !important} } .map__closed{ position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; background-color:rgb(235,100,13); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor:pointer; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .map__closed i{ width:14px; height:14px; display:block} .map__closed svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .map__closed svg *{ fill:#FFF} .map__items{ margin-bottom:28px} .map__items:last-child{ margin-bottom:0px} .map__name{ font-size:14px; color:rgb(0,0,0); line-height:1.714; letter-spacing:.35px; margin-bottom:9px} .map__city{ font-size:11px; font-family:"MADEEvolveSans"; color:rgb(26,26,26); font-weight:600; text-transform:uppercase; position:relative; padding-left:19px; letter-spacing:2px} .map__city:after{ content:""; position:absolute; width:9px; height:9px; border-radius:50%; background-color:rgb(204,204,204); top:2px; left:0px} .map-popup.active{ visibility:visible; opacity:1; -webkit-transition:visibility 0s,opacity 0.2s linear; -o-transition:visibility 0s,opacity 0.2s linear; transition:visibility 0s,opacity 0.2s linear; z-index:999} .map__closed:hover{ background-color:#fb7432} @media only screen and (max-height:800px){ .main-map{ width:100%; height:100%} } @media only screen and (max-width:1300px){ .main-map__delivery{ width:3800px; top:calc(60% - 725px); left:calc(50% - 2500px)} .map-popup{ left:calc(50% - 245px) !important; top:150px !important} } @media only screen and (max-width:1100px){ .main-map{ min-height:600px} .main-map__delivery{ width:3200px; top:calc(65% - 655px); left:calc(88% - 2500px)} } @media only screen and (max-width:1010px){ .main-map, .main-map .fp-tableCell, .main-map__delivery{ display:none; min-height:0px; height:0px !important} } /*==============================accordion==============================*/ .accordion{ margin-bottom:20px} .accordion__items{ width:100%; border-radius:10px; background-color:rgb(59,56,56); padding:26px 43px 23px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; cursor:pointer} .accordion__items:after{ content:''; position:absolute; z-index:1; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:rgb(236,100,13); border-radius:10px} .accordion__items:hover:after{ width:100%} .accordion__title{ color:rgb(255,255,255); -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; z-index:10; width:calc(100% - 30px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; line-height:20px} .accordion__arrow i{ display:block; width:22px; height:22px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; z-index:10} .accordion__items.active .accordion__arrow i{ -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg)} .accordion__arrow svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .accordion__text{ display:none; font-size:16px; color:rgb(51,51,51); line-height:1.625; padding:20px 100px 0px; letter-spacing:.4px} .accordion__text p, .accordion__caption{ font-size:16px; color:rgb(51,51,51); line-height:1.625; margin-bottom:32px; letter-spacing:.4px} .accordion__text p strong{ font-weight:700} .accordion__items.active{ background-color:rgb(246,246,246)} .accordion__items.active .accordion__title{ color:rgb(51,51,51)} .accordion__items:hover .accordion__title{ color:#FFF} .accordion__arrow.active i{ -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg)} .accordion__arrow svg *{ fill:#d9d9d9} .accordion__caption{ margin-bottom:0; font-weight:700; letter-spacing:.37px} .accordion__text li{ position:relative; letter-spacing:.4px} .accordion__block{ margin-top:22px} .accordion__block+.accordion__block{ margin-top:20px} .accordion__block:last-child{ margin-bottom:44px} .accordion__title-name{ width:calc(72% - 0px)} @media only screen and (max-width:760px){ .accordion__items{ padding:26px 22px 23px} .accordion__text{ display:none; font-size:15px; color:rgb(51,51,51); line-height:1.625; padding:10px 30px 0px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .accordion__block+.accordion__block{ margin-top:30px} } /*==============================main-news==============================*/ .main-news{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative} .main-news_child{ height:100%; min-height:100%; padding:0px 0px 94px} .main-news__body{ margin-top:25px} .main-news__title{ font-size:38px; position:relative; left:-4px; top:3px; letter-spacing:.55px} .main-news_child .main-news__title{ font-size:30px; left:-2px} .main-news_child .main-news__box{ margin-bottom:40px} .main-news__box{ margin-bottom:36px} .main-news__box .btn__arrow{ position:relative; top:1px; left:5px} .main-news__slick{ margin:0px 0px} .main-news__slick .slick-list{ overflow:visible} .main-news__slick .slick-track{ display:-webkit-box; display:-ms-flexbox; display:flex} .main-news__slide{ max-width:280px !important; margin:0px 10px} .main-news__img{ width:100%; height:202px; border-radius:8px 8px 0px 0px; background-color:rgb(255,255,255); margin-bottom:26px; overflow:hidden; position:relative; top:-2px} .main-news__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:8px 8px 0px 0px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-news__img:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .main-news__img:before{ content:""; position:absolute; width:0%; height:100%; background-color:rgba(236,100,13,.8); top:0px; left:0px; z-index:2; border-radius:8px 8px 0px 0px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; overflow:hidden} .main-news__img:hover:before{ width:100%} .main-news__date{ font-size:12px; color:rgba(0,0,0,0.702); text-transform:uppercase; margin-bottom:17px; letter-spacing:.95px; display:block} .main-news__caption{ font-size:18px; color:rgb(0,0,0); line-height:1.556; margin-bottom:15px; letter-spacing:.9px} .main-news__anons{ font-size:14px; color:rgb(51,51,51); line-height:1.857; margin-bottom:22px; letter-spacing:.3px} .main-news__link{ font-size:12px; color:rgb(235,100,13); font-weight:600; text-transform:uppercase; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; top:1px; letter-spacing:1.3px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-news__link span{ display:block; margin-right:19px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-news__link i{ width:14px; height:8px; display:block; position:relative; top:-1px; left:0px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-news__link:hover{ color:#ff8a51} .main-news__link:hover i{ left:5px} @media only screen and (max-height:800px){ .main-news{ height:100%; min-height:100%; padding:100px 0px} .main-news__body{ margin-top:0} } @media only screen and (max-width:1300px){ .main-news{ height:100%; min-height:100%; padding:100px 0px} .main-news_child{ padding:0px 0px 60px} .main-news__slide{ max-width:305px !important} } @media only screen and (max-width:1100px){ .main-news__slide{ max-width:355px !important} } @media only screen and (max-width:820px){ .main-news{ padding:50px 0px} .main-news_child{ padding:0px 0px 50px} .main-news__title{ font-size:28px; left:0; top:0; width:calc(100% - 71px)} .main-news_child .main-news__title{ font-size:24px; left:0px} .main-news__box{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end} .main-news__body{ width:100%} .main-news__box .btn__arrow{ top:-4px; left:0px} } @media only screen and (max-width:420px){ .main-news__slide{ max-width:290px !important} .main-news__img{ height:175px; top:0} } /*==============================main-order==============================*/ .main-order{ width:100%; height:100vh; min-height:800px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative} .main-order__body{ margin-top:41px} .main-order__form{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .main-order__title{ text-align:center; margin-bottom:32px; font-size:38px; position:relative; left:-21px} .main-order__row{ width:699px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0px -10px} .main-order__items{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:0px 10px} .main-order__address{ width:480px; border:1px solid rgb(230,230,230); border-radius:8px; padding:42px 90px 50px 78px; background-color:RGB(255,255,255)} .main-order__address-title{ font-size:20px; color:rgb(0,0,0); line-height:1.55; margin-bottom:32px; letter-spacing:1.05px} .main-order__address-desc{ font-size:16px; color:rgb(0,0,0); line-height:1.875; margin-bottom:30px; letter-spacing:.38px} .main-order__address-number{ display:block; font-size:24px; color:rgb(0,0,0); line-height:0.8; /*margin-bottom:21px; */ letter-spacing:2.3px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .main-order__address-number:hover{ color:#fb7432} .main-order__address-phone{ font-size:16px; color:rgb(0,0,0); line-height:1; letter-spacing:.4px; margin-top:30px} .main-order__btn{ padding:29px 64px 27px; margin-right:55px} .main-order .checkbox{ width:calc(100% - 350px); position:relative; left:1px; top:0px} /****************main-order_shild******************/ .main-order_shild{ height:100%; min-height:100%; margin-bottom:100px} .main-order_shild .main-order__title{ text-align:left; left:0px; font-size:30px; margin-bottom:39px} .main-order_shild .main-order__body{ margin-top:0px} /****************main-order_contacts******************/ .main-order_contacts{ height:100%; min-height:100%; margin-bottom:87px; margin-top:-5px} .main-order_contacts .main-order__body{ margin-top:0px} @media only screen and (max-height:800px){ .main-order{ min-height:100%; height:100%; padding:0px 0px 100px} .main-order__body{ margin-top:0} } @media only screen and (max-width:1300px){ .main-order, .main-order_contacts{ min-height:100%; height:100%; padding:0px 0px 100px} .main-order_contacts{ margin:0px} .main-order__row{ width:585px} .main-order__address{ width:375px; padding:42px 25px 50px 35px} .main-order__btn{ padding:29px 45px 27px} .main-order .checkbox{ width:calc(100% - 300px); left:0px; top:0px} } @media only screen and (max-width:1100px){ .main-order__row{ width:100%; margin-bottom:35px} .main-order_contacts{ padding:0px 0px 60px} .main-order__address{ width:100%; padding:42px 90px 50px 78px} .main-order__address-desc br{ display:none} .main-order_shild{ margin-bottom:0px} } @media only screen and (max-width:820px){ .main-order{ padding:0px 0px 50px} .main-order__title{ font-size:28px; left:0} .main-order__row{ margin:0px 0px 35px} } @media only screen and (max-width:760px){ .main-order__btn{ padding:29px 35px 27px; margin:0px 0px 20px; width:100% } .main-order .checkbox{ width:100%} .main-order_shild .main-order__body{ margin-top:0px} .main-order_shild .main-order__title{ font-size:26px; margin-bottom:25px} } @media only screen and (max-width:600px){ .main-order__address{ padding:30px 30px 40px 30px} } /*---------------------footer------------------------*/ .footer{ width:100%; position:relative; padding:90px 0px 50px; background-color:rgb(77,77,77); height:auto !important; margin-bottom:-1px} .footer__row{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .footer__first{ width:205px} .footer__logo{ display:block; width:128px; height:108px; margin-bottom:36px} .footer__logo img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .footer__copyright, .footer__confidentiality{ font-size:14px; font-weight:300; color:rgb(255,255,255); line-height:1.857; font-family:"MADEEvolveSans"; letter-spacing:.35px} .footer__copyright span{ display:block} .footer__confidentiality{ display:block; color:#eb640d; text-decoration:underline; margin-bottom:36px; margin-top:1px} .footer__social ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:0px -5px} .footer__social li{ margin:0px 5px} .footer__social a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:42.5px; height:42.5px; border:1px solid #eb640d; border-radius:50%} .footer__social i{ position:relative; top:2px} .footer__social svg *{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .footer__middle{ width:510px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; position:relative; left:2px; top:-2px} .footer__menu{ width:200px} .footer__menu a{ display:block; font-size:16px; color:rgb(255,255,255); margin-bottom:32px; font-weight:300; font-family:"MADEEvolveSans"; letter-spacing:.35px} .footer__middle-caption{ font-size:19px; color:rgb(255,255,255); line-height:1.632; margin-bottom:21px; letter-spacing:1.1px} .footer__middle-content{ width:310px; position:relative; left:-2px; top:-7px} .footer__form-items{ display:block; margin-bottom:20px} .footer__form__btn{ width:100%; margin-bottom:20px; font-weight:300; font-family:"MADEEvolveSans"} .footer__form-field{ border-color:rgb(77,77,77); background-color:rgb(84,84,84); color:#FFF; font-weight:300; font-family:"MADEEvolveSans"} .footer__form-field::-webkit-input-placeholder{ color:#FFF} .footer__form-field::-moz-placeholder{ color:#FFF} .footer__form-field:-moz-placeholder{ color:#FFF} .footer__form-field:-ms-input-placeholder{ color:#FFF} .footer .checkbox label{ color:#FFF; font-weight:300; font-family:"MADEEvolveSans"; padding-left:65px; letter-spacing:0.35px} .footer__last{ width:280px; position:relative; top:-5px} .footer__last-items, .footer__location{ font-size:14px; font-family:"MADEEvolveSans"; color:#FFF; line-height:1.571; margin-bottom:42px; letter-spacing:.6px} .footer__location{ margin-bottom:45px; letter-spacing:.7px} .footer__email{ color:#FFF} .footer__location-link, .footer__cellback{ display:inline-block; color:#eb640d; text-decoration:underline; font-size:14px; font-family:"MADEEvolveSans"} .footer__cellback{ letter-spacing:.39px; position:relative; top:-2px} .footer__number{ font-size:24px; color:rgb(255,255,255); font-family:"MADEEvolveSans"; font-weight:600; display:block; margin-bottom:8px; letter-spacing:1.2px} .footer__develop{ position:relative; height:15px; right:0px; top:7px; float:right; text-decoration:none; color:rgba(255,255,255,0.302); font-size:14px; display:-ms-inline-flexbox; display:-webkit-inline-box; display:inline-flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center; font-weight:300; margin-top:109px} .footer__develop span{ display:block; font-size:0px; background:url(/local/templates/tzgsho/assets/styles/../images/footer/developer.svg) no-repeat; background-size:cover; width:31px; min-width:31px; height:62px; margin-left:27px; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); top:5px; position:relative} .footer__develop span:after{ content:""; position:absolute; width:100%; height:50px; bottom:-45px; left:0px; background-color:#cc3b3b} .footer__menu a.active, .footer__menu a:hover, .footer__email:hover, .footer__number:hover{ color:#eb640d} .footer__social a:hover{ background-color:#eb640d; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .footer__social a:hover svg *{ fill:#FFF} @media only screen and (max-width:1300px){ .footer__middle{ width:430px} .footer__menu{ width:155px} .footer__middle-content{ width:270px} } @media only screen and (max-width:1100px){ .footer__middle{ width:155px} .footer__middle-content{ display:none} .footer__last{ width:225px} } @media only screen and (max-width:820px){ .footer{ padding:50px 0px 35px} .footer__middle{ display:none} .footer__logo{ margin-bottom:35px} .footer__confidentiality{ margin-bottom:30px} .footer__location{ margin-bottom:47px} .footer__develop{ margin-top:38px} } @media only screen and (max-width:600px){ .footer__first, .footer__last{ width:100%; text-align:center} .footer__logo{ margin:0px auto 25px} .footer__confidentiality{ margin-bottom:25px} .footer__social ul{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0px -5px 35px} .footer__last{ left:0px} .footer__last-items, .footer__location{ margin-bottom:20px} .footer__develop{ float:none} } /*==============================page-top==============================*/ .page-top{ width:100%; position:relative; padding:188px 0px 43px} .page-top-caption{ font-size:34px; font-weight:700; color:rgb(51,51,51); line-height:1.235; position:relative; left:-2px; letter-spacing:.5px} .page-top-caption span{ color:#ec640d} @media only screen and (max-width:1100px){ .page-top{ padding:120px 0px 40px} .page-top-caption br{ display:none} } @media only screen and (max-width:760px){ .page-top-caption{ font-size:26px; left:0px} } /*==============================breadcrumbs==============================*/ .breadcrumbs{ margin-bottom:26px; font-size:0px; text-align:left; padding-right:21px} .breadcrumbs li{ display:inline-block; vertical-align:middle; padding-right:16px; position:relative; display:inline-block; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; font-size:12px; color:#d36e2d; text-transform:none; letter-spacing:0.2px; line-height:20px} .breadcrumbs li:after{ content:""; position:absolute; width:8px; height:1px; background-color:#b3b3b3; top:calc(50% - 0.5px); right:4px} .breadcrumbs li:last-child:after{ display:none} .breadcrumbs a{ display:inline-block; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; font-size:12px; color:#b3b3b3; text-decoration:none; position:relative; text-transform:none; letter-spacing:0.2px; line-height:20px} .breadcrumbs a:hover{ color:#ec640d} @media only screen and (max-width:1260px){ .breadcrumbs{ margin-bottom:25px} } /*==============================faq==============================*/ .faq{ position:relative; padding:0px 0px 70px} .faq__body{ max-width:980px} @media only screen and (max-width:1100px){ .faq{ padding:0px 0px 40px} } /*==============================mistake==============================*/ .mistake{ min-height:475px; position:relative; margin-top:-8px} .mistake__bg{ font-size:800px; color:rgba(0,0,0,0.051); line-height:0.033; font-weight:900; position:absolute; left:calc(50% - 690px); top:34%} .mistake__content{ max-width:330px; position:relative; z-index:10} .mistake__items{ font-size:16px; color:rgb(51,51,51); line-height:1.625; margin-bottom:26px; letter-spacing:0.2px} .mistake__items a{ color:#ec640d; text-decoration:underline} .mistake__items a:hover{ text-decoration:none} @media only screen and (max-width:1300px){ .mistake__bg{ font-size:620px; left:calc(50% - 530px)} } @media only screen and (max-width:1100px){ .mistake{ min-height:300px} .mistake__bg{ font-size:465px; left:calc(50% - 400px)} } @media only screen and (max-width:820px){ .mistake{ min-height:215px} .mistake__bg{ font-size:340px; left:calc(50% - 325px)} } @media only screen and (max-width:600px){ .mistake__bg{ font-size:265px; left:calc(50% - 250px)} } @media only screen and (max-width:420px){ .mistake{ min-height:155px} .mistake__bg{ font-size:195px; left:calc(50% - 180px)} } @media only screen and (max-width:375px){ .mistake__content{ max-width:290px} .mistake__items{ font-size:14px} } /*==============================article==============================*/ .main-article{ padding:16px 0px 52px 0px} .article+.main-article__images{margin-top:15px} .main-article__images{ display:-webkit-box; display:-ms-flexbox; display:inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .main-article__container{ margin:0 20px 20px 0; width:300px; border-radius:10px; overflow:hidden} .main-article__container img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .article{ color:rgb(51,51,51); max-width:980px} .content-typo{ color:rgb(51,51,51)} .article h2, .content-typo h2, #detail-text.products-table h2{ font-size:30px; font-weight:700; line-height:1.333; margin-bottom:42px; padding-bottom:36px; letter-spacing:0px; position:relative} .article h2:not(:first-child), .content-typo h2:not(:first-child), #detail-text.products-table h2:not(:first-child){margin-top:40px} .article h4+h2:not(:first-child), .content-typo h4+h2:not(:first-child), #detail-text.products-table h4+h2:not(:first-child){margin-top:80px} .article h2:after, .content-typo h2:after, #detail-text.products-table h2:after{ content:""; width:170px; height:1px; background-color:rgb(217,38,28); position:absolute; bottom:0px; left:0px} .article h3, .content-typo h3, #detail-text.products-table h3{ font-size:24px; font-weight:700; line-height:1.2; margin:48px 0px 28px; letter-spacing:0.36px} .article h3{ line-height:1.38} .article h4, .content-typo h4, #detail-text.products-table h4{ font-size:20px; font-weight:700; line-height:1.2; margin:53px 0px 30px; letter-spacing:.25px} #detail-text.products-table h4{ margin:10px 0px 30px} .article h5, .content-typo h5, #detail-text.products-table h5{ font-size:18px; font-weight:700; line-height:1.2; margin:55px 0px 30px; letter-spacing:.25px} .article h6, .content-typo h6, #detail-text.products-table h6{ font-size:16px; font-weight:700; line-height:1.2; margin:57px 0px 31px; letter-spacing:.25px} .article p, .content-typo p, .main-career__body p, .products__subtitle p, #detail-text.products-table p{ font-size:16px; line-height:1.625; margin-bottom:20px; letter-spacing:.4px} .article p, .content-typo p{ max-width:870px} .full-width p{ max-width:100%} .article a, .content-typo a, #detail-text.products-table a, .products__subtitle a{ color:#ec640d; text-decoration:underline} .article a:hover, .content-typo a:hover, #detail-text.products-table a:hover, .products__subtitle a:hover{ text-decoration:none} .article img{ max-width:100%; margin:9px 0px 55px 2px} .article img.img-with-descr{ margin-bottom:10px} .article img.img-with-descr ~ i{ margin-bottom:40px; display:block} .article ul:not(.clearlist), .article ol:not(.clearlist), ul.similar-list, ol.similar-list, #detail-text.products-table ul:not(.clearlist), #detail-text.products-table ol:not(.clearlist), .products__subtitle ul:not(.clearlist), .products__subtitle ol:not(.clearlist){ padding-bottom:20px} .article ul:not(.clearlist) >li, .article ol:not(.clearlist) >li, ul.similar-list >li, ol.similar-list >li, #detail-text.products-table ul:not(.clearlist) >li, #detail-text.products-table ol:not(.clearlist) >li, .products__subtitle ul:not(.clearlist) >li, .products__subtitle ol:not(.clearlist) >li{ position:relative; margin-bottom:0px; padding-left:21px; font-size:16px; line-height:1.875} .article ol:not(.clearlist) >li, ol.similar-list >li, #detail-text.products-table ol:not(.clearlist) >li, .products__subtitle ol:not(.clearlist) >li{ padding-left:23px} .article ul:not(.clearlist) >li:last-child, .article ol:not(.clearlist) >li:last-child, ul.similar-list >li li:last-child, ol.similar-list >li:last-child, #detail-text.products-table ul:not(.clearlist) >li:last-child, #detail-text.products-table ol:not(.clearlist) >li:last-child, .products__subtitle ul:not(.clearlist) >li:last-child, .products__subtitle ol:not(.clearlist) >li:last-child{ margin-bottom:5px} .article ul:not(.clearlist) >li:before, ul.similar-list >li:before, #detail-text.products-table ul:not(.clearlist) >li:before, .products__subtitle ul:not(.clearlist) >li:before{ content:''; display:block; position:absolute; top:12px; left:1px; width:4px; height:4px; background:#d36e2d; border-radius:50%} .article ol:not(.clearlist), ol.similar-list, #detail-text.products-table ol:not(.clearlist), .products__subtitle ol:not(.clearlist){ counter-reset:myCounter} .article ol:not(.clearlist) >li:before, ol.similar-list >li:before, #detail-text.products-table ol:not(.clearlist) >li:before, .products__subtitle ol:not(.clearlist) >li:before{ content:''; display:block; position:absolute; top:0; left:0; counter-increment:myCounter; content:counter(myCounter)} .article ol:not(.clearlist) >li:after, ol.similar-list >li:after, #detail-text.products-table ol:not(.clearlist) >li:after, .products__subtitle ol:not(.clearlist) >li:after{ content:'.'; display:block; position:absolute; top:0; left:9px} .article blockquote{ padding:49px 79px 48px; position:relative; margin:44px 0px 40px; border-radius:10px; background-color:#ec640d} .article blockquote:before{ top:auto; bottom:0px} .article blockquote p{ margin:0px; color:#FFF} @media only screen and (max-width:1100px){ .main-article{ padding:0px 0px 50px 0px} .article h2{ margin-bottom:25px; padding-bottom:24px} .article h3, .article h4, .article h5, .article h6{ margin:40px 0px 15px} .article img{ margin:0px 0px 55px 0px} .article blockquote{ padding:49px 50px 48px; margin:45px 0px 60px} .article blockquote br{ display:none} } @media only screen and (max-width:760px){ .main-article{ padding:0px 0px 40px} .article h2{ font-size:24px} .article h3{ font-size:20px} .article h3, .article h4, .article h5, .article h6{ margin:30px 0px 15px} .article blockquote{ padding:35px 30px 32px; margin:25px 0px 50px} } @media only screen and (max-width:600px){ .main-article__images{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .main-article__container{ width:48%; margin:0 0 4% 0} } /*==============================background-div==============================*/ .bgr-div{position:fixed; right:0; top:0; width:100%; height:100%; z-index:-1; background-repeat:no-repeat} .bgr-delivery{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-delivery.jpg); right:-38%} .bgr-purchase{background-image:url(/local/templates/tzgsho/assets/styles/../images/main-services/4.svg); right:-66%; top:100px} .bgr-misis{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-misis.svg); right:-66%; top:100px} .bgr-faq{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-faq.svg); right:-66%; top:86px} .bgr-certificate{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-certificate.svg); right:-66%; top:86px} .bgr-circlecheck{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-circle-check.svg); right:-66%; top:100px} .bgr-prioritet{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-prioritet.svg); right:-60%; top:100px; background-size:40%} .bgr-ks3m{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-ks3m.svg); right:-60%; top:100px} .bgr-transport{background-image:url(/local/templates/tzgsho/assets/styles/../images/main-services/2.svg); right:-66%; top:100px} .bgr-bpsm{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-bpsm.svg); right:-64%; top:100px} .bgr-denshahtera{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-den-shahtera.jpg); right:-64%; top:200px} .bgr-ugolmining{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-ugol-mining.svg); right:-62%; top:100px; background-size:45%} .bgr-tzgshologo{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-tzgsho-logo.svg); right:-62%; top:100px} .bgr-mercury{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-mercury.svg); right:-58%; top:100px} .bgr-gift{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-gift.svg); right:-62%; top:100px} .bgr-teatr{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-teatr.svg); right:-62%; top:100px; background-size:44%} .bgr-microphone{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-microphone.svg); right:-62%; top:150px; background-size:40%} .bgr-sdpm13{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-sdpm13.jpg); right:-58%; top:55px} .bgr-armirovka{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-armirovka.jpg); right:-58%; top:55px} .bgr-covid{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-covid.jpg); right:-58%; top:55px} .bgr-victoryday{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-victoryday.jpg); right:-58%; top:55px} .bgr-snowflake{background-image:url(/local/templates/tzgsho/assets/styles/../images/backgrounds/bgr-snowflake.svg); right:-66%; top:86px} @media only screen and (max-width:820px){.bgr-div{display:none} } /*==============================open-div==============================*/ .text-chkbox{ display:block; position:relative; margin-bottom:40px} .text-chkbox .label-text{ cursor:pointer; padding-left:30px; font-weight:600; font-size:12px; letter-spacing:2.5px; text-transform:uppercase; transition:all .3s 0s} .text-chkbox .label-text:hover{ color:rgb(235,100,13)} .text-chkbox .label-text:before{ content:"+"; position:absolute; letter-spacing:normal; border-radius:6px; left:0; top:-1px; width:20px; height:20px; color:rgb(255,255,255); background-color:rgb(235,100,13); line-height:20px; text-align:center} .text-chkbox input:checked ~ .label-text:before{ content:"-"} .text-chkbox .hidden-text{ display:block; overflow:hidden; max-height:0px; opacity:0; transition:all .3s 0s; padding-top:10px; padding-left:30px} .text-chkbox .hidden-text.hidden-content{ padding-left:0} .text-chkbox input{ position:absolute; width:1px; height:1px; top:-20px; left:-20px} .text-chkbox input:checked ~ .hidden-text{ max-height:none; opacity:1} .a-blank:after{ content:""; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/external-link.svg); position:absolute; width:16px; height:16px; opacity:0.24; margin-left:10px; top:5px} .a-blank:hover:after{ opacity:0.38} /*==============================attributes-table-detail==============================*/ .attributes-table-detail{border-collapse:collapse} .attributes-table-detail th{ font-size:12px; font-weight:700; color:rgb(255,255,255); text-transform:uppercase; background-color:#363636; letter-spacing:1.3px} .attributes-table-detail td{ font-size:16px; color:rgb(51,51,51); min-height:80px} .attributes-table-detail tr:nth-child(2n) td{ background-color:#f6f6f6} .attributes-table-detail tr:nth-child(2n+1) td{ background-color:#f0f0f0} .attributes-table-detail th, .attributes-table-detail td{text-align:left; padding:20px} /*==============================about==============================*/ .about{ padding:0px 0px 74px 0px; position:relative; top:-10px; margin-left:2px} .about__title{ font-size:30px; color:rgb(235,100,13); line-height:1.4; margin-bottom:29px; margin-left:-2px} .about__body{ position:relative} .about__img{ height:431px; position:absolute; top:35px; right:-252px; width:646px} .about__img-big{ max-width:100%; max-height:100%} .about__img-big img{ max-width:100%; max-height:100%; -o-object-fit:cover; object-fit:cover} .about__text{ max-width:679px; position:relative; z-index:10; margin-bottom:47px} .about__text p{ font-size:16px; color:rgb(51,51,51); line-height:1.75; margin-bottom:27px; text-align:justify; letter-spacing:0.4px} .about__text p:last-child{ margin-bottom:0px} .about__btn-big{ font-size:12px; min-width:344px; margin-right:15px; font-family:"MADEEvolveSans"; font-weight:600} .about__btn-big small{ font-size:11px; color:rgba(255,255,255,0.8); text-transform:uppercase; margin-left:5px} .about__btn{ min-width:205px} /***********about-parallax************/ .about-parallax{ position:absolute; right:0; top:0; width:100%; height:100%} .about-parallax img{ max-width:100%} .about-parallax__leaves-1{ width:216px; height:222px; position:absolute; top:53% !important; right:0; left:27% !important} .about-parallax__leaves-2{ width:386px; height:189px; position:absolute; top:10% !important; right:0; left:22% !important} .about-parallax__leaves-3{ width:523px; height:189px; position:absolute; top:28% !important; right:0; left:1% !important} .about-parallax__leaves-4{ width:80px; height:69px; position:absolute; top:8% !important; right:0; left:0.5% !important} .about-parallax__leaves-1 img, .about-parallax__leaves-2 img, .about-parallax__leaves-3 img, .about-parallax__leaves-4 img{ position:absolute} @media only screen and (max-width:1300px){ .about{ padding:0px 0px 30px 0px; top:-10px} .about__text{ max-width:575px} .about__img{ top:90px; right:-315px} } @media only screen and (max-width:1100px){ .about__text{ max-width:100%} .about__img{ display:none} } @media only screen and (max-width:760px){ .about__title{ font-size:24px; margin-bottom:20px; margin-left:0} .about__text{ margin-bottom:30px} .about__text p{ margin-bottom:15px} .about__btn-big{ min-width:100%; width:100%; margin-bottom:20px} .about__btn{ min-width:100%; width:100%} } @media only screen and (max-width:600px){ .about__btn-big small{ display:none} } /*==============================main-gallery==============================*/ .main-gallery{ padding:0px 0px 190px} .gallery__title{ margin-bottom:50px; font-size:30px} .gallery__row{ -webkit-box-align:initial; -ms-flex-align:initial; align-items:initial; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:0px -10px 30px} .gallery__coll, .gallery__column, .trio .information__coll{ width:31.66%; height:255px; position:relative; margin:0px 10px 20px; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); overflow:hidden} .gallery__coll:after{ content:""; position:absolute; width:100%; height:100%; border-radius:10px; background-color:rgba(56,49,49,.6); top:0px; left:0px; z-index:1} .gallery__img{ width:100%; height:100%; border-radius:10px; background-color:rgba(68,65,65,.8); position:relative; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .gallery__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:10px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .gallery__items{ position:absolute; width:100%; height:100%; left:0px; bottom:-44px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:10; padding:50px 38px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:end; align-content:flex-end} .gallery__caption{ font-size:18px; color:rgb(255,255,255); font-weight:700; line-height:1.5; margin:0px 0px 20px; letter-spacing:.3px; max-height:108px; overflow:hidden} .gallery__link{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; bottom:0px; opacity:0; width:100%} .gallery__link-title{ font-size:12px; color:rgb(224,98,37); font-weight:600; text-transform:uppercase; letter-spacing:1.5px; margin-right:7px} .gallery__link i{ width:14px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; left:0px; top:-2px} .gallery__link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .gallery__link svg *{ fill:rgb(224,98,37)} .gallery__coll:hover, .gallery__column:hover{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .gallery__coll:hover .gallery__img img, .gallery__column:hover .gallery__img img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .gallery__coll:hover .gallery__items{ bottom:0px} .gallery__coll:hover .gallery__link{ bottom:0px; opacity:1} .gallery__link:hover i{ left:5px} .gallery__btn{ min-width:258px; font-family:"MADEEvolveSans"; font-weight:600; padding:28px 25px 27px} @media only screen and (max-width:1300px){ .main-gallery{ padding:0px 0px 60px} .gallery__coll, .gallery__column{ width:31.29%; height:210px} .gallery__items{ padding:30px 38px} } @media only screen and (max-width:1100px){ .gallery__title{ font-size:30px} .gallery__coll, .gallery__column, .trio .information__coll{ width:47.33%} } @media only screen and (max-width:820px){ .gallery__coll, .gallery__column, .trio .information__coll{ width:46.95%} } @media only screen and (max-width:760px){ .main-gallery{ padding:0px 0px 50px} .gallery__row{ margin:0px 0px 10px} .gallery__title{ margin-bottom:30px; font-size:24px} .gallery__coll, .gallery__column, .trio .information__coll{ margin:0px 0px 20px; width:100%} } /*==============================career==============================*/ .career{ height:640px; margin:106px 0px 75px; position:relative} .career .wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:100%} .career__body{ max-width:290px; position:relative; top:-11px} .career__title{ margin-bottom:30px} .career__text{ font-size:16px; color:rgb(51,51,51); line-height:1.625} .career__img{ position:absolute; height:100%; width:55%; top:0px; right:0px; overflow:hidden; border-radius:8px 0px 0px 8px} .career__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 20%; object-position:50% 20%; border-radius:8px 0px 0px 8px} @media only screen and (max-width:1300px){ .career{ height:460px} } @media only screen and (max-width:1100px){ .career__img{ width:50%} } @media only screen and (max-width:820px){ .career{ height:100%; padding:120px 0px 40px; margin:0px} .career__body{ max-width:100%; top:0} .career__img{ position:relative; width:100%; padding:0px 15px; margin:25px 0px 0px; border-radius:8px} .career__img img{ border-radius:8px} .career__title br{ display:none} .career__title{ margin-bottom:20px} } @media only screen and (max-width:760px){ .career__title{ font-size:26px} } /*==============================main-career==============================*/ .main-career{ padding:0px 0px 60px; position:relative} .main-career__body{ max-width:980px} .main-career .article h2{ font-size:30px; padding-bottom:26px; margin-bottom:0px; letter-spacing:.75px} .main-career .article h2:after{ display:none} .main-career .article p{ max-width:100%; font-size:16px; line-height:1.625; margin-bottom:26px; letter-spacing:.4px} .main-career .main-article__images{ margin-top:32px} .main-career__accordion{ margin-top:21px} .main-career__accordion .accordion__items{ padding:24px 34px 24px 43px} .main-career__accordion .accordion__title{ width:calc(100% - 66px); font-size:18px; letter-spacing:0.26px} @media only screen and (max-width:1100px){ .main-career{ padding:0px 0px 50px} } @media only screen and (max-width:760px){ .main-career__accordion{ margin-top:50px} .main-career .article h2{ font-size:24px; padding-bottom:20px} .main-career__accordion .accordion__items{ padding:24px 22px 24px 22px} .main-career__accordion .accordion__title{ width:calc(100% - 34px); font-size:15px} } @media only screen and (max-width:600px){ .main-career__accordion .accordion__items{ padding:20px 16px 20px 17px} .main-career__accordion .accordion__title{ -ms-flex-wrap:wrap; flex-wrap:wrap} .accordion__title-name{ width:100%} .accordion__title-city{ margin-top:12px} } /*==============================navigation==============================*/ .navigation{ width:216px; margin:60px auto 0px; font-size:0px; position:relative} .nav-links{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .page-numbers{ font-size:12px; font-weight:600; color:rgb(191,191,191); text-transform:uppercase; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; margin:0px 13px; text-decoration:none; display:block; text-align:center; position:relative} .page-numbers.current, .page-numbers:hover{ color:#d36e2d !important} .page-numbers.current+.page-numbers{ color:rgb(189,189,189)} .page-numbers i{ display:block; width:17px; height:20px; margin:0px 15px} .page-numbers:first-child, .page-numbers:last-child{ top:-7px} .page-numbers:first-child i{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)} .page-numbers svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .page-numbers svg *{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .meta-nav{ display:block; /*background-color:rgba(0,0,0,0.251); */ background-color:rgb(225,225,225); width:8px; height:8px; margin:0px auto 17px; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; border-radius:50%} .meta-nav:after{ content:""; position:absolute; width:16px; height:16px; top:-4px; left:-4px; border-radius:3px; background-color:#FFF; opacity:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:1; border-radius:50%; border:2px solid #d36e2d} .page-numbers.current .meta-nav, .page-numbers:hover .meta-nav, .page-numbers:hover .page-numbers.current+.page-numbers .meta-nav{ background-color:#d36e2d} .page-numbers.current .meta-nav:after, .page-numbers:hover .meta-nav:after{ opacity:1} .page-numbers:hover svg *{ fill:#d36e2d} @media only screen and (max-width:760px){ .navigation{ margin:40px auto 0px} } /*==============================reviews==============================*/ .reviews{ padding:38px 0px 96px 0px; position:relative} .reviews .block__center{ margin-top:57px} @media only screen and (max-height:800px){ .reviews{ padding:38px 0px 60px 0px} } @media only screen and (max-width:1300px){ .reviews{ padding:38px 0px 80px 0px} } @media only screen and (max-width:1100px){ .reviews{ padding:0px 0px 60px 0px} .reviews .block__center{ margin-top:40px} } /*==============================information==============================*/ .information{ padding:0px 0px 90px 0px; position:relative} .information__row{ -webkit-box-align:initial; -ms-flex-align:initial; align-items:initial; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:0px -10px} .information__coll{ width:48.33%; height:360px; border-radius:10px; position:relative; overflow:hidden; margin:0px 10px 20px} .information__coll:after{ content:""; position:absolute; width:100%; height:100%; border-radius:10px; background-color:rgba(60,60,60,.4); top:0px; left:0px; z-index:1} .information__coll:before{ content:""; position:absolute; width:0%; height:100%; background-color:rgba(236,100,13,.8); top:0px; left:0px; z-index:2; border-radius:8px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .information__coll:hover:before{ width:100%} .information__img{ width:100%; height:100%; border-radius:8px; overflow:hidden} .information__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; border-radius:8px} .information__content{ position:absolute; z-index:10; width:100%; height:100%; left:0px; bottom:-69px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:10; padding:72px 83px 75px 81px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:end; align-content:flex-end} .information__title{ font-size:30px; font-family:'Kelson',sans-serif; color:rgb(255,255,255); font-weight:600; line-height:1.467; margin-bottom:48px; text-transform:uppercase; letter-spacing:0.7px} .information__link{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; bottom:0px; opacity:0; width:100%} .information__link-title{ font-size:12px; color:#FFF; font-weight:600; text-transform:uppercase; letter-spacing:2.4px; margin-right:23px} .information__link i{ width:14px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; left:0px; top:-2px} .information__link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .information__link svg *{ fill:#FFF} .information__coll:hover{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .information__coll:hover .information__img img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .information__coll:hover .information__content{ bottom:0px} .information__coll:hover .information__link{ bottom:0px; opacity:1} .information__link:hover i{ left:5px} @media only screen and (max-height:800px){ .information{ padding:0px 0px 90px 0px} } @media only screen and (max-width:1300px){ .information{ padding:0px 0px 90px 0px} .information__coll{ width:47.96%; height:270px} .information__content{ padding:65px 65px 40px 60px} } @media only screen and (max-width:1100px){ .information{ padding:0px 0px 40px 0px} .information__coll{ width:47.33%} .information__title{ font-size:26px} .information__content{ padding:65px 15px 40px 40px} } @media only screen and (max-width:820px){ .information__coll{ width:100%} } @media only screen and (max-width:600px){ .information__content{ padding:65px 15px 40px 20px} .information__title{ font-size:22px} } /*==============================news==============================*/ .news{ padding:9px 0px 90px 0px; position:relative} .news__row{ margin:0px 0px 40px 0px} .news__coll{ -webkit-box-align:initial; -ms-flex-align:initial; align-items:initial; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; border-radius:10px; background-color:rgb(246,246,246); margin-bottom:20px; overflow:hidden; -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); cursor:inherit} .news__img{ width:402px; border-radius:10px 0px 0px 10px; overflow:hidden; cursor:pointer} .news__img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:10px 0px 0px 10px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .news__content{ width:calc(100% - 402px); padding:58px 140px 54px 78px; color:rgb(5,5,5)} .news__date{ font-size:12px; text-transform:uppercase; margin-bottom:27px; letter-spacing:.9px} .news__caption{ font-size:24px; line-height:1.5; margin-bottom:20px; font-weight:700; letter-spacing:.3px} .news__anons{ font-size:16px; line-height:1.625; margin-bottom:31px; letter-spacing:.4px} .news__link{ font-size:12px; color:rgb(235,100,13); font-weight:600; text-transform:uppercase; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; top:1px; left:-1px; letter-spacing:2.1px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; cursor:pointer} .news__link-title{ display:block; margin-right:26px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .news__link i{ width:14px; height:8px; display:block; position:relative; top:-2px; left:0px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .news__link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .news__link svg *{ fill:rgb(235,100,13)} .news__coll:hover{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .news__img:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .news__link:hover i{ left:5px} @media only screen and (max-width:1300px){ .news__img{ width:300px} .news__content{ width:calc(100% - 300px); padding:50px 45px 50px 55px} } @media only screen and (max-width:1100px){ .news{ padding:0px 0px 50px 0px} .news__img{ width:250px} .news__content{ width:calc(100% - 250px); padding:40px 45px 45px 40px} .news__anons br{ display:none} .news__date{ font-size:12px; margin-bottom:22px} .news__caption{ font-size:22px; margin-bottom:20px} .news__anons{ font-size:16px; margin-bottom:24px} } @media only screen and (max-width:820px){ .news__img{ width:100%; border-radius:10px 10px 0px 0px; height:290px} .news__img img{ border-radius:10px 10px 0px 0px} .news__content{ width:100%} } @media only screen and (max-width:760px){ .news__row{ margin:0px 0px 30px 0px} } @media only screen and (max-width:420px){ .news__content{ padding:30px 20px 35px 20px} .news__caption{ font-size:20px; margin-bottom:15px} } /*==============================site-map==============================*/ .site-map{ padding:18px 0px 10px 0px; position:relative} .site-map__link{ display:block; font-size:24px; color:rgb(51,51,51); line-height:1.333; margin-bottom:33px; font-weight:700; letter-spacing:.3px; -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s} .site-map__link:hover{ color:#ec640d} .site-map__body{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; position:relative; top:1px; left:2px} .site-map__row{ -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .site-map__coll{ width:45.6%; margin-bottom:74px} .site-map__coll-caption, .site-map ul >li >a{ display:block; font-size:16px; font-weight:700; color:rgb(51,51,51); line-height:1.7; -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s; letter-spacing:.3px} .site-map li{ display:block; margin-bottom:2.2px} .site-map ul >li >a{ font-weight:normal; line-height:1.5} .site-map__coll-caption:hover, .site-map ul >li >a:hover{ color:#ec640d; text-decoration:underline} .site-map__column-list+.site-map__column-list{ margin-top:13px} .site-map__column-caption{ font-size:24px; font-weight:700; color:rgb(51,51,51); line-height:2; margin-bottom:18px; letter-spacing:.4px; -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s} .site-map__column-caption:hover{ color:#ec640d} .site-map__row{ width:calc(100% - 300px)} .site-map__column{ width:279px; position:relative; top:-14px} @media only screen and (max-width:1300px){ .site-map__coll{ width:48%} } @media only screen and (max-width:1100px){ .site-map{ padding:0px 0px 60px 0px; position:relative} .site-map__row{ width:100%} .site-map__coll{ margin-bottom:30px} .site-map__column{ width:100%; top:0; margin-top:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .site-map__column-list+.site-map__column-list{ margin-top:0} .site-map__column-list{ width:49%} } @media only screen and (max-width:760px){ .site-map__link{ font-size:20px; margin-bottom:20px} .site-map__coll{ width:100%; margin-bottom:20px} .site-map__column-list{ width:100%} .site-map__column{ -ms-flex-wrap:wrap; flex-wrap:wrap} .site-map__column-caption{ font-size:20px; margin-bottom:10px} .site-map__column-list+.site-map__column-list{ margin-top:15px} } /*==============================contacts==============================*/ .contacts{ padding:0px 0px 102px 0px; position:relative} .contacts__box+.contacts__box{ margin-top:86px} .contacts__title{ font-size:34px; font-weight:700; color:rgb(51,51,51); line-height:1.235; margin-bottom:46px; letter-spacing:.5px} .contacts__box:last-child .contacts__title{ margin-bottom:42px} .contacts__row{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .contacts__row_map{ -webkit-box-align:center; -ms-flex-align:center; align-items:center} .contacts__row_map+.contacts__row_map{ margin-top:45px} .contacts__coll{ max-width:420px} .contacts__column{ max-width:620px; position:relative; left:4px} .contacts__caption, .contacts__items, .contacts__item li, .contacts__desc{ font-size:16px; color:rgb(51,51,51); line-height:1.625; letter-spacing:.25px} .contacts__item li{padding-top:10px; padding-bottom:10px} .contacts__caption{ font-weight:700} .contacts__items{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .contacts__coll-block+.contacts__coll-block{ margin-top:26px} .contacts__desc{ margin-top:27px; letter-spacing:.4px} .contacts__map{ width:600px; height:400px} @media only screen and (max-width:1300px){ .contacts__coll{ max-width:350px} .contacts__column{ max-width:530px; left:0px} .contacts__map{ width:100%; height:400px} } @media only screen and (max-width:1100px){ .contacts__title, .contacts__box:last-child .contacts__title{ font-size:24px; margin-bottom:20px} .contacts__coll-block+.contacts__coll-block{ margin-top:0px} .contacts__coll-block{ margin-bottom:20px} .contacts__coll, .contacts__column{ max-width:100%; width:100%} .contacts__box+.contacts__box{ margin-top:60px} .contacts__row_map{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start} .contacts__desc{ margin:25px 0px} } @media only screen and (max-width:820px){ .contacts{ padding:0px 0px 60px 0px} } /*==============================catalog==============================*/ .catalog{ padding:39px 0px 97px 0px; position:relative} .catalog__body{ margin-bottom:70px} .catalog__body:nth-child(3){ margin-bottom:29px} .catalog__caption{ font-size:30px; font-weight:700; margin-bottom:29px; color:#333; line-height:1.4; letter-spacing:.4px} .catalog__caption span{ color:rgb(224,98,37)} .catalog__text{ max-width:815px; margin-bottom:38px} .catalog__text p{ letter-spacing:.4px} .catalog__row{ margin:0px -10px; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .catalog__coll{ display:block; width:23.33%; height:270px; position:relative; margin:0px 10px 20px; overflow:hidden; border-radius:10px; -webkit-transform:scale(1.0)} .catalog__coll:after{ content:""; position:absolute; width:100%; height:100%; border-radius:10px; background-color:rgba(96,96,96,.45); top:0px; left:0px; z-index:1} .catalog__coll:before{ content:""; position:absolute; width:0%; height:100%; background-color:rgba(236,100,13,.8); top:0px; left:0px; z-index:2; border-radius:10px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; overflow:hidden} .catalog__coll:hover:before{ width:100%} .catalog__coll-img{ width:100%; height:100%; border-radius:10px; position:relative; overflow:hidden} .catalog__coll-img img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:10px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} .catalog__coll-items{ position:absolute; width:100%; height:100%; left:0px; bottom:-33px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:10; padding:45px 39px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:end; align-content:flex-end} .catalog__coll-caption{ font-size:20.7px; font-family:'Kelson',sans-serif; font-weight:600; color:rgb(255,255,255); text-transform:uppercase; line-height:1.6; margin-bottom:17px} .catalog__link{ font-size:12px; color:rgba(255,255,255,0.502); font-weight:bold; text-transform:uppercase; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; bottom:0px; opacity:0; width:100%; letter-spacing:1.4px} .catalog__link span{ display:inline-block; margin-right:12px} .catalog__link i{ display:inline-block; width:14px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:relative; left:0px} .catalog__link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .catalog__link svg *{ fill:rgba(255,255,255,0.502)} .catalog__link:hover{ color:rgba(255,255,255,1)} .catalog__link:hover i{ left:5px} .catalog__link:hover svg *{ fill:rgba(255,255,255,1)} .catalog__coll:hover{ -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)} .catalog__coll:hover .catalog__coll-img img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .catalog__coll:hover .catalog__coll-items{ bottom:0px} .catalog__coll:hover .catalog__link{ bottom:0px; opacity:1} .catalog__block{ padding:79px 60px 99px 80px; border-radius:10px; background-color:rgb(246,246,246)} .catalog__block+.catalog__block{ margin-top:50px} .catalog__block .catalog__text{ max-width:840px} .catalog__btn{ min-width:220px; font-weight:600; color:rgb(235,100,13); border:2px solid rgb(235,100,13); background-color:transparent} .catalog__btn:hover{ color:#FFF; border:2px solid rgb(235,100,13); background-color:rgb(235,100,13)} /******************catalog_child*********************/ .catalog_child{ padding:19px 0px 45px 0px; margin-top:30px} .catalog_child .catalog__body{ margin-bottom:0} .catalog_child .catalog__caption{ margin-bottom:39px} @media only screen and (max-width:1300px){ .catalog__coll{ width:22.96%; height:230px} .catalog__coll-items{ padding:35px 30px} } @media only screen and (max-width:1100px){ .catalog{ padding:0px 0px 97px 0px} .catalog__coll{ width:30.66%} .catalog__block{ padding:50px 50px 60px 50px} /******************catalog_child*********************/ .catalog_child{ padding:0px 0px 60px 0px} } @media only screen and (max-width:820px){ .catalog{ padding:0px 0px 50px 0px} .catalog__body, .catalog__body:nth-child(3){ margin-bottom:30px} .catalog__caption{ font-size:24px; margin-bottom:20px} .catalog__text{ margin-bottom:29px} .catalog__coll{ width:46.94%} .catalog__coll-caption{ padding-right:35px} .catalog__block+.catalog__block{ margin-top:30px} /******************catalog_child*********************/ .catalog_child{ padding:0px 0px 60px 0px} } @media only screen and (max-width:760px){ .catalog__coll{ width:46.61%} .catalog__caption{ font-size:22px; margin-bottom:20px} .catalog__block .catalog__caption{ font-size:20px} } @media only screen and (max-width:600px){ .catalog__coll{ width:100%} .catalog__block{ padding:30px 20px 40px} } /*==============================products==============================*/ .products{ padding:105px 0px 95px 0px; position:relative} .products_gray{ background-color:#f6f6f6} .products__items{ position:relative; min-height:580px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .products__slick, .products__images{ max-width:100%; width:49.5%; height:100%; padding:0px; position:absolute !important; top:0px; right:0px; left:auto; border-radius:8px 0px 0px 8px} .products__img, .products__slick .slick-list, .products__slick .slick-track{ width:100%; height:100%; border-radius:8px 0px 0px 8px} .products__img img, .products__images img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; border-radius:8px 0px 0px 8px} .products__wrap{ max-width:490px; position:relative; top:35px} .products__subtitle{ margin:27px 0px 45px; font-size:16px; color:#333; line-height:1.625; max-width:460px; letter-spacing:.4px} .products__btn{ min-width:220px; font-weight:600; color:rgb(235,100,13); border:2px solid rgb(235,100,13); background-color:transparent; margin-bottom:48px; padding:27px 25px 25px} .products__btn:hover{ color:#FFF; border:2px solid rgb(235,100,13); background-color:rgb(235,100,13)} .products__document{ position:relative; top:3px} .products__document, .products__document-link{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .products__document-link:first-child{ margin-right:106px} .products__document-link i{ width:17px; height:18px; display:block; margin-right:17px} .products__document-link svg{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover} .products__document-link:hover svg *{ -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .products__document-link span{ display:block; font-size:14px; color:rgb(153,153,153); text-decoration:underline; line-height:1.643; margin-top:-3px; letter-spacing:.3px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .products .btn__arrow{ position:absolute; bottom:-62px; right:calc(47% - 18px)} .products__document-link:hover span{ color:#ec640d; text-decoration:none} .products__document-link:hover svg *{ fill:#ec640d} /******************products_child*******************/ .products_child{ padding-bottom:41px} .products_child .products__items{ min-height:640px} .products_child .products__wrap{ top:25px} .products_child .page-top-caption{ margin:36px 0px 35px} @media only screen and (max-width:1600px){ .products__slick, .products__images{ width:47%} .products .btn__arrow{ right:calc(50% - 108px)} } @media only screen and (max-width:1400px){ .products_child .products__items{ min-height:480px} } @media only screen and (max-width:1300px){ .products__wrap{ top:0} .products .btn__arrow{ right:calc(50% - 97px)} } @media only screen and (max-width:1100px){ .products__items{ -ms-flex-wrap:wrap; flex-wrap:wrap; height:auto} .products__slick, .products__images{ max-width:750px; margin:35px auto 0px; padding:0 10px; width:auto; position:relative !important; height:350px; left:34px; top:25px; margin-top:30px !important} .products__btn{margin-bottom:0 !important} .products_child .slick-dots{bottom:-20px !important} .products__images{ margin-top:0px} .products__subtitle{ margin:22px 0px 28px} .products__btn{ margin-bottom:30px} .products__img, .products__slick .slick-list, .products__slick .slick-track, .products__images img{ border-radius:8px} .products .btn__arrow{ display:none} /******************products_child*******************/ .products_child{ padding-bottom:60px} .products__img{ padding:0px 3px} .products__img img, .products__images img{ border-radius:8px} } @media only screen and (max-width:820px){ .products__slick, .products__images{ max-width:100%; padding:0px 15px; margin:35px 0px 0px; left:0; margin-top:30px !important} .products__images{ margin:0px} } @media only screen and (max-width:600px){ .products__document-link:first-child{ margin-right:0px} .products__document-link{ width:100%; margin-bottom:15px} .products__document-link span br{ display:none} } /*==============================products-description==============================*/ .products-description{ padding:110px 0px 50px 0px; position:relative} .products-description__row{ -ms-flex-wrap:nowrap; flex-wrap:nowrap} .products-description__coll{ width:16.666%; text-align:center} .products-description__caption{ font-size:12px; font-weight:700; color:rgb(255,255,255); text-transform:uppercase; padding:27px 0px 26px; background-color:#363636; letter-spacing:1.3px} .products-description__value{ font-size:16px; color:rgb(51,51,51); padding:34px 0px 30px; background-color:#f6f6f6; min-height:80px} .products-description__coll{flex-grow:1} @media only screen and (max-width:1100px){ .products-description{ padding:70px 0px 40px 0px} .products-description__row{ -ms-flex-wrap:wrap; flex-wrap:wrap} .products-description__coll{ width:33.33%; text-align:center; margin-bottom:10px} } @media only screen and (max-width:760px){ .products-description{ padding:50px 0px 40px 0px} .products-description__coll{ width:50%} } @media only screen and (max-width:375px){ .products-description__coll{ width:100%} } /*==============================products-form==============================*/ .products-form{ padding:0px 0px 93px 0px} .products-form__body{ padding:79px 74px 43px 78px; border-radius:8px; background-color:rgb(246,246,246); position:relative; overflow:hidden} .products-form__img{ position:absolute; width:740px; height:740px; z-index:0; top:calc(50% - 341px); right:-100%; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg)} .products-form__img.active{ right:calc(12% - 352px); -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg)} .products-form__title{ font-size:30px; line-height:1.4; margin-bottom:40px; position:relative; z-index:10} .products-form__box{ position:relative; z-index:10; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin:0px -10px} .products-form__items{ position:relative; width:31.4%; display:block; margin:0px 10px 20px} .products-form__btn{ min-width:280px; margin-bottom:32px} @media only screen and (max-width:1300px){ .products-form__body{ padding:50px 45px 40px} .products-form__items{ width:31.08%} .products-form__img{ top:calc(50% - 368px); right:calc(9% - 380px)} } @media only screen and (max-width:1100px){ .products-form{ padding:0px 0px 60px 0px} .products-form__box{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .products-form__title{ font-size:26px} .products-form__items{ width:46.97%} .products-form__items:last-child{ width:330px} .products-form__btn{ min-width:100%} } @media only screen and (max-width:820px){ .products-form__items{ width:46.46%} } @media only screen and (max-width:760px){ .products-form__body{ padding:30px 20px 15px} .products-form__items, .products-form__items:last-child{ width:100%} .products-form .checkbox{ max-width:340px} } @media only screen and (max-width:420px){ .products-form__title{ font-size:22px; margin-bottom:30px} } /*==============================partners==============================*/ .partners{ padding:0px 0px 100px 0px} .partners__title{ font-size:30px; letter-spacing:.55px; width:calc(100% - 71px); line-height:1.4} .partners__body{ margin-top:52px} .partners__top{ margin-bottom:48px} /**********partners__nav**********/ .partners__nav{ margin:0px -10px; z-index:100} .partners__nav-slide{ height:107px !important; border:1px solid rgb(230,230,230); border-radius:8px; background-color:rgb(255,255,255); padding:18px; margin:0px 10px; position:relative; overflow:hidden; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .partners__nav-slide:hover{ border-color:#fb7432} .partners__nav-img{ width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .partners__nav-img img{ max-width:100%; max-height:100%; -o-object-fit:cover; object-fit:cover} @media only screen and (max-width:1300px){ .partners{ padding:0px 0px 80px 0px} .partners__body{ margin-top:40px} } @media only screen and (max-width:1100px){ .partners{ padding:0px 0px 60px 0px} .partners__top{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end} .partners .btn__arrow{ position:relative; top:0px} .partners__body{ margin-top:0px} } @media only screen and (max-width:820px){ .partners__title{ font-size:28px} } @media only screen and (max-width:760px){ .partners{ padding:0px 0px 60px 0px} .partners__top{ margin-bottom:25px} .partners__title{ font-size:24px; width:100%; margin-bottom:20px} } /*==============================products-table==============================*/ .products-table{ padding:51px 0px 51px 0px} .products-table__body{ position:relative; text-align:center} .products-table__top{ z-index:5} .products-table__option, .products-table__items{ -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start} .products-table__option{ background-color:#FFF} .products-table__tab{ width:20%; font-size:16px; color:rgb(51,51,51); font-weight:600; text-transform:uppercase; background-color:rgb(240,240,240); padding:27px 2px 27px 0px; border-right:1px solid #FFF; letter-spacing:1.8px; cursor:pointer; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .products-table__tab:first-child{ border-top-left-radius:10px} .products-table__tab:last-child{ border-right:none; border-top-right-radius:10px} .products-table__tab.active, .products-table__tab:hover{ color:rgb(255,255,255); background-color:rgb(235,100,13)} .products-table__items{ background-color:rgb(54,54,54); /*padding:0px 140px 0px 132px; */ -webkit-box-align:center; -ms-flex-align:center; align-items:center} .products-table__value{ width:20%; font-size:12px; font-weight:500; color:rgb(255,255,255); text-transform:uppercase; padding:27px 0px 26px; letter-spacing:2px; position:relative} /*.products-table__value:nth-child(2){ left:-5px} .products-table__value:nth-child(3){ left:25px} .products-table__value:nth-child(4){ left:32px} .products-table__value:nth-child(5){ left:2px} */ .products-table__block{ border-radius:0px 0px 10px 10px; overflow:hidden; visibility:hidden; opacity:0; position:absolute; z-index:-10} .products-table__block.active{ visibility:visible; opacity:1; position:relative; -webkit-transition:visibility 0s,opacity 0.3s linear; -o-transition:visibility 0s,opacity 0.3s linear; transition:visibility 0s,opacity 0.3s linear; z-index:1} .products-table table, .content-table{ text-align:center} .products-table table.tech-table{ text-align:left} .content-table, .products-table table.tech-table{ width:100%} .products-table table tbody tr, .content-table tbody tr{ background-color:rgb(246,246,246)} .products-table table tbody tr:nth-child(2n), .content-table tbody tr:nth-child(2n){ background-color:rgb(240,240,240)} .products-table table tbody tr td, .products-table table tbody tr th, .content-table tbody tr td, .content-table tbody tr th{ padding:19px 5px 19px} .products-table table tbody tr th, .content-table tbody tr th{font-weight:500; text-transform:uppercase; letter-spacing:2px; font-size:10px !important; line-height:18px !important; background-color:rgb(54,54,54); color:rgb(255,255,255)} .products-table table tbody tr td:first-child{ width:170px} .products-table table tbody tr td:nth-child(2){ width:100px} .products-table table tbody tr td:nth-child(3){ width:260px} .products-table table tbody tr td:nth-child(4){ width:160px} .products-table table tbody tr td:nth-child(5){ width:225px} .products-table table tbody tr td:nth-child(6){ width:75px} .products-table table tbody tr td:last-child{ width:190px; text-align:right; padding-right:20px} .products-table table tbody tr td:only-child{ width:100%; text-align:center; padding-right:19px} .products-table table.tech-table tbody tr td:only-child{ text-align:left} .products-table table tbody tr td a.btn{ padding:15px 28px 15px; font-weight:600} .products-table table tbody tr:last-child td a.btn{ position:relative; z-index:10} .products-table__mobile{ display:none} .accordion__table{ overflow:scroll; display:none} @media only screen and (max-width:1300px){ .products-table{ padding:30px 0px 60px 0px} .products-table__items{ /*padding:0px 144px 0px 106px; */ } .products-table__value{ font-size:11px} /*.products-table__value:nth-child(2){ left:-4px} .products-table__value:nth-child(3){ left:6px} .products-table__value:nth-child(4){ left:21px} .products-table__value:nth-child(5){ left:-1px} */ .products-table table tbody tr td:first-child{ width:124px} .products-table table tbody tr td:nth-child(2){ width:122px} .products-table table tbody tr td:nth-child(3){ width:170px} .products-table table tbody tr td:nth-child(4){ width:140px} .products-table table tbody tr td:nth-child(5){ width:180px} .products-table table tbody tr td:nth-child(6){ width:70px} .products-table table tbody tr td:last-child{ width:180px} } @media only screen and (max-width:1100px){ .products-table{ padding:0px 0px 60px 0px} .products-table__body{ display:none} .products-table__items, .products-table table{ width:980px} .products-table__items{ /*padding:0px 91px 0px 126px; */ border-radius:0} .products-table__mobile{ display:block} /*.products-table__value:nth-child(1){ left:3px} .products-table__value:nth-child(2){ left:-25px} .products-table__value:nth-child(3){ left:-17px} .products-table__value:nth-child(4){ left:-6px} .products-table__value:nth-child(5){ left:2px} */ } @media only screen and (max-width:820px){.products-table__value{ width:14.2% !important} } /*==============================modal==============================*/ #technique-modal{ display:inline-block; padding:0px; overflow:initial; border-radius:20px; margin:40px 20px} #technique-modal .fancybox-close-small{ display:none} .modal__close{ display:block; position:absolute; top:20px; right:20px; width:19px; height:19px; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/icon-close.svg); background-repeat:no-repeat; background-size:contain; cursor:pointer; z-index:10} .modal__close svg *{ fill:#ddd} .modal__window{ max-width:1200px; padding:44px; border-radius:20px} .modal__title{ font-size:30px; color:rgb(235,100,13); line-height:1.4; margin-bottom:29px; font-weight:700; letter-spacing:.5px} .modal__text p{ font-size:16px; color:rgb(51,51,51); line-height:1.75; margin-bottom:20px; letter-spacing:0.4px} .modal__text a{ color:rgb(235,100,13)} .modal__text a:hover{ color:#ff8a51} .modal__text{ font-size:16px; color:rgb(51,51,51); line-height: 1.625; letter-spacing:0.4px} @media only screen and (max-width:760px){ #technique-modal{ margin:40px 15px} .modal__window{ padding:44px 15px} } /*==============================menu==============================*/ .menu{ height:100vh; min-height:800px; width:100%; background-color:rgb(77,77,77); position:fixed; top:0px; left:-100%; z-index:999; padding:80px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; overflow:auto} .menu.active{ left:0px} .menu__row{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-wrap:nowrap; flex-wrap:nowrap} .menu__coll{ width:40%; padding-right:20px} .menu__coll:first-child{ width:35%} .menu__coll:last-child{ width:25%} .menu__title{ display:block; font-size:24px; color:rgb(255,255,255); line-height:1.667; font-weight:700; margin-bottom:40px} .menu__caption, .menu__box ul >li >a{ display:block; font-size:16px; color:rgb(255,255,255); line-height:1.7; letter-spacing:.3px} .menu__caption{ font-size:20px; font-weight:700; line-height:1.5} .menu__caption+.menu__caption{ margin-top:30px} .menu__box ul >li >a{ font-weight:normal} .menu a{ -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s} .menu a:hover{ color:#ec640d} .menu__box+.menu__box, .menu__coll-block+.menu__coll-block{ margin-top:45px} @media only screen and (max-height:800px){ .menu{ height:100%; min-height:100%; display:block; padding:100px 0px} } @media only screen and (max-width:1300px){ .menu{ height:100%; min-height:100%; display:block; padding:100px 0px} .menu__row{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .menu__coll, .menu__coll:first-child, .menu__coll:last-child{ width:30%} } @media only screen and (max-width:1100px){ .menu__row{ -ms-flex-wrap:wrap; flex-wrap:wrap} .menu__coll, .menu__coll:first-child, .menu__coll:last-child{ width:45%} .menu__coll:last-child{ margin-top:35px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap} .menu__coll-block{ width:45%} .menu__coll-block+.menu__coll-block{ margin-top:0} } @media only screen and (max-width:760px){ .menu__coll, .menu__coll:first-child, .menu__coll:last-child, .menu__coll-block{ width:100%} .menu__coll+.menu__coll, .menu__coll-block+.menu__coll-block{ margin-top:35px} .menu__title{ margin-bottom:20px} .menu__box+.menu__box, .menu__caption+.menu__caption{ margin-top:20px} .menu__caption br{ display:none} } /*==============================PLUGINS==============================*/ /*-----------------slick-slider---------------------*/ .slick-slider{ position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent} .slick-loading .slick-list{ background:#fff url("/local/templates/tzgsho/assets/styles/../images/ajax-loader.gif") center center no-repeat} .slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:0} .slick-list:focus{ outline:none} .slick-list.dragging{ cursor:pointer; cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} .slick-track{ position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto} .slick-track:before, .slick-track:after{ display:table; content:''} .slick-track:after{ clear:both} .slick-loading .slick-track{ visibility:hidden} .slick-slide{ display:none; float:left; height:100%; min-height:1px} [dir='rtl'] .slick-slide{ float:right} .slick-slide img{ display:block} .slick-slide.slick-loading img{ display:none} .slick-slide.dragging img{ pointer-events:none} .slick-initialized .slick-slide{ display:block} .slick-loading .slick-slide{ visibility:hidden} .slick-vertical .slick-slide{ display:block; height:auto; border:1px solid transparent} .slick-arrow.slick-hidden{ display:none} .slick-arrow{ position:absolute; display:block; font-size:0; top:50%; margin-top:-33px; width:28px; height:32px; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/icon-arrow-prev.png); background-color:rgb(190,85,80); border-radius:5px; background-repeat:no-repeat; background-position:50% 50%; z-index:20; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s} .slick-arrow:hover{ background-color:rgb(189,74,68)} .slick-prev{ left:0; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/icon-arrow-prev.png)} .slick-next{ right:0; background-image:url(/local/templates/tzgsho/assets/styles/../images/icons/icon-arrow-next.png)} .slick-dots{ bottom:-40px; left:0; position:absolute; width:100%; text-align:center; font-size:0; z-index:20} .slick-dots li{ display:inline-block; vertical-align:middle; margin:0 5px} .slick-dots li.slick-active button{ width:10px; height:10px; background:rgba(236,100,13,1); background-color:rgba(236,100,13,1); -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s} .slick-dots li button{ width:6px; height:6px; background:rgba(236,100,13,.8); background-color:rgba(236,100,13,.8); -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s; border-radius:100%} .slick__arrow{ position:absolute; width:60px; height:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; bottom:100px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; overflow:hidden; z-index:1} .slick__arrow_left{ left:15px} .slick__arrow_left i{ -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg)} .slick__arrow_right{ left:90px} .slick__arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(255,255,255); z-index:-1; opacity:0; -webkit-transform:scale3d(0.7,1,1); transform:scale3d(0.7,1,1); -webkit-transition:-webkit-transform 0.4s,opacity 0.4s; -webkit-transition:opacity 0.4s,-webkit-transform 0.4s; transition:opacity 0.4s,-webkit-transform 0.4s; -o-transition:transform 0.4s,opacity 0.4s; transition:transform 0.4s,opacity 0.4s; transition:transform 0.4s,opacity 0.4s,-webkit-transform 0.4s; -webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1); -o-transition-timing-function:cubic-bezier(0.2,1,0.3,1); transition-timing-function:cubic-bezier(0.2,1,0.3,1)} .slick__arrow:hover:before{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} @media only screen and (max-width:1010px){ .slick__arrow{ bottom:30px} } /*---------------------fancybox------------------------*/ .fancybox-enabled{ overflow:hidden} .fancybox-enabled body{ overflow:visible; -ms-touch-action:none; touch-action:none} .fancybox-container{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden} .fancybox-container ~ .fancybox-container{ z-index:99992} .fancybox-bg{ position:absolute; top:0; right:0; bottom:0; left:0; background:#0f0f11; opacity:0; -webkit-transition-timing-function:cubic-bezier(.55,.06,.68,.19); -o-transition-timing-function:cubic-bezier(.55,.06,.68,.19); transition-timing-function:cubic-bezier(.55,.06,.68,.19); -webkit-backface-visibility:hidden; backface-visibility:hidden} .fancybox-container--ready .fancybox-bg{ opacity:0.349; -webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1); -o-transition-timing-function:cubic-bezier(.22,.61,.36,1); transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-controls{ position:absolute; top:0; left:0; right:0; text-align:center; opacity:0; z-index:99994; -webkit-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; direction:ltr} .fancybox-show-controls .fancybox-controls{ opacity:1} .fancybox-infobar{ display:none} .fancybox-show-infobar .fancybox-infobar{ display:inline-block; pointer-events:all} .fancybox-infobar__body{ display:inline-block; width:70px; line-height:44px; font-size:13px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; color:#ddd; background-color:rgba(30,30,30,.7); pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:subpixel-antialiased} .fancybox-buttons{ position:absolute; top:0; right:0; display:none; pointer-events:all} .fancybox-show-buttons .fancybox-buttons{ display:block} .fancybox-slider-wrap{ overflow:hidden; direction:ltr} .fancybox-slider, .fancybox-slider-wrap{ position:absolute; top:0; left:0; bottom:0; right:0; padding:0; margin:0; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden} .fancybox-slide{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:auto; outline:none; white-space:normal; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; z-index:99994; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent} .fancybox-slide:before{ content:""; height:100%; width:0} .fancybox-slide:before, .fancybox-slide >*{ display:inline-block; vertical-align:middle} .fancybox-slide >*{ position:relative; padding:24px; margin:44px 0; border-width:0; text-align:left; background-color:#fff; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box} .fancybox-slide--image{ overflow:hidden} .fancybox-slide--image:before{ display:none} .fancybox-content{ display:inline-block; position:relative; margin:44px auto; padding:0; border:0; width:80%; height:calc(100% - 88px); vertical-align:middle; line-height:normal; text-align:left; white-space:normal; outline:none; font-size:16px; font-family:Arial,sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-overflow-scrolling:touch} .fancybox-iframe{ display:block; margin:0; padding:0; border:0; width:100%; height:100%; background:#fff} .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe{ background:transparent} .fancybox-placeholder{ z-index:99995; background:transparent; cursor:default; overflow:visible; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; background-size:100% 100%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden} .fancybox-image, .fancybox-placeholder, .fancybox-spaceball{ position:absolute; top:0; left:0; margin:0; padding:0; border:0} .fancybox-image, .fancybox-spaceball{ width:100%; height:100%; max-width:none; max-height:none; background:transparent; background-size:100% 100%} .fancybox-controls--canzoomOut .fancybox-placeholder{ cursor:-webkit-zoom-out; cursor:zoom-out} .fancybox-controls--canzoomIn .fancybox-placeholder{ cursor:-webkit-zoom-in; cursor:zoom-in} .fancybox-controls--canGrab .fancybox-placeholder{ cursor:-webkit-grab; cursor:grab} .fancybox-controls--isGrabbing .fancybox-placeholder{ cursor:-webkit-grabbing; cursor:grabbing} .fancybox-spaceball{ z-index:1} .fancybox-tmp{ position:absolute; top:-9999px; left:-9999px; visibility:hidden} .fancybox-error{ position:absolute; margin:0; padding:40px; top:50%; left:50%; width:380px; max-width:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#fff; cursor:default} .fancybox-error p{ margin:0; padding:0; color:#444; font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif} .fancybox-close-small{ display:none} .fancybox-close-small:focus{ outline:1px dotted #888} .fancybox-slide--video .fancybox-close-small{ top:-36px; right:-36px; background:transparent} .fancybox-close-small:hover{ color:#555; background:#eee} .fancybox-caption-wrap{ position:absolute; bottom:0; left:0; right:0; padding:60px 30px 0; z-index:99998; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8))); background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity:0; -webkit-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s; pointer-events:none} .fancybox-show-caption .fancybox-caption-wrap{ opacity:1} .fancybox-caption{ padding:30px 0; border-top:1px solid hsla(0,0%,100%,.4); font-size:14px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; color:#fff; line-height:20px; -webkit-text-size-adjust:none} .fancybox-caption a, .fancybox-caption button{ pointer-events:all} .fancybox-caption a{ color:#fff; text-decoration:underline} .fancybox-button{ display:inline-block; position:relative; width:44px; height:44px; line-height:44px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer; background:transparent; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top; outline:none} .fancybox-button--disabled{ cursor:default; pointer-events:none} .fancybox-button, .fancybox-infobar__body{ background:rgba(30,30,30,.6)} .fancybox-button:hover{ background:rgba(0,0,0,.8)} .fancybox-button:after, .fancybox-button:before{ content:""; pointer-events:none; position:absolute; border-color:#fff; background-color:currentColor; color:currentColor; opacity:.9; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block} .fancybox-button--disabled:after, .fancybox-button--disabled:before{ opacity:.5} .fancybox-button--left:after{ left:20px; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg)} .fancybox-button--left:after, .fancybox-button--right:after{ top:18px; width:6px; height:6px; background:transparent; border-top:2px solid currentColor; border-right:2px solid currentColor} .fancybox-button--right:after{ right:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)} .fancybox-button--left{ border-bottom-left-radius:5px} .fancybox-button--right{ border-bottom-right-radius:5px} .fancybox-button--close{ float:right} .fancybox-button--close:after, .fancybox-button--close:before{ content:""; display:inline-block; position:absolute; height:2px; width:16px; top:calc(50% - 1px); left:calc(50% - 8px)} .fancybox-button--close:before{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)} .fancybox-button--close:after{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)} .fancybox-loading{ border:6px solid hsla(0,0%,39%,.4); border-top:6px solid hsla(0,0%,100%,.6); border-radius:100%; height:50px; width:50px; -webkit-animation:a .8s infinite linear; animation:a .8s infinite linear; background:transparent; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; z-index:99999} @-webkit-keyframes a{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes a{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @media (max-width:800px){ .fancybox-controls{ text-align:left } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close){ display:none !important } .fancybox-caption{ padding:20px 0; margin:0 } } .fancybox-button--fullscreen:before{ width:15px; height:11px; left:15px; top:16px; border:2px solid; background:none} .fancybox-button--play:before{ top:16px; left:18px; width:0; height:0; border-top:6px inset transparent; border-bottom:6px inset transparent; border-left:10px solid; border-radius:1px; background:transparent} .fancybox-button--pause:before{ top:16px; left:18px; width:7px; height:11px; border-style:solid; border-width:0 2px; background:transparent} .fancybox-button--thumbs span{ font-size:23px} .fancybox-button--thumbs:before{ top:20px; left:21px; width:3px; height:3px; -webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0} .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap{ right:220px} .fancybox-thumbs{ position:absolute; top:0; right:0; bottom:0; left:auto; width:220px; margin:0; padding:5px 5px 0 0; background:#fff; z-index:99993; word-break:normal; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; -webkit-box-sizing:border-box; box-sizing:border-box} .fancybox-thumbs >ul{ list-style:none; position:absolute; position:relative; width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; font-size:0} .fancybox-thumbs >ul >li{ float:left; overflow:hidden; max-width:50%; padding:0; margin:0; width:105px; height:75px; position:relative; cursor:pointer; outline:none; border:5px solid #fff; border-top-width:0; border-right-width:0; -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-box-sizing:border-box; box-sizing:border-box} li.fancybox-thumbs-loading{ background:rgba(0,0,0,.1)} .fancybox-thumbs >ul >li >img{ position:absolute; top:0; left:0; min-width:100%; min-height:100%; max-width:none; max-height:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .fancybox-thumbs >ul >li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:2px; border:4px solid #4ea7f9; z-index:99991; opacity:0; -webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94); -o-transition:all .2s cubic-bezier(.25,.46,.45,.94); transition:all .2s cubic-bezier(.25,.46,.45,.94)} .fancybox-thumbs >ul >li.fancybox-thumbs-active:before{ opacity:1} @media (max-width:800px){ .fancybox-thumbs{ display:none !important } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap{ right:0 } } /*---------------------AOS------------------------*/ [data-aos=fade-up]{ -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px)} [data-aos^=fade][data-aos^=fade]{ opacity:0; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; -o-transition-property:opacity,transform; transition-property:opacity,transform; transition-property:opacity,transform,-webkit-transform} [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos]{ -webkit-transition-delay:0; -o-transition-delay:0; transition-delay:0} [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos]{ -webkit-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s} [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715); -o-transition-timing-function:cubic-bezier(.47,0,.745,.715); transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos]{ -webkit-transition-delay:0; -o-transition-delay:0; transition-delay:0} [data-aos^=fade][data-aos^=fade].aos-animate{ opacity:1; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0)} [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate{ -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s} [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate{ -webkit-transition-delay:.6s; -o-transition-delay:.6s; transition-delay:.6s} [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos]{ -webkit-transition-timing-function:cubic-bezier(0.04,0.59,0.65,0.99); -o-transition-timing-function:cubic-bezier(0.04,0.59,0.65,0.99); transition-timing-function:cubic-bezier(0.04,0.59,0.65,0.99)} .honeyField, .hf{ display:none} .popup_new{ display:none; font-family:'Gilroy',sans-serif} .popup_new.active{ display:flex; align-items:center; justify-content:center; position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; width:100%; height:100vh} .popup_bg{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.6); backdrop-filter:blur(10px)} .popup_content{ position:relative; z-index:2; display:flex; box-shadow:0px 0px 20px rgba(0,0,0,0.15); border-radius:10px; overflow:hidden; background:white; max-width:650px; min-width:300px; padding:60px; background:white} @media (max-width:400px){ .popup_new{ overflow: scroll; max-height: 100vh; } .popup_new .field_text{ height: 100px; } .popup_content{ padding: 40px 15px 15px 15px; width: 100%; justify-content: center; } .popup_title{ font: 20px; } } .popup_title{ text-align:center; font-size:38px; color:rgb(51,51,51); font-weight:700; line-height:1.235; letter-spacing:.5px} .popup_form{ display:flex; flex-direction:column; gap:30px} .popup_form .btn{cursor: pointer;} .popup_form .btn:disabled{cursor: default;} .popup_form .btn:disabled:hover{background-color: rgb(235,100,13);} .popup_label{ display:flex; flex-direction:column; gap:10px} .popup_label span{} .popup_label input{ width:100%; padding:26px 51px 27px; height:68px; border:1px solid rgb(230,230,230); color:rgb(0,0,0); font-size:16px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:8px; background-color:#f7f7f7} .popup_close{ cursor:pointer; transition-duration:0.3s; position:absolute; top:20px; right:20px; width:22px; height:22px; background-position:center; background-repeat:no-repeat; background-size:contain; background:url(/local/templates/tzgsho/assets/images/close.png)} .give_catalog{ cursor:pointer} a.give_catalog.btn{ color:white!important; text-decoration:none} li > ul { padding-bottom:0; } /* End */ /* Start:/local/templates/tzgsho/components/galaktika/main.feedback/modal_call/style.min.css?1585910912251*/ div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em} /* End */ /* /local/templates/tzgsho/assets/styles/aos.css?156466555928765 */ /* /local/templates/tzgsho/assets/styles/fullpage.css?16903960154555 */ /* /local/templates/tzgsho/assets/styles/swiper.min.css?168995434320479 */ /* /local/templates/tzgsho/assets/styles/animate.min.css?168995429066099 */ /* /local/templates/tzgsho/assets/styles/fancybox.min.css?156466555910424 */ /* /local/templates/tzgsho/assets/styles/style.css?1788968918154083 */ /* /local/templates/tzgsho/components/galaktika/main.feedback/modal_call/style.min.css?1585910912251 */