/* Start:/local/templates/odyssey/css/vendor/aos.css?166732742928765*/ [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/odyssey/css/slick.css?16662174561479*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } /*# sourceMappingURL=slick.css.map */ /* End */ /* Start:/local/templates/odyssey/css/slick-theme.css?16673274293147*/ @charset "UTF-8"; /* Slider */ /*.slick-loading .slick-list {*/ /* background: #fff url("/local/templates/odyssey/css/./ajax-loader.gif") center center no-repeat;*/ /*}*/ /*!* Icons *!*/ /*@font-face {*/ /* font-family: "slick";*/ /* src: url("/local/templates/odyssey/css/./fonts/slick.eot");*/ /* src: url("/local/templates/odyssey/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/odyssey/css/./fonts/slick.woff") format("woff"), url("/local/templates/odyssey/css/./fonts/slick.ttf") format("truetype"), url("/local/templates/odyssey/css/./fonts/slick.svg#slick") format("svg");*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*# sourceMappingURL=slick-theme.css.map */ /* End */ /* Start:/local/templates/odyssey/css/jquery.fancybox.min.css?166621745612795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/odyssey/css/parts/controls.css?16932552913380*/ /* dropdown */ .odyssey-dropdown { position: relative; } .odyssey-dropdown__head { cursor: pointer; display: flex; align-items: center; transition: color .2s; } .odyssey-dropdown__toggle { transition: transform .2s; } .odyssey-dropdown__toggle svg path { transition: stroke .2s; } .odyssey-dropdown__title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .odyssey-dropdown__body { display: none; position: absolute; left: 50%; transform: translateX(-50%); } .odyssey-dropdown_method_hover:hover .odyssey-dropdown__toggle, .odyssey-dropdown_active .odyssey-dropdown__toggle { transform: rotate(180deg); } .odyssey-dropdown_method_hover:hover .odyssey-dropdown__body, .odyssey-dropdown_active .odyssey-dropdown__body { display: flex; } .odyssey-dropdown-language__toggle { display: flex; margin-right: 10px; } .odyssey-dropdown-language__toggle svg path { transition: fill .2s; } /*.odyssey-dropdown-language .odyssey-dropdown__body {*/ /* margin-top: 2px;*/ /*}*/ .odyssey-dropdown-language__item { border-radius: 50%; overflow: hidden; border: 1px solid #B5B5B5; width: 25px; height: 25px; margin: 5px; } .odyssey-dropdown-language__item:hover { border-color: #019FFF; } .odyssey-dropdown:hover .odyssey-dropdown__head, .odyssey-dropdown:focus .odyssey-dropdown__head { color: #019FFF; } .odyssey-dropdown:hover .odyssey-dropdown__toggle svg path { stroke: #019FFF; } .odyssey-dropdown:hover .odyssey-dropdown-language__toggle svg path { fill: #019FFF; } @media (max-width: 1200px) { .odyssey-dropdown-language { display: none; } } .odyssey-dropdown-list { width: 100%; max-width: 346px; font-size: 14px; } .odyssey-dropdown-list .odyssey-dropdown__head { box-sizing: border-box; display: flex; justify-content: space-between; padding: 16px 15px; font-weight: 500; background: #fafafb; border: 1px solid #EEEFF2; border-radius: 3px; } .odyssey-dropdown_active.odyssey-dropdown-list .odyssey-dropdown__head { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .odyssey-dropdown-list .odyssey-dropdown__body { box-sizing: border-box; flex-direction: column; width: 100%; background: #fafafb; border: 1px solid #EEEFF2; border-radius: 0 0 3px 3px; border-top: none; z-index: 1; padding-bottom: 15px; } .odyssey-dropdown-list .odyssey-dropdown__item { padding: 3.5px 15px; } /* dropdown end */ /* checkbox */ .odyssey-checkbox { display: inline-flex; align-items: center; font-size: 12px; } .odyssey-checkbox__input { display: none; } .odyssey-checkbox__control { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #EEEFF2; border-radius: 3px; transition: background-color .2s, border-color .2s; cursor: pointer; } .odyssey-checkbox__control:hover, .odyssey-checkbox__control:focus { border-color: #019FFF; } .odyssey-checkbox__input:checked ~ .odyssey-checkbox__control { background: #019FFF; } .odyssey-checkbox__label { margin-left: 5px; cursor: pointer; transition: color .2s; } .odyssey-checkbox__label:hover { color: #019FFF; } /* checkbox end */ /* End */ /* Start:/local/templates/odyssey/css/main.css?173808061777858*/ input, textarea, button, select { font-family: 'Montserrat', sans-serif; } input::placeholder, textarea::placeholder, button::placeholder, select::placeholder { opacity: 1; font-family: 'Montserrat', sans-serif; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } a { outline: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a { color: inherit; text-decoration: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; box-sizing: content-box; } input[type='submit'] { appearance: none; } input[type='search'] { appearance: none; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } ol { list-style-type: none; counter-reset: num; margin: 0 0 0 15px; padding: 15px 0 5px 0; } ol li { position: relative; margin: 0 0 0 0; padding: 0 0 10px 0; } ol li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0px; left: -26px; width: 20px; text-align: right; } @font-face { font-family: 'Century Gothic'; src: url("/local/templates/odyssey/css/../fonts/CenturyGothic.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Century Gothic'; src: url("/local/templates/odyssey/css/../fonts/CenturyGothic-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } .container { max-width: 81.25rem; width: 100%; margin-left: auto; margin-right: auto; } @media (max-width: 81.25rem) { .container { padding-left: 1.25rem; padding-right: 1.25rem; } } .title-section { font-weight: 600; font-size: 3rem; line-height: 3.375rem; text-align: center; } .title-section__sub { margin-top: 1.5rem; font-weight: 400; font-size: 1.75rem; line-height: 2.5rem; color: #535353; text-align: center; } .title-section__sub span { font-weight: 600; color: #0065B3; } .burger { display: none; cursor: pointer; height: 16px; } .burger-icon { position: relative; display: flex; flex-direction: column; width: 26px; height: 2px; background-color: #019FFF; border-radius: 0.625rem; } .burger-icon::after { content: ''; position: absolute; bottom: -7px; width: 26px; height: 2px; background-color: #019FFF; transition: all ease .2s; border-radius: 0.625rem; } .burger-icon::before { content: ''; position: absolute; bottom: -14px; width: 26px; height: 2px; background-color: #019FFF; transition: all ease .2s; border-radius: 0.625rem; } .burger.active { height: 22px; } .burger.active .burger-icon { background: transparent; } .burger.active .burger-icon::after { transform: rotate(45deg); bottom: -10px; transition: all ease .2s; } .burger.active .burger-icon::before { transform: rotate(-45deg); bottom: -10px; transition: all ease .2s; } .mob-menu { padding-left: 1.25rem; padding-right: 1.25rem; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0065B3; padding-top: 6.25rem; } .mob-menu__wrap { overflow-y: auto; height: 60vh; } .breadcrumbs { margin-top: 2.5rem; } .breadcrumbs ul { display: flex; align-items: center; } .breadcrumbs li { display: flex; align-items: center; margin-right: 0.3125rem; } .breadcrumbs li::after { display: block; margin-left: 0.3125rem; content: '/'; color: #535353; } .breadcrumbs li a { font-size: 0.875rem; line-height: 0.875rem; text-decoration-line: underline; color: #0065B3; } .breadcrumbs li:last-child { pointer-events: none; margin-right: 0; } .breadcrumbs li:last-child::after { display: none; } .breadcrumbs li:last-child a { color: #535353; text-decoration: none; } .socila-link { position: absolute; top: 50%; right: 1.875rem; display: flex; flex-direction: column; display: none; } .socila-link a { display: block; margin-bottom: 2.5rem; font-weight: 800; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.24em; text-transform: uppercase; color: #019FFF; writing-mode: vertical-lr; } .scroll-down { display: block; width: 3.5rem; height: 1.75rem; margin-top: 1.25rem; margin-left: auto; margin-right: auto; } .scroll-down svg { animation: move 2s linear infinite; } .pagination { margin-top: 4.375rem; display: flex; justify-content: center; } .pagination ul { display: flex; align-items: center; } .pagination ul li { margin-right: 0.9375rem; } .pagination ul li:last-child { margin-right: 0; } .pagination ul li a { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #737779; transition: all ease .3s; } .pagination ul li a.current-page { color: #019FFF; font-weight: 700; } .pagination ul li a:hover { transition: all ease .3s; color: #019FFF; } @keyframes move { 0% { transform: translateY(0); opacity: 0; } 50% { transform: translateY(10px); opacity: 1; } 100% { transform: translateY(15px); opacity: 0; } } @media (max-width: 75rem) { .container { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (max-width: 46rem) { .burger { display: block; } .title-section { font-size: 2rem; line-height: 2.375rem; } .title-section__sub { font-size: 1.25rem; line-height: 1.625rem; } .title-section { font-size: 1.75rem; line-height: 2.125rem; } } .main { position: relative; padding-top: 9.6875rem; height: 50.9375rem; } .main-img { position: absolute; z-index: -1; width: 100%; top: 0; left: 0; } .main-img .mob-show{ display: none; } .main-img::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .main-img img { width: 100%; height: 50.9375rem; object-fit: cover; object-position: center; } .main-img video{ height: 50.9375rem; object-fit: fill; } @media (min-width: 1200px){ .main-img video{ object-fit: cover; } } .main-slider__bg { z-index: 0; height: 100%; overflow: hidden; } .main-slider__slide .container { position: absolute; top: 9.688rem; left: 0; right: 0; } .main-slider__slide { position: relative; } .main-slider__dots { position: absolute; left: 0; right: 0; bottom: 100px; } .main-slider__bg .slick-dots { position: relative; display: flex; width: 630px; z-index: 1; bottom: 0; max-width: 100%; } .main-slider__bg .slick-dots li { border-bottom: 1px solid #fff; margin: 0; flex: auto; } .main-slider__bg .slick-dots li.slick-active { border-color: #019FFF; border-width: 3px; } @media (max-width: 48rem) { .main-slider__dots { bottom: 30px; } } .main-video { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; } .main-video-top { position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } .main-video video { width: 100%; height: 100%; object-fit: cover; object-position: center; } .main-title { font-weight: 500; font-size: 3.7333rem; line-height: 65px; letter-spacing: 0.000999999em; color: #FFFFFF; } .main-title__sub { margin-top: 1.3333rem; font-weight: 400; font-size: 1.5333rem; line-height: 35px; color: #FFFFFF; width:100%; } .main-btn { margin-top: 3.6rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 50px; height: 3.6rem; background: #019FFF; border-radius: 3.68px; font-weight: 500; font-size: 1.1333rem; line-height: 20.72px; letter-spacing: 0.025em; color: #FFFFFF; cursor: pointer; z-index: 2; } /* .main-btn::after { content: ''; display: block; margin-left: 0.9375rem; width: 1.5625rem; height: 1rem; background: url(/local/templates/odyssey/css/../img/icon/btn-left-icon.svg) no-repeat; transition: all ease .2s; } */ .main-btn:hover::after { transform: translateX(0.3125rem); transition: all ease .2s; } .main .button-slider { margin-top: 5.625rem; } .main .button-slider__count { display: flex; align-items: center; } .main .button-slider__count-first { font-weight: 800; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #019FFF; } .main .button-slider__count-last { font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #fff; } .main .button-slider__wrap { margin-top: 0.625rem; display: flex; align-items: flex-end; } .main .button-slider__item { width: 12.5rem; height: 0.0625rem; background-color: #FFFFFF; } .main .button-slider__item.active { height: 0.1875rem; background-color: #019FFF; } .main-social { position: fixed; z-index: 1; right: 1.875rem; bottom: 6.25rem; display: flex; writing-mode: vertical-lr; } .main-social a { margin-bottom: 2.1875rem; font-weight: 800; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.24em; text-transform: uppercase; color: #019FFF; } .main-social a:hover { opacity: 0.6; } @media (max-width: 62rem) { .main-title { font-size: 3.25rem; line-height: 3.625rem; } .main-title__sub { font-size: 1.5rem; line-height: normal; } } @media (max-width: 46rem) { .main { padding-top: 6.25rem; height: 40.625rem; } .main-img img { height: 40.625rem; } .main-img video { height: 40.625rem; } .main-slider__slide .container { top: 6.25rem; } .main-title { font-size: 2rem; line-height: normal; } .main-title__sub { font-size: 1.25rem; margin-top: 1.5rem; } .main-title__sub br { display: none; } .main-btn { width: 16.5rem; height: 3.5rem; font-size: 1rem; margin-top: 2.5rem; } .main .button-slider__wrap { width: 80%; } .main .button-slider__item { width: 33%; } .main-social { right: 0.625rem; } .prof-expert .prof-expert__slider-nav { display: flex; } .main-img .mob-show{ display: block; object-fit: cover; } .main-img .mob-hide{ display: none; } } .consulting { padding-top: 8.75rem; } .consulting-title { font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; color: #212121; } .consulting-wrap { display: flex; justify-content: space-between; align-items: center; } .consulting-num { display: flex; } .consulting-num__item { width: 12rem; margin-right: 2.5rem; } .consulting-num__item-icon { padding-left: 0.8125rem; padding-right: 0.8125rem; display: inline-flex; align-items: center; height: 1.5rem; background: #DAF1FF; border-radius: 0.6563rem; font-weight: 600; font-size: 1rem; letter-spacing: 0.09em; text-transform: uppercase; color: #212121; } .consulting-num__item-icon-wrap { display: flex; justify-content: flex-end; } .consulting-num__item-num { padding-bottom: 0.6875rem; font-weight: 700; font-size: 5rem; line-height: 103.19%; letter-spacing: 0.01em; color: #212121; border-bottom: 2px solid rgba(193, 203, 209, 0.6); } .consulting-num__item-text { margin-top: 1.125rem; font-weight: 400; font-size: 1.3125rem; line-height: 125.19%; color: #212121; } .navigate { padding-top: 6.25rem; overflow: hidden; } .navigate-title { margin-top: 0.625rem; font-weight: 600; font-size: 3.75rem; line-height: 103.69%; letter-spacing: 0.005em; color: #212121; } .navigate-title__top { font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; color: #C1CBD1; } .navigate-wrap { margin-top: 6.25rem; display: flex; justify-content: center; margin-left: -1.5625rem; margin-right: -1.5625rem; } .navigate-item { width: 19.375rem; position: relative; margin-left: 1.5625rem; margin-right: 1.5625rem; } .navigate-item__num { text-align: center; padding-bottom: 0.625rem; font-weight: 700; font-size: 5.625rem; line-height: 103.19%; letter-spacing: 0.01em; color: #212121; border-bottom: 1px solid rgba(193, 203, 209, 0.6); } .navigate-item__num-small{ font-size: 35px; } @media(min-width: 1200px){ .navigate-item__num-small{ font-size: 50px; } } @media(min-width: 1400px){ .navigate-item__num-small{ font-size: 60px; } } .navigate-item__text { margin-top: 0.625rem; font-weight: 400; font-size: 1.3125rem; line-height: 125.19%; color: #212121; } .navigate-item__icon { display: flex; justify-content: center; align-items: center; padding-left: 0.9375rem; padding-right: 0.9375rem; height: 1.5rem; position: absolute; top: 0; right: 0; font-weight: 600; font-size: 1rem; line-height: 136.19%; letter-spacing: 0.09em; text-transform: uppercase; color: #212121; background: #DFE7EF; border-radius: 10.5px; } @media (max-width: 62rem) { .navigate-title { font-size: 3.375rem; } .navigate-item__num { font-size: 3.375rem; } .navigate-item__text { font-size: 1rem; } .navigate-item__icon { font-size: 0.875rem; } } @media (max-width: 46rem) { .navigate { padding-top: 3.75rem; } .navigate-title { font-size: 2rem; line-height: normal; } .navigate-title__top { font-size: 1.375rem; line-height: normal; } .navigate-wrap { flex-wrap: wrap; margin-left: 0; margin-right: 0; } .navigate-item { margin-bottom: 1.875rem; } .navigate-item:last-child { margin-bottom: 0; } } .about { position: relative; padding-top: 7.5rem; } .about-wrap { display: flex; } .about-col { position: relative; flex-basis: 50%; height: 38.875rem; } .about-col:hover .about-slider__arrows svg { opacity: 1; transition: all ease .3s; } .about-top { padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 4.375rem; padding-right: 4.375rem; background-color: rgba(218, 241, 255, 0.4); } .about-top__row { display: flex; flex-wrap: wrap; } .about-top .container { display: flex; flex-wrap: wrap; } .about-top__item { margin-top: 0.625rem; margin-right: 0.9375rem; display: flex; align-items: center; font-weight: 800; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #C1CBD1; } .about-top__item::after { content: '|'; display: block; margin-left: 0.9375rem; color: #C1CBD1; font-weight: 400; } .about-top__item:last-child::after { display: none; } .about-top__item.active { color: #019FFF; } .about-content { position: absolute; top: 0; left: 0; margin-top: 3.125rem; transform: scale(0); opacity: 0; } .about-content.active { transform: scale(1); opacity: 1; transition-duration: .7s; /* transition: all ease 4s; */ } .about-content__wrap { position: relative; height: 38.875rem; margin-left: 4.375rem; } .about-title { font-weight: 600; font-size: 3.625rem; line-height: 103.69%; letter-spacing: 0.005em; color: #212121; } .about-text { max-width: 38.4375rem; width: 100%; margin-top: 2.5rem; font-weight: 400; font-size: 1.25rem; line-height: 125.2%; color: #212121; } .about-btn { margin-top: 2.5rem; display: flex; align-items: center; position: relative; z-index: 1; margin-top: 2.5rem; font-weight: 600; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 0.025em; color: #019FFF; cursor: pointer; } .about-btn::before { content: ''; display: block; margin-right: 0.9375rem; width: 0.75rem; height: 1.25rem; background: url(/local/templates/odyssey/css/../img/icon/about-btn-icon.svg) no-repeat; } .about-slider__count { display: flex; align-items: center; } .about-slider__count-first { font-weight: 800; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #019FFF; margin-right: 0.3125rem; } .about-slider__count-last { font-weight: 700; font-size: 1rem; color: #fff; } .about-slider-button { position: absolute; bottom: 2.625rem; left: 2rem; max-width: 35.1875rem; width: 100%; } .about-slider-button__wrap { display: flex; width: 100%; align-items: flex-end; border-bottom: 1px solid #fff; } .about-slider-button__item { width: 16.666%; height: 10px; cursor: pointer; position: relative; } .about-slider-button__item.active::after { content: ''; position: absolute; bottom: -1px; width: 100%; height: 0.1875rem; background-color: #019FFF; display: block; } .about-slider__row { margin-top: 0.5rem; display: flex; align-items: baseline; } .about-slider__icon { display: none; margin-left: 0.9375rem; transform: translateY(12px); } .about-slider__block { position: relative; height: 38.875rem; padding-top: 3.75rem; padding-right: 35px; } .about-slider__block-title { text-align: right; font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; color: #FFFFFF; } .about-slider__block-social { position: absolute; z-index: 1; right: 2.1875rem; bottom: 4.375rem; display: flex; flex-direction: column; display: none; } .about-slider__block-social a { margin-bottom: 2.5rem; display: block; font-weight: 800; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.24em; text-transform: uppercase; color: #FFFFFF; writing-mode: vertical-lr; } .about-slider__block-social a:last-child { margin-bottom: 0; } .about-slider__img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .about-slider__img-item { position: relative; width: 100%; } .about-slider__img-item-img { position: relative; height: 100%; } .about-slider__img-item-img::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } .about-slider__img-item img { width: 100%; height: 38.875rem; object-fit: cover; object-position: top; } .about-slider__img-item.slick-current img { transform: scale(1.1); transition: all ease 1s; animation-delay: 2s; } .about-slider__img-title { position: absolute; z-index: 2; top: 3.75rem; right: 2.25rem; text-align: right; font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; color: #FFFFFF; } .about-slider__arrows { padding-left: 1.25rem; padding-right: 1.25rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; width: 100%; justify-content: space-between; } .about-slider__arrows svg { cursor: pointer; opacity: .5; transition: all ease .3s; } .about .btn-pass { position: absolute; z-index: 1; right: 4.375rem; bottom: 1.875rem; display: flex; align-items: center; font-weight: 800; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-decoration-line: underline; text-transform: uppercase; color: #889AA5; } .about .btn-pass span { display: block; margin-right: 1.125rem; } .about-overlay { position: absolute; top: 20.8125rem; left: 0; width: 100%; height: 65%; } .about .slick-track, .about .slick-list { transition: all ease 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 100rem) { .about-col { flex-basis: unset; } .about-col:first-child { max-width: 45.9375rem; width: 100%; } .about-col:last-child { width: 100%; } .about-top { padding-right: 0; } .about-top__item { font-size: 0.875rem; } } @media (max-width: 75rem) { .about-title{ font-size: 2.5rem; } } @media (max-width: 62rem) { .about-top{ padding-left: 1.25rem; } .about-content__wrap{ margin-left: 1.25rem; } .about-title{ font-size: 2rem; } .about-top__item::after{ display: none; } .about-text{ font-size: 1rem; } } @media(max-width:46rem){ .about-wrap{ flex-wrap: wrap; } .about-col{ height: auto; } .about-col:last-child{ display: none; } .about-content{ display: none; position: static; } .about-content.active{ display: block; } .about-content__wrap{ height: auto; margin-bottom: 5rem; } } .create { position: relative; padding-top: 6.25rem; } .create-title { font-weight: 500; font-size: 3.75rem; line-height: 96.69%; letter-spacing: 0.005em; color: #212121; } .create-img { max-width: 53.5rem; width: 100%; margin-top: 2.625rem; margin-left: auto; margin-right: auto; } .create-img img { width: 100%; } .create-text { margin-top: 2.875rem; margin-left: auto; max-width: 39.6875rem; width: 100%; font-weight: 400; font-size: 1.3125rem; line-height: 125.2%; } @media (max-width: 75rem) { .create-img { height: auto; } .create-text { margin-left: 0; } } @media (max-width: 62rem) { .create-title { font-size: 3.375rem; line-height: 3.875rem; } } @media (max-width: 46rem) { .create { padding-right: 2.5rem; padding-top: 3.75rem; } .create-title { font-size: 2rem; line-height: normal; } .create-title br { display: none; } .create-text { font-size: 1.25rem; line-height: normal; } .socila-link { top: 3.75rem; transform: translateY(0); } } .project { padding-top: 6.25rem; } .project .container { max-width: 100rem; margin-left: auto; margin-right: 0; } .project-title { font-weight: 600; font-size: 2.1333rem; line-height: 113.19%; color: #212121; } .project-subtitle { font-size: 1rem; margin-top: 30px; margin-bottom: 30px; } .project-wrap { display: flex; overflow: hidden; } .project-slider__arrows { margin-top: 30px; display: flex; } .project-slider__arrows-prev { cursor: pointer; margin-right: 1.0625rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #019FFF; } .project-slider__arrows-next { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #019FFF; } .project-slider__arrows .slick-disabled { pointer-events: none; opacity: .5; } .project-slider { margin-left: 4.0625rem; } .project-slider__item { position: relative; padding: 20px; padding-bottom: 34px; width: 420px; height: 450px; } .project-slider__item-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100%; } .project-slider__item-img img { min-height: 100%; width: 100%; height: auto; object-fit: cover; transform: scale(1); transition: transform 2s; } .project-slider__item-img:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } .project-slider__item-header { font-weight: 800; font-size: 1rem; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; } .project-slider__item-text { position: absolute; bottom: 0; padding-bottom: inherit; padding-right: inherit; color: #FFFFFF; max-height: 80%; } .project-slider__item-title { font-weight: 700; font-size: 1.25rem; line-height: 126.19%; margin-bottom: 34px; } .project-slider__item-digest { font-size: 0.875rem; padding-bottom: 30px; line-height: 1.2; } .project-slider__item-link { display: flex; align-items: center; font-weight: 600; font-size: 13px; line-height: 22px; letter-spacing: 0.025em; } .project-slider__item-link:after { content: ''; display: block; margin-left: 0.9375rem; width: 1.25rem; height: 0.875rem; background: url(/local/templates/odyssey/css/../img/icon/link-arrow-left.svg) no-repeat; transition: all ease .3s; } .project-slider__item-link:hover::after, .project-slider__item:hover .project-slider__item-link:after { transform: translateX(5px); transition: all ease .3s; } .project-slider__item:hover .project-slider__item-img img { transform: scale(1.1); } .project-slider__item-link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .project-slider.order .project-slider__item-title { bottom: 7.1875rem; } .project_elements-count-1 .container, .project_elements-count-2 .container { max-width: 81.25rem; margin-right: auto; } .project_elements-count-1 .slick-track { width: auto !important; display: flex; } .project_elements-count-1 .project-slider__item { width: 1075px; } .project_elements-count-2 .project-slider__item { width: 538px; } .project_elements-count-1 .project-col { flex: 1; } .project_elements-count-1 .project-slider { flex: auto; width: 70%; } @media (max-width: 100rem) { .project .container { max-width: 81.25rem; margin-right: 0; } .project_elements-count-1 .container, .project_elements-count-2 .container { margin-right: auto; } } @media (max-width: 90rem) { .project_elements-count-1 .project-slider__item { width: 941px; } .project_elements-count-2 .project-slider__item { width: 474px; } } @media (max-width: 75rem) { .project .container { padding-right: 0; } .project_elements-count-1 .container { padding-right: 1.25rem; } } @media (max-width: 46rem) { .project-wrap { flex-direction: column; } .project_elements-count-1 .project-slider { width: 100%; } .project_elements-count-1 .project-slider__item { margin-right: 0; } .project .container { padding-left: 0; padding-right: 0; } .project { padding-top: 3.75rem; } .project-wrap { flex-wrap: wrap; padding-left: 1.25rem; padding-right: 1.25rem; } .project-col { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; } .project-slider__arrows { margin-top: 0; } .project-title { font-size: 1.6rem; line-height: normal; } .project-slider { width: 100%; margin-top: 2.5rem; margin-left: 0; } .project-slider__item { margin-right: 1.25rem; height: 21.875rem; } .project-slider__item-img { height: 100%; } .project-slider__item-title { font-size: 1.125rem; line-height: normal; } .project-slider__item-header { font-size: 0.75rem; } } .principles { overflow: hidden; padding-top: 6.25rem; } .principles-title { font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; } .principles-title__row { display: flex; align-items: center; justify-content: space-between; } .principles-link { display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #019FFF; } .principles-link svg { margin-left: 0.9375rem; transition: all ease .3s; } .principles-link:hover svg { transition: all ease .3s; transform: translateX(5px); } .principles-wrap { margin-top: 2.8125rem; display: flex; flex-wrap: wrap; margin-left: -0.9375rem; margin-right: -0.9375rem; } .principles-item { max-width: 39.6875rem; width: 100%; padding-bottom: 3.125rem; margin-left: 0.9375rem; margin-right: 0.9375rem; margin-bottom: 3.125rem; display: flex; align-items: center; border-bottom: 2px solid rgba(193, 203, 209, 0.6); } .principles-item__num { display: flex; align-items: center; justify-content: center; min-width: 135px; height: 5.625rem; background: #EEEFF2; border-radius: 2.5156rem; font-weight: 600; font-size: 3.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: #212121; } .principles-item__text { margin-left: 2.5rem; font-weight: 400; font-size: 1.3125rem; line-height: 125.2%; } .principles-row { position: relative; margin-top: 6.25rem; display: flex; height: 20rem; } .principles-row .container { display: flex; } .principles-row::before { content: ""; display: block; height: 20rem; position: absolute; top: 0; left: 0; background: #EEEFF2; width: 37.3%; z-index: -1; } .principles-row__col:first-child { padding-top: 3.125rem; padding-right: 2.8125rem; } .principles-row__col:last-child { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 4.0625rem; background: #FFFFFF; display: flex; justify-content: center; width: 74%; height: 20rem; box-shadow: 0px 0px 38px -4px rgba(35, 84, 226, 0.3); } .principles-row__title { white-space: nowrap; font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; color: #212121; } .principles-row__text { margin-top: 0.5rem; font-weight: 400; font-size: 0.875rem; line-height: 126.19%; } .principles-row__item { width: 25%; } .principles-row__item-img { display: flex; justify-content: center; height: 4.75rem; } .principles-row__item-title { margin-top: 2.1875rem; text-align: center; font-weight: 700; font-size: 1.375rem; line-height: 126.19%; text-align: center; color: #000000; } .principles-row__item-text { margin-top: 0.625rem; text-align: center; font-weight: 500; font-size: 0.875rem; line-height: 1.0625rem; text-align: center; color: #000000; } @media (max-width: 75rem) { .principles-wrap { justify-content: center; } .principles-item { align-items: flex-start; max-width: 100%; width: 45%; } .principles-row { height: auto; } .principles-row .container { flex-wrap: wrap; } .principles-row::before { display: none; } .principles-row__col:last-child { margin-top: 1.875rem; margin-left: auto; margin-right: auto; } } @media (max-width: 62rem) { .principles-title__row { align-items: flex-start; } .principles-title { margin-right: 2.5rem; } .principles-title br { display: none; } .principles-item__text { font-size: 1rem; line-height: normal; } .principles-item__num { font-size: 2.5rem; min-width: 100px; height: 3.625rem; } .principles-row { margin-top: 3.75rem; } .principles-row__col:last-child { padding-top: 2.1875rem; flex-wrap: wrap; height: auto; padding-bottom: 4.0625rem; width: 100%; } .principles-row__item { width: 50%; margin-top: 1.875rem; } } @media (max-width: 46rem) { .principles-title { font-size: 2rem; line-height: normal; } .principles-item { width: 100%; } .principles-title__row { flex-wrap: wrap; } .principles-link { margin-top: 1.25rem; } .principles-row__item { width: 100%; margin-top: 2.5rem; } } .news { position: relative; width: 100%; height: 22rem; display: block; margin-top: 4.0625rem; } .news::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #EEEFF2; } .news .container { max-width: 100rem; margin-left: auto; margin-right: 0; } .news-title { margin-top: 3.125rem; font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; color: #212121; } .news-wrap { display: flex; overflow: hidden; } .news-action { max-width: 21.125rem; width: 100%; } .news-slider { margin-left: 4.6875rem; max-width: 74.1875rem; width: 100%; } .news-slider__item { padding-top: 2rem; padding-left: 3.125rem; padding-right: 3.125rem; position: relative; width: 100%; height: 22rem; } .news-slider__item-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; } .news-slider__item-img::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .news-slider__item-img img { width: 100%; height: 22rem; object-fit: cover; object-position: center; } .news-slider__item-date { font-weight: 700; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #C1CBD1; } .news-slider__item-content { max-width: 48rem; width: 100%; position: absolute; bottom: 5rem; } .news-slider__item-title { font-weight: 700; font-size: 1.4375rem; line-height: 126.19%; color: #FFFFFF; } .news-slider__item-text { margin-top: 0.75rem; font-weight: 400; font-size: 1.1875rem; line-height: 136.19%; color: #FFFFFF; } .news-slider__item-link { position: absolute; bottom: 2.5rem; display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #FFFFFF; } .news-slider__item-link svg { margin-left: 1rem; } .news-slider__arrows { margin-top: 1.875rem; display: flex; } .news-slider__arrows-prev { cursor: pointer; margin-right: 1.0625rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #019FFF; } .news-slider__arrows-next { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #019FFF; } .news-slider__arrows .slick-disabled { pointer-events: none; opacity: .5; } .news-slider__count { position: absolute; bottom: 3.125rem; } .news-slider__count-first { font-weight: 800; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #019FFF; } .news-slider__count-last { font-weight: 700; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #889AA5; } .news-slider__count-wrap { margin-top: 0.5rem; max-width: 21.125rem; width: 100%; display: flex; align-items: flex-end; border-bottom: 1px solid #889AA5; } .news-slider__count-item { width: 4.1875rem; height: 0.1875rem; } .news-slider__count-item.active { background-color: #019FFF; } @media (max-width: 100rem) { .news-wrap { display: flex; justify-content: space-between; } .news .container { max-width: 81.25rem; margin-right: 0; margin-left: auto; } .news-slider { max-width: 70%; width: 100%; } } @media (max-width: 75rem) { .news-slider__item-content { max-width: 85%; } .news-slider { margin-left: 1.25rem; } } @media (max-width: 46rem) { .news { height: auto; padding-bottom: 6.25rem; } .news-title { font-size: 2rem; line-height: normal; } .news-wrap { flex-wrap: wrap; } .news-action { max-width: 100%; display: flex; justify-content: space-between; align-items: center; } .news-slider__count { bottom: 0; left: 50%; transform: translateX(-50%); } .news-slider { margin-top: 2.5rem; margin-left: 0; max-width: 100%; } .news-slider__item-content { max-width: 100%; position: static; } .news-slider__item { padding: 0.625rem; } .news-slider__item-title { margin-top: 1.25rem; font-size: 1.2rem; line-height: normal; } .news-slider__item-text { margin-top: 1.25rem; font-size: 1rem; line-height: normal; } } .talks { overflow: hidden; padding-top: 6.25rem; } .talks-title { font-weight: 600; font-size: 2.1333rem; line-height: 126.19%; } @media (max-width: 46rem) { .talks-title { font-size: 1.6rem; } } .talks-title__row { display: flex; justify-content: space-between; align-items: center; } .talks-title__sub { margin-top: 0.625rem; font-weight: 400; font-size: 1rem; line-height: 136.19%; } .talks-links { display: flex; align-items: center; font-weight: 600; font-size: 0.8667rem; line-height: 1.6875rem; text-align: right; letter-spacing: 0.025em; color: #019FFF; } .talks-links svg { margin-left: 0.9375rem; transition: all ease .3s; } .talks-links:hover svg { transition: all ease .3s; transform: translateX(5px); } .talks-wrap { margin-top: 3.125rem; display: flex; flex-wrap: wrap; justify-content: center; margin-left: -0.9375rem; margin-right: -0.9375rem; } .talks-item { position: relative; margin-left: 0.9375rem; margin-right: 0.9375rem; max-width: 18.75rem; width: 100%; } .talks-item:nth-child(2) { margin-top: 2.875rem; } .talks-item:nth-child(3) { margin-top: 5.75rem; } .talks-item__img { margin-bottom: 1.875rem; position: relative; height: 18.75rem; overflow: hidden; } .talks-item__img img { min-height: 100%; width: 100%; height: auto; object-fit: cover; transform: scale(1); transition: transform 2s; } .talks-item__tags { display: inline; padding-top: 0.0625rem; padding-bottom: 0.0625rem; padding-left: 1.875rem; padding-right: 1.875rem; background: #EEEFF2; border-radius: 0.6563rem; font-size: 0.875rem; line-height: 136.19%; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 600; } .talks-item__title { margin-top: 1.25rem; font-weight: 700; font-size: 1.2rem; line-height: 126.19%; } .talks-item__text { margin-top: 0.875rem; font-weight: 400; font-size: 0.9333rem; line-height: 136.19%; } .talks-item__link { margin-top: 1.25rem; display: flex; align-items: center; font-weight: 600; font-size: 0.8667rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #019FFF; } .talks-item__link svg { margin-left: 0.9375rem; transition: transform .3s; transform: translateX(5px); } .talks-item__link:hover svg, .talks-item:hover .talks-item__link svg { transform: translateX(10px); } .talks-item:hover .talks-item__img img { transform: scale(1.1); } .talks-item-link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 75rem) { .talks-title__row { flex-wrap: wrap; } .talks-title__block { width: 100%; } .talks-links { margin-top: 1.25rem; font-size: 0.6667rem; } .talks-item:nth-child(2) { margin-top: 0; } .talks-item:nth-child(3) { margin-top: 0; } .talks-wrap { margin-left: 0; margin-right: 0; } } @media (max-width: 46rem) { .talks-item { max-width: 100%; width: 20rem; } .talks-item__tags { font-size: 0.6667rem; } .talks-item__img { height: 20.3125rem; } .talks-title__sub { font-size: 1rem; line-height: normal; } .talks-item__title { font-size: 1.2rem; line-height: normal; } .talks-item__text { font-size: 0.9333rem; line-height: normal; } } .video { padding-top: 3.125rem; } .video-wrap { display: flex; justify-content: space-between; } .video-item { position: relative; max-width: 53.5rem; width: 100%; height: 29.6875rem; } .video-item img { width: 100%; height: 100%; object-fit: cover; } .video-item:hover .video-link { transform: scale(1); transition: all ease .3s; } .video-link { position: absolute; top: 4.625rem; right: 11.25rem; display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border: 0.125rem solid #FFFFFF; border-radius: 50%; transition: all ease .3s; transform: scale(0); } .video-link span { padding-right: 0.9375rem; font-weight: 600; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #FFFFFF; transition: all ease .3s; } .video-link svg path { transition: all ease .3s; } .video-link:hover { border: 0.125rem solid #019FFF; transform: scale(1); } .video-link:hover span { color: #019FFF; transition: all ease .3s; } .video-link:hover svg path { transition: all ease .3s; fill: #019FFF; } .video-content { padding-top: 6.25rem; margin-left: 1.875rem; } .video-content__link { margin-top: 1.25rem; display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #019FFF; } .video-content__link svg { margin-left: 0.9375rem; transition: all ease .3s; } .video-content__link:hover svg { transition: all ease .3s; transform: translateX(10px); } .video-tags { display: inline; padding-left: 1.25rem; padding-right: 1.25rem; font-weight: 600; font-size: 1rem; line-height: 136.19%; letter-spacing: 0.09em; text-transform: uppercase; background: #EEEFF2; border-radius: 0.6563rem; } .video-title { margin-top: 1.25rem; font-weight: 700; font-size: 1.4375rem; line-height: 126.19%; } .video-text { margin-top: 0.875rem; font-size: 1.1875rem; line-height: 136.19%; } @media (max-width: 75rem) { .video-item { height: 21.875rem; } } @media (max-width: 62rem) { .video-wrap { flex-wrap: wrap; } .video-content { padding-top: 2.5rem; margin-left: 0; } } @media (max-width: 46rem) { .video-link { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8.75rem; height: 8.75rem; display: flex; } .video-link span { font-size: 1rem; } .video-item { height: 18.75rem; } } .materials { padding-top: 6.25rem; } .materials-title { font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; } .materials-title__sub { margin-top: 0.625rem; font-weight: 400; font-size: 1.3125rem; line-height: 136.19%; } .materials-wrap { margin-top: 2.5rem; display: flex; } .materials-content { padding-top: 2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; width: 25.75rem; height: 35rem; background: #019FFF; } .materials-content__img { width: 9.25rem; height: 9.25rem; border-radius: 50%; overflow: hidden; } .materials-content__img img { width: 100%; } .materials-content__title { margin-top: 2.0625rem; font-weight: 700; font-size: 1.4375rem; line-height: 126.19%; color: #FFFFFF; } .materials-content__text { margin-top: 1.125rem; font-weight: 400; font-size: 1.3125rem; line-height: 136.19%; color: #FFFFFF; } .materials-content__link { margin-top: 3rem; display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: 0.025em; color: #212121; cursor: pointer; } .materials-content__link svg { margin-right: 0.9375rem; transition: all ease .3s; } .materials-content__link:hover svg { transition: all ease .3s; transform: translateY(10px); } .materials-form { padding-top: 3.125rem; padding-left: 2.875rem; padding-right: 2.875rem; margin-left: 1.875rem; max-width: 53.5625rem; width: 100%; height: 35rem; background: rgba(193, 203, 209, 0.5); } .materials-form__title { font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; } .materials-form__title-sub { margin-top: 0.5625rem; font-weight: 400; font-size: 1.3125rem; line-height: 136.19%; } .materials-form__btn { margin-top: 3.6875rem; background-color: transparent; border: none; display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.3125rem; letter-spacing: 0.025em; color: #019FFF; } .materials-form__btn svg { margin-left: 0.9375rem; transition: all ease .3s; } .materials-form__btn:hover svg { transition: all ease .3s; transform: translateX(10px); } .materials-form form { margin-top: 3.6875rem; } .materials-form form .input-wrap { width: 100%; height: 5rem; margin-bottom: 0.625rem; } .materials-form form .input-wrap input { padding-left: 1.9375rem; width: 100%; height: 100%; background-color: transparent; border: none; background: #FFFFFF; border-radius: 1.25rem; } .materials-form form .input-wrap input::placeholder { font-weight: 800; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.24em; text-transform: uppercase; color: #C1CBD1; } .materials-form form .input-wrap:nth-child(2) { margin-bottom: 0; } @media (max-width: 75rem) { .materials-content__text { font-size: 1rem; line-height: normal; } } @media (max-width: 62rem) { .materials-wrap { flex-wrap: wrap; } .materials-content { padding-bottom: 2.5rem; width: 100%; height: auto; } .materials-form { padding-bottom: 2.5rem; margin-left: 0; width: 100%; max-width: 100%; height: auto; } } @media (max-width: 46rem) { .materials-title { font-size: 2rem; line-height: normal; } .materials-form { padding-left: 1.25rem; padding-right: 1.25rem; } .materials-form__title { font-size: 1.5rem; line-height: normal; } .materials-form__title br { display: none; } .materials-form form .input-wrap { height: 3.5rem; } .materials-form form .input-wrap input { height: 3.5rem; } .materials-form form .input-wrap input::placeholder { font-weight: 500; } } .inside-page { padding-top: 5.375rem; } .inside-page .header { background-color: #FFFFFF; } .inside-page .header-logo svg path { fill: #000000; } .inside-page .header-logo svg path:nth-child(1) { fill: #019FFF; } .inside-page .header-logo svg path:nth-child(2) { fill: #019FFF; } .inside-page .header-logo svg path:nth-child(18) { fill: #019FFF; } .inside-page .header-nav__item-link { color: #000; } .inside-page .header-lang a { color: #000; } .inside-page .header-lang a.active { color: #019FFF; } .inside-page .header-nav__item-arrow svg path { stroke: #000000; } .inside-page .header-nav__item-link:hover, .inside-page .header-nav__item-link.-active { color: #019FFF; transition: all ease .2s; } .inside-page .header-nav__dropdown-icon svg path { stroke: #000; } .inside-page .main { padding-top: 8rem; height: 26.25rem; } .inside-page .main-img img { height: 26.25rem; } .inside-page .main-title { font-weight: 500; font-size: 3.2rem; line-height: 59px; letter-spacing: 0.03em; } .inside-page .main-title__sub { margin-top: 1.125rem; font-weight: 400; font-size: 1.2444rem; line-height: 32px; letter-spacing: 0.03em; color: #FFFFFF; } @media (max-width: 75rem) { .inside-page { padding-top: 3.813rem; } } @media (max-width: 46rem) { .inside-page .main-title { font-size: 1.6rem; line-height: normal; } .about-event__photo img { height: 300px; } .inside-page .main-title__sub { font-size: 0.9333rem; line-height: normal; } .inside-page .main-img img { height: 28.125rem; object-fit: cover; } } .filter-block { margin-top: 1.25rem; } .filter-row { margin-top: 0.625rem; display: flex; flex-wrap: wrap; margin-left: -0.5625rem; margin-right: -0.5625rem; } .filter-item { font-weight: 400; margin-top: 0.625rem; margin-left: 0.5625rem; margin-right: 0.5625rem; padding-left: 1rem; padding-right: 1rem; display: flex; align-items: center; background: #DDE6FF; height: 1.75rem; border-radius: 2.6875rem; font-weight: 400; font-size: 0.75rem; line-height: 100%; display: flex; align-items: center; letter-spacing: 0.03em; text-transform: uppercase; transition: all ease .3s; color: #000000; } .filter-item:hover { background: #019FFF; transition: all ease .3s; } .industries { padding-top: 4.375rem; } .industries-wrap { padding-bottom: 1.5625rem; display: flex; justify-content: center; flex-wrap: wrap; background-color: #fff; box-shadow: 0px 0px 38px -4px rgba(35, 84, 226, 0.3); } .industries-item { margin-top: 1.875rem; max-width: 37.8125rem; width: 100%; margin-left: 0.8125rem; margin-right: 0.8125rem; } .industries-item:hover .industries-item__img img { transform: scale(1.2); transition: all ease .7s; } .industries-item__img { width: 100%; height: 10.75rem; overflow: hidden; } .industries-item__img img { width: 100%; transition: all ease .7s; } .industries-item__title { margin-top: 0.75rem; font-weight: 700; font-size: 1.25rem; line-height: 130%; letter-spacing: 0.02em; color: #212121; } .industries-item__text { margin-top: 0.5rem; font-weight: 400; font-size: 0.875rem; line-height: 126.19%; } .industries-qoute { margin-top: 6.25rem; } .industries-qoute__title { display: flex; font-weight: 600; font-size: 1.875rem; line-height: 103.69%; letter-spacing: 0.005em; } .industries-qoute__title::before { content: ''; display: block; margin-right: 1.25rem; min-width: 3.625rem; height: 2.8125rem; background: url(/local/templates/odyssey/css/../img/icon/qoute-icon.png) no-repeat; background-size: contain; } .qoute-row { margin-top: 6.25rem; margin-bottom: 4.375rem; } .qoute-title { display: flex; font-weight: 600; font-size: 1.875rem; line-height: 103.69%; letter-spacing: 0.005em; } .qoute-title::before { content: ''; display: block; margin-right: 1.25rem; min-width: 3.625rem; height: 2.8125rem; background: url(/local/templates/odyssey/css/../img/icon/qoute-icon.png) no-repeat; background-size: contain; } .qoute-text { padding-left: 4.875rem; margin-top: 0.625rem; font-weight: 500; font-size: 1.25rem; line-height: 113.19%; color: #A7A7A7; } .industries-qoute__text { margin-left: 5rem; margin-top: 1.25rem; } .industry-page .project { padding: 100px 0; } .industry-page-form-consultation { } .industry-page-form-consultation__title { font-size: 2.063rem; margin-bottom: 40px; font-weight: 600; } @media (max-width: 81.25rem) { .industries-item { max-width: 100%; width: 45%; } .industries-item__img { height: auto; } } @media (max-width: 62rem) { .industries-item__title { font-size: 1.125rem; } .industries-qoute__title { font-size: 1.2rem; } .industries-qoute__title br { display: none; } .industry-page-form-consultation__title { font-size: 1.875rem; line-height: 1.12; } } @media (max-width: 46rem) { .industries-item { width: 100%; } .industries-qoute { margin-top: 5rem; } .industries-qoute__title::before { min-width: 1.6rem; } .industries-qoute__text { margin-left: 2.85rem; font-size: 1rem; } .industry-page .project { padding: 60px 0; } .qoute-row { margin-top: 5rem; margin-bottom: 3.125rem; } .qoute-title::before { min-width: 1.6rem; } .qoute-text { padding-left: 2.85rem; font-size: 1rem; } } .expertise { padding-top: 6.25rem; margin-bottom: 1.875rem; } .expertise-title { font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; } .expertise-wrap { display: flex; margin-top: 60px; justify-content: center; } .expertise-item { position: relative; width: 100%; padding: 0 0.625rem; max-width: 300px; } .expertise-item:nth-child(2) { margin-top: 4.0625rem; } .expertise-item:nth-child(3) { margin-top: 8.125rem; } .expertise-item__img { width: 100%; overflow: hidden; } .expertise-item__img img { width: 100%; transform: scale(1); transition: transform 2s; } .expertise-item:hover .expertise-item__img img { transform: scale(1.1); } .expertise-item__title { margin-top: 1.25rem; font-weight: 700; font-size: 1.25rem; line-height: 126.19%; letter-spacing: 0.02em; } .expertise-item__text { margin-top: 0.875rem; font-weight: 400; font-size: 0.875rem; line-height: 126.19%; } .expertise-item__link { margin-top: 1.25rem; display: flex; align-items: center; font-weight: 600; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.025em; color: #019FFF; } .expertise-item__link svg { margin-left: 0.9375rem; transition: all ease .3s; } .expertise-item__link:hover svg { transform: translateX(5px); transition: all ease .3s; } .expertise-item__link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 75rem) { .expertise-wrap { flex-wrap: wrap; justify-content: center; } .expertise-item:nth-child(3) { margin-top: 4.0625rem; } } @media (max-width: 48rem) { .expertise { padding-top: 5rem; margin-bottom: 0; } .expertise-item__img { height: auto; } .expertise-title { font-size: 2rem; line-height: normal; } .expertise-item__title { font-size: 1.2rem; } .expertise-item__title br { display: none; } .expertise-wrap { margin-top: 0; } .expertise-item, .expertise-item:nth-child(2) , .expertise-item:nth-child(3) { margin-top: 50px; } } .footer { padding-top: 2.8125rem; padding-bottom: 2.8125rem; margin-top: 6.25rem; background: #EEEFF2; } .footer-row__top { display: flex; } .footer-row__bottom { display: flex; margin-top: 5.625rem; } .footer-nav { display: flex; margin-left: 170px; } .footer-nav .main-btn { margin-top: 0; } .footer-nav__col { margin-right: 6.25rem; } .footer-nav__col:last-child { margin-right: 0; } .footer-nav__title { margin-bottom: 1.375rem; font-weight: 600; font-size: 0.875rem; line-height: 126.19%; color: #000000; } .footer-nav p { font-weight: 400; font-size: 0.875rem; line-height: 136.19%; color: #000000; } .footer-nav a { display: block; font-weight: 400; font-size: 0.875rem; line-height: 136.19%; color: #000000; } .footer-nav__form { display: flex; } .footer-nav__form input { width: 12.5rem; padding-left: 1.25rem; background: #FFFFFF; height: 3.1875rem; border-top-left-radius: 14px; border-bottom-left-radius: 14px; border: none; border-right: 1px solid #C9C9C9; } .footer-nav__form input::placeholder { font-weight: 400; font-size: 0.875rem; line-height: 136.19%; color: #000000; opacity: 1; } .footer-nav__form-btn { width: 3.25rem; height: 3.1875rem; display: flex; align-items: center; justify-content: center; border: none; border-top-right-radius: 14px; border-bottom-right-radius: 14px; background: #FFFFFF; } .footer-copy { min-width: 8.875rem; font-weight: 400; font-size: 0.75rem; line-height: 126.19%; color: #818181; } .footer-menu { display: flex; margin-left: 12.75rem; } .footer-menu a { white-space: nowrap; margin-right: 3.125rem; display: block; font-weight: 400; font-size: 0.75rem; line-height: 126.19%; color: #818181; transition: all ease .3s; } .footer-menu a:last-child { margin-right: 0; } .footer-menu a:hover { color: #019FFF; transition: all ease .3s; } .footer-social { margin-left: 8.125rem; display: flex; } .footer-social a { display: block; margin-right: 1.75rem; } .footer-social a:last-child { margin-right: 0; } @media (max-width: 90rem) { .footer-copy { min-width: 11.9rem; } } @media (max-width: 75rem) { .footer-nav { margin-left: 0; } .footer-menu { margin-left: 0; } .footer-copy { width: auto; min-width: unset; } .footer-row__top { justify-content: space-between; } .footer-nav__col { margin-right: 2.5rem; } } @media (max-width: 62rem) { .footer-row__top { justify-content: flex-start; flex-wrap: wrap; } .footer-nav { justify-content: space-between; margin-top: 2.5rem; width: 100%; } .footer-menu a { margin-right: 1.5625rem; } .footer-copy { margin-right: 1.5625rem; } .footer-social { margin-left: 0; } .footer-row__bottom { justify-content: space-between; flex-wrap: wrap; } .footer-social { order: 2; width: 100%; } .footer-copy { order: 3; } } @media (max-width: 50.625rem) { .footer-copy { margin-top: 1.25rem; } } @media (max-width: 46rem) { .footer-nav { flex-wrap: wrap; } .footer-nav__col { width: 100%; margin-bottom: 1.25rem; } .footer-nav__col:last-child { margin-bottom: 0; } .footer-row__bottom { margin-top: 3.125rem; } .footer-menu { width: 100%; flex-wrap: wrap; } .footer-menu a { width: 100%; margin-bottom: 0.625rem; margin-right: 0; font-size: 1.125rem; } .footer-menu a:last-child { margin-bottom: 0; } .footer-social { margin-top: 1.25rem; } } html { font-size: 16px; } @media (max-width: 1440px) { html { font-size: 14px; } } @media (max-width: 1200px) { html { font-size: 16px; } } body { font-family: 'Montserrat', sans-serif; font-weight: 400; min-width: 320px; background: #FFFFFF; color: #212121; } body.hidden { width: 100vw; height: 100vh; overflow: hidden; } a { outline: none !important; } /*# sourceMappingURL=main.css.map */ @keyframes scroll { 0% { transform: translate(100%, 0); } 100% { transform: translate(-160%, 0) } } .career-line ul { white-space: nowrap; animation: scroll 30s infinite linear; } .brochure { padding-top: 5rem; } .brochure-wrap { display: flex; margin-top: 3.75rem; } .brochure-col { min-width: 26.25rem; display: flex; flex-direction: column; align-items: center; padding-top: 5.875rem; width: 26.25rem; background: #019FFF; height: 100%; } .brochure-col__title { font-weight: 600; font-size: 3.875rem; line-height: 103.69%; letter-spacing: 0.005em; color: #FFFFFF; } .brochure-col__title br { display: none; } .brochure-col__logo { margin: 7.1875rem 0; } .brochure-form { padding: 3.125rem; margin-left: 1.25rem; background: #EEEFF2; } .brochure-form form { width: 100%; margin-top: 3.75rem; } .brochure-form__title { font-weight: 600; font-size: 33px; line-height: 126.19%; color: #212121; } .brochure-form__title br { display: none; } .input-wrap { width: 100%; height: 5rem; background: #FFFFFF; border-radius: 1.25rem; margin-bottom: 0.625rem; } .input-wrap input { padding-left: 1.875rem; width: 100%; height: 100%; background-color: transparent; border: none; } .input-wrap input::placeholder { font-weight: 800; font-size: 0.875rem; line-height: 1.0625rem; letter-spacing: 0.24em; text-transform: uppercase; color: #C1CBD1; } .input-wrap:last-child { margin-bottom: 0; } .brochure-form__btn { margin-top: 3.8125rem; width: 23.25rem; height: 4.375rem; background: #019FFF; border-radius: 3.875rem; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 0.025em; color: #FFFFFF; border: none; } .brochure-form__btn svg { margin-left: 0.9375rem; } @media(max-width:62rem) { .brochure-wrap { flex-wrap: wrap; } .brochure-col { padding-top: 3.125rem; padding-bottom: 3.125rem; width: 100%; min-width: unset; } .brochure-form { width: 100%; margin-left: 0; } .consul-wrap .brochure-col { display: none; } } @media(max-width:46rem) { .brochure-col__title { font-size: 2.625rem; } .brochure-col__logo { margin: 3.125rem 0; } .brochure-col__logo svg { width: 9.375rem; height: 6.25rem; } .brochure-form__title { font-size: 1.5rem; line-height: 2rem; } .brochure-form { padding: 1.25rem; padding-bottom: 3.75rem; } .brochure-form__btn { width: 18.75rem; font-size: 1rem; } } .modal,.modal-webinar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: none; overflow: auto; z-index: 11; } #modalWebinar .form_size-large .form__img { height: 100%; object-fit: cover; width: auto; max-width: 100%; left: 0; object-position: left; } .modal-wrap { display: none; } .modal__container { width: 100%; } .modal .brochure-wrap ,.modal-webinar .brochure-wrap{ position: absolute; top: 10%; left: 50%; transform: translateX(-50%); max-width: 81.25rem; width: 100%; } .modal-close { cursor: pointer; position: absolute; right: 1.25rem; top: 1.25rem; z-index: 1; } .modal .consul-wrap .brochure-col,.modal-webinar .consul-wrap .brochure-col{ padding-top: 0; background: none; } .modal .consul-wrap .brochure-col img,.modal-webinar .consul-wrap .brochure-col img{ min-height: 100%; width: auto; } .modal .consul-wrap .brochure-form,.modal-webinar .consul-wrap .brochure-form{ margin: 0; } .modal .consul-wrap .brochure-form__btn,.modal-webinar .consul-wrap .brochure-form__btn{ width: 17.5rem; } .consul-wrap .input-wrap { height: 50px; } .modal-wrap__video .modal-close { right: 2.5rem; } .project-article__text h3 { } .subtitile_internal_page{ font-family:Montserrat, medium; font-size: 28px; margin-top: 4.375rem; margin-bottom: 3.125rem; line-height: 130%; } .links_beauty_riteil{ color:blue } .beauty-riteil_container{ display:flex; justify-content: space-between; max-width: 81.25rem; flex-wrap:wrap; width: 1127px; } .beauty-riteil_item1{ width: 30%; border-top: 3px solid #019FFF; padding-top: 1.875rem; } .beauty-riteil_item2{ width: 30%; border-top: 3px solid #8000FF; padding-top: 1.875rem; } .beauty-riteil_item3 { width: 30%; border-top: 3px solid #2354E2; padding-top: 1.875rem; } @media screen and (max-width: 1024px) { .beauty-riteil_container { width: 61rem; } } @media screen and (max-width: 768px) { .beauty-riteil_container { flex-direction:column; align-items: center; } } @media screen and (max-width: 768px) { .beauty-riteil_item1 { margin-bottom: 3rem; } } @media screen and (max-width: 768px) { .beauty-riteil_item2 { margin-bottom: 3rem; } } @media screen and (max-width: 768px) { .beauty-riteil_item3 { margin-bottom: 3rem; } } /*Невидимая кнопка на баннере */ .invisible_button{ z-index: 1; background: transparent; border: none !important; font-size:0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*Белая кнопка на баннере*/ .button_white{ box-sizing: border-box; /* Auto layout */ display: flex; /*flex-direction: column;*/ justify-content: center; align-items: center; padding: 12.4041px 0.3668px; gap: 7.13px; /*left: 275px;*/ width: 176px; height: 44px; /*position: absolute;*/ border: 1.8035px solid #FFFFFF; border-radius: 3px; } .button_white_caption{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; /* identical to box height */ letter-spacing: 0.025em; color: #FFFFFF; } .solution-brochure-button{ cursor: pointer; } @media (max-width: 425px) { .button_white_caption { font-size:9.47px; } } /*@media (max-width: 320px) { .button_white { left: 20px; top: 220px; } } @media (max-width: 375px) { .button_white { left: 20px; top: 220px; } } */ @media (max-width: 2560px) { .button_white { top: 320px; } } @media (max-width: 1440px) { .button_white { top: 280px; } } @media (max-width: 1024px) { .button_white { top: 320px; } } @media (max-width: 425px) { .button_white { width:132px; height:33px; top: 220px; } } .button_blue_download{ box-sizing: border-box; /* Auto layout */ display: flex; background: white; justify-content: center; align-items: center; padding: 12.4041px 41.3668px; gap: 7.13px; /*left: 275px;*/ width: 176px; height: 44px; border: 1.8035px solid #019FFF; border-radius: 3px; } @media (max-width: 425px) { .button_blue_download { width:132px; height:33px; padding: 6.4041px 0.3668px; } } .button_blue_download_caption{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 14.63px; /* identical to box height */ white-space: nowrap; letter-spacing: 0.025em; color: #019FFF; } @media (max-width: 425px) { .button_blue_download_caption { font-size:9.47px; } } .tables-iternal-page{ border: 1px !important; } @media (max-width: 425px) { .tables-iternal-page { font-size:9.47px; } } .table-image{ } @media (max-width: 425px) { .table-image { width: 20%; } } .new-btn { display: inline-flex; align-items: center; min-width: 143px; flex: none; padding: 0 23px; justify-content: center; height: 36px; background: #019FFF; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 600; cursor: pointer; border: 2px solid #019FFF; } .new-btn:hover, .new-btn:focus { background: #fff; color: #019FFF; } @media (max-width: 1200px) { .new-btn { font-size: 10px; padding: 12px 31px; } } /* *Стиль для текста детальных страниц инсайтов */ .project-article-insights__text { font-size: 1rem; /*max-width: 53.75rem;*/ /*max-width: 37.6rem;*/ max-width: none; margin-top: 38px; margin-right: 23px; font-weight: 400; padding-right: 60px; line-height: 24px; } @media (min-width: 992px){ .project-article-insights__text { max-width: 630px; } } @media (min-width: 1200px){ .project-article-insights__text { max-width: calc(100% - 300px); } } /* *Odyssey care */ li::marker { color: #019FFF; } li{ padding-bottom:10px ; } .odyssey-care-dropdown-list-container{ max-width: 560px; font-family: Montserrat; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; } .odyssey-care-dropdown-list-header { cursor: pointer; font-weight: 600; font-size: 15px; line-height: 24px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; } .odyssey-care-dropdown-list-body { display: none; } .odyssey-care-dropdown-list-header.active img.fa-plus { transform: rotate(180deg); } .odyssey-care-dropdown-list-header.active + .odyssey-care-dropdown-list-body { display: block; } .fa{ margin-left: 1rem; } .Odyssey-care-dropdown-list{ padding-left: 60px; } .odyssey-care-header-into-dropdown-list{ padding-left: 20px; } .odyssey-care-top-header{ color:#019FFF; font-weight: 600; line-height: 30px; font-size: 1.2rem; margin-bottom: 1.6rem; margin-top: 2rem; } .odyssey-care-top-header1{ margin-top: 2rem; } /* *Список с иконками с обычным текстом */ .list-with-icons-usual-text{ display: flex; flex-direction: row; align-items: top; max-width: 540px; margin-bottom: 0.8rem; } .list-with-icons-usual-text-text{ width: 100%; font-weight: 400; padding-left: 1.2667rem; } .list-with-icons-usual-text-pic{ height:3.6667rem ; max-width: 85.55px; border-radius: 100px; } /* *Блок в Odyssey care картинка с кнопкой, справа маркированный список */ .Odyssey-care-parallel-block1-container{ } .Odyssey-care-Odyssey-care-parallel-block1-blockwithlist{ max-width: 560px; box-shadow: 2px 2px 10px rgba(35, 84, 226, 0.1), -2px -2px 10px rgba(35, 84, 226, 0.1); padding: 30px; } .Odyssey-care-Odyssey-care-parallel-block1-blockwithpic{ max-width: 560px; margin-top: 63px; width:100%; } .Odyssey-care-Odyssey-care-parallel-block1-blockwithpic-Title{ font-size: 32px; line-height: 40px; font-weight: 600; padding-bottom: 30px; } .Odyssey-care-Odyssey-care-parallel-block1-blockwithpic-subtitle{ font-size: 24px; font-weight: 500; line-height: 30px; padding-bottom: 20px; } .Odyssey-care-Odyssey-care-parallel-block1-blockwithpic-text{ font-weight: 400; font-size: 15px; line-height: 24px; padding-bottom: 36px; } .Odyssey-care-Odyssey-care-parallel-block1-blockwithpic-pic{ /*padding-bottom: 67px;*/ } li::marker { color: #019FFF; } li{ padding-bottom:10px ; } .Odyssey-care-Odyssey-care-parallel-block1-list-header{ font-weight: 600; padding-top:20px; padding-bottom:9px; } .Odyssey-care-Odyssey-care-parallel-block1-list-header2{ font-weight: 600; padding-top:20px; padding-bottom:13px; } .Odyssey-care-Odyssey-care-parallel-block1-list-list-text{ font-weight: 400; } /* *Блоки с цифрами в Odyssey care */ .numbers-text-block-OdysseyCare-container{ display: flex; flex-direction: row; max-width: 526px; align-items: flex-start; } .numbers-text-block-text-OdysseyCare{ padding-left: 30px; padding-top: 10px; } .Odyssey-care-Odyssey-care-parallel-block1-list-icons-container{ display: flex; } .Odyssey-care-Odyssey-care-parallel-block1-list-icon-tile{ background: #FFFFFF; box-shadow: 5.45719px 4.36575px 10.9144px rgba(0, 0, 0, 0.05); border-radius: 2.9182px; max-width: 255px; width: 100%; height: 63px; margin-top: 15px; display: flex; align-items: center; } .Odyssey-care-Odyssey-care-parallel-block1-list-icon-tile-col1{ margin-right:13px; } .Odyssey-care-Odyssey-care-parallel-block1-list-icon-tile-item-text{ padding-left: 13px; } /* *Цитата care */ .Odyssey-care-quote-text:before{ position: absolute; color: #BFE2FF; } .Odyssey-care-quote-text{ color: #019FFF; font-style: italic; font-weight: 400; font-size: 15px; line-height: 24px; } .Odyssey-care-quote-text:before { content: ''; display: block; left: 10px; min-width: 16px; height: 20px; background: url('/local/templates/odyssey/img/icon/quotes.svg') no-repeat; background-size: contain; } .Odyssey-care-quote-container{ margin-left: 30px; } .Odyssey-care-quote-author{ font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; padding-top: 20px; } /* *Блок с тенью и ссылкой "подробнее" */ .Odyssey-care-block-with-shadow-container{ padding-right: 13px; padding-left: 12px; padding-top: 15px; max-width: 470px; width: 100%; border-radius: 1.73927px; box-shadow: 2px 2px 10px rgba(35, 84, 226, 0.1), -2px -2px 10px rgba(35, 84, 226, 0.1); } .Odyssey-care-block-with-shadow-text{ font-weight: 600; font-size: 15px; line-height: 140%; } .Odyssey-care-block-with-shadow-link-container{ display: flex; font-weight: 600; font-size: 13px; line-height: 16px; color: #019FFF; padding-left: 280px; padding-top: 27px; padding-bottom: 30px; } .Odyssey-care-block-with-shadow-link-pic{ padding-left: 10px; } @media (max-width: 768px) { .Odyssey-care-block-with-shadow-link-container { padding-left: 200px; } } /* *Кнопки на детальных страницах */ button.main-btn2{ border-color: transparent; } .main-btn2 { margin-top: 1.3333rem; display: inline-flex; align-items: center; justify-content: center; height: 2.9333rem; padding: 0 35px; background: #019FFF; border-radius: 3.68px; font-weight: 500; font-size: 0.8667rem; line-height: 20.72px; letter-spacing: 0.025em; color: #FFFFFF; cursor: pointer; } @media (max-width: 768px) { .main-btn2 { font-size: 10px; /*width: 8.8rem;*/ height: 2.2rem; } } .get-brochure-btn { margin-top: 1.3333rem; display: flex; align-items: center; justify-content: center; width: 11.7333rem; height: 2.9333rem; background: #019FFF; border-radius: 3.68px; font-weight: 500; font-size: 0.8667rem; line-height: 20.72px; letter-spacing: 0.025em; color: #FFFFFF; cursor: pointer; } @media (max-width: 768px) { .get-brochure-btn { font-size: 10px; width: 8.8rem; height: 2.2rem; } } .Odyssey-care-Odyssey-care-parallel-block1-list-icon-tile-item-icon{ padding-left:10px; } /* End */ /* Start:/local/templates/odyssey/css/main_2.css?173091313780432*/ @-webkit-keyframes linkArrRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-0.375rem); transform: translateX(-0.375rem); } 18.5% { -webkit-transform: translateX(0.375rem); transform: translateX(0.375rem); } 31.5% { -webkit-transform: translateX(-0.375rem); transform: translateX(-0.375rem); } 43.5% { -webkit-transform: translateX(0.375rem); transform: translateX(0.375rem); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes linkArrRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-0.375rem); transform: translateX(-0.375rem); } 18.5% { -webkit-transform: translateX(0.375rem); transform: translateX(0.375rem); } 31.5% { -webkit-transform: translateX(-0.375rem); transform: translateX(-0.375rem); } 43.5% { -webkit-transform: translateX(0.375rem); transform: translateX(0.375rem); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes linkArrBottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 6.5% { -webkit-transform: translateY(-0.375rem); transform: translateY(-0.375rem); } 18.5% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem); } 31.5% { -webkit-transform: translateY(-0.375rem); transform: translateY(-0.375rem); } 43.5% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes linkArrBottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 6.5% { -webkit-transform: translateY(-0.375rem); transform: translateY(-0.375rem); } 18.5% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem); } 31.5% { -webkit-transform: translateY(-0.375rem); transform: translateY(-0.375rem); } 43.5% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } } .bighead { padding: 0; } .bighead .header { background: transparent; border-bottom: 0.0625rem #fff solid; transition: all 0.3s; } .bighead .header.header-fixed { background-color: #FFFFFF; border-bottom: none; } .bighead .header-nav__item-link, .bighead .header-nav__item { color: #FFFFFF; } .bighead .header-open .header-nav__item-link { color: #000; } .bighead .header-open .header-nav__item-arrow { color: #000; } .bighead .header-logo { color: #fff; } .bighead .header-nav__item-arrow svg path{ stroke:#fff; } .bighead .header-fixed .header-nav__item-arrow svg path{ stroke:#212121; } .bighead .header-fixed .header-nav__item-link{ color: #212121; } .bighead .header-fixed .header-lang a{ color: #212121; } .bighead .header-fixed .header-lang a.active{ color: #019FFF; } .bighead .header-logo svg path{ fill: #fff; } .bighead .main { min-height: 30rem; height: 100vh; } .bighead .main-title { font-size: 3.625rem; } @media screen and (max-width: 60rem) { .bighead .main-title { font-size: 3rem; } } @media screen and (max-width: 48rem) { .bighead .main { min-height: 30rem; height: 100vh !important; } } .main-title__sup { margin-bottom: 1.25rem; font-weight: 500; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; } .main__play-wrap { display: flex; flex-direction: row; align-items: center; } .main__play-wrap .play-btn { flex: 0 0 10rem; } .main__play-wrap .play-btn svg { height: 10rem; width: 10rem; } @media screen and (max-width: 60rem) { .main__play-wrap .play-btn { flex: 0 0 7rem; } .main__play-wrap .play-btn svg { height: 7rem; width: 7rem; } } @media screen and (max-width: 48rem) { .main__play-wrap .play-btn { transform: translateX(1.125rem); margin-top: 1.5rem; } } @media screen and (max-width: 48rem) { .main__play-wrap { flex-direction: column-reverse; justify-content: center; align-items: center; } } .main__play-wrap .main__title-group { flex: 1 1 auto; padding-left: 5rem; } .bighead .main__play-wrap .main__title-group{ flex: unset } .bighead .main__play-wrap{ justify-content: center; } @media screen and (max-width: 60rem) { .main__play-wrap .main__title-group { padding-left: 3rem; } } @media screen and (max-width: 48rem) { .main__play-wrap .main__title-group { padding-left: 0; } } .main .main__scroll-down { color: #FFFFFF; display: flex; flex-direction: column; position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); align-items: center; } @media screen and (max-width: 48rem) { .main .main__scroll-down { bottom: 1rem; } } .main .main__scroll-down span { font-weight: 600; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.025em; margin-bottom: 1.25rem; } @media screen and (max-width: 48rem) { .main .main__scroll-down span { font-size: 1rem; margin-bottom: 1rem; } } .main .main__scroll-down svg { display: block; width: 0.8125rem; height: 3.25rem; -webkit-animation-name: linkArrBottom; animation-name: linkArrBottom; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; animation-iteration-count: infinite; } @media screen and (max-width: 48rem) { .main .main__scroll-down svg { height: 2rem; } } .social-link { display: flex; flex-direction: column; position: fixed; z-index: 2; right: 1.875rem; bottom: 6.25rem; } .social-link a { display: block; margin-bottom: 2.5rem; font-weight: 800; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.24em; text-transform: uppercase; color: #019FFF; writing-mode: vertical-lr; transition: color 0.3s; } .social-link a:hover { opacity: 0.6; } .social-link { transform: none; top: auto; bottom: 2.5rem; } .social-link a:last-of-type { margin-bottom: 0; } .social-link svg { display: none; } @media (max-width: 46rem) { .social-link { bottom: auto; top: 50%; right: 2rem; transform: translateY(-50%); } .social-link svg { display: block; } .social-link span { display: none; } } .inside-page .main { overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding-top: 0; } @media (max-width: 46rem) { .inside-page .main { height: auto; min-height: 18rem; padding: 20px 0; } } .inside-page .main > .container { padding-right: 3.5rem; } .inside-page .main .main-img { height: 100%; } .inside-page .main .main-img img { height: 100%; } .inside-page .main .main-img.start-careers img{ object-position: top; } .inside-page .main-title_main-title { text-transform: uppercase; max-width: 60rem; font-size: 3.75rem; } .explorer { margin-top: 3.125rem; } .explorer__wrap { position: relative; } .explorer__year { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; font-size: 5rem; pointer-events: none; } @media screen and (max-width: 48rem) { .explorer__year { display: none; } } .explorer__year h5 { line-height: 1; position: sticky; top: 6.25rem; font-weight: 300; font-size: 5.625rem; display: block; letter-spacing: 0.03em; color: #019FFF; border-top: solid #019FFF; width: 20%; } @media screen and (max-width: 75rem) { .explorer__year h5 { font-size: 3.75rem; } } .explorer__year h5 span { opacity: 0; } .explorer__group { display: flex; margin-bottom: 3.125rem; } @media screen and (max-width: 48rem) { .explorer__group { display: block; } } .explorer__group-year { width: 25%; min-height: 20vh; text-align: right; padding-right: 5%; } .explorer__group-year h5 { position: sticky; position: -webkit-sticky; text-align: left; top: 6.25rem; height: auto; line-height: 1; font-weight: 300; font-size: 5.625rem; display: block; letter-spacing: 0.03em; color: #019FFF; border-top: 2px transparent solid; } @media screen and (max-width: 75rem) { .explorer__group-year h5 { font-size: 3.75rem; } } .explorer__group-year h5 span { opacity: 0; } @media screen and (max-width: 48rem) { .explorer__group-year { width: 100%; padding-right: 0; } .explorer__group-year h5 { position: static; } .explorer__group-year h5 span { opacity: 1; } } .explorer__grid { width: 75%; overflow: hidden; } @media screen and (max-width: 48rem) { .explorer__grid { width: 100%; } } .explorer .news-grid { display: flex; flex-wrap: wrap; flex-direction: row; align-content: space-between; margin-right: -1.875rem; margin-left: -1.875rem; } .explorer .news-grid__col { width: 33.3333%; padding: 0 1.875rem; display: flex; flex-direction: column; } @media screen and (max-width: 75rem) { .explorer .news-grid__col { width: 50%; } } @media screen and (max-width: 48rem) { .explorer .news-grid__col { width: 100%; } } .explorer .news-grid__col:nth-of-type(1) .news-tile:nth-child(3n-2) .news-tile__img { height: 19.375rem; } @media screen and (max-width: 75rem) { .explorer .news-grid__col:nth-of-type(1) .news-tile:nth-child(3n-2) .news-tile__img { height: 12.5rem; } .explorer .news-grid__col:nth-of-type(1) .news-tile:nth-child(2n-1) .news-tile__img { height: 19.375rem; } } @media screen and (max-width: 48rem) { .explorer .news-grid__col:nth-of-type(1) .news-tile:nth-child(n) .news-tile__img { height: 64vw; } } .explorer .news-grid__col:nth-of-type(2) .news-tile:nth-child(3n-1) .news-tile__img { height: 19.375rem; } @media screen and (max-width: 75rem) { .explorer .news-grid__col:nth-of-type(2) .news-tile:nth-child(3n-1) .news-tile__img { height: 12.5rem; } .explorer .news-grid__col:nth-of-type(2) .news-tile:nth-child(2n) .news-tile__img { height: 19.375rem; } } .explorer .news-grid__col:nth-of-type(3) .news-tile:nth-child(3n) .news-tile__img { height: 19.375rem; } .explorer .news-grid .news-tile_big { margin-right: 1.875rem; margin-left: 1.875rem; } @media screen and (max-width: 48rem) { .explorer .news-grid .news-tile__img { height: 64vw; } } .explorer__timeline { position: sticky; bottom: 0; left: 0; width: 100%; background: #019FFF; z-index: 100; } .explorer__timeline ul { display: flex; flex-direction: row; align-items: center; width: 100%; overflow: auto; } .explorer__timeline ul li { padding: 1rem 0; margin-right: 3.125rem; } .explorer__timeline ul li a { cursor: pointer; opacity: 0.6; color: #fff; font-weight: 500; font-size: 1.25rem; line-height: 1.26; display: block; } .explorer__timeline ul li a.active { opacity: 1; } .news-tile { margin-bottom: 3.125rem; } @media screen and (min-width: 48rem) { .news-tile_big { width: 100%; display: flex; flex-direction: row; align-items: center; } .news-tile_big .news-tile__content { flex: 0 0 26.25rem; max-width: 50%; padding-left: 1.25rem; } .news-tile_big .news-tile__photo { flex: 1 1 auto; margin-bottom: 0; height: 100%; min-height: 20vw; } .news-tile_big .news-tile__img { min-height: 100%; } .news-tile_big .news-tile__title { font-size: 1.625rem; margin-bottom: 0.5rem; } .news-tile_big .news-tile__intro { display: block; font-weight: 500; font-size: 1rem; line-height: 1.26; color: #212121; } } .news-tile_toll .news-tile__img { height: 19.375rem; } .news-tile__photo { display: block; position: relative; margin-bottom: 1.25rem; overflow: hidden; } .news-tile__tag { font-family: "Century Gothic", sans-serif; font-style: normal; font-weight: 400; font-size: 0.625rem; line-height: 1; letter-spacing: 0.03em; text-transform: uppercase; color: #737779; position: relative; padding-left: 1.125rem; margin-bottom: 0.5rem; } .news-tile__tag:before { content: ""; width: 0.5rem; height: 0.5rem; background: #019FFF; display: inline-block; border-radius: 50%; position: absolute; left: 0; } .news-tile__title { font-weight: 500; font-size: 1.25rem; line-height: 1.26; color: #212121; } .news-tile__intro { display: none; } .news-tile__read { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; font-weight: 600; font-size: 1.125rem; opacity: 0; transition: opacity 0.3s; display: flex; align-items: center; } .news-tile__read svg { margin-left: 0.5rem; height: 0.875rem; width: 1.3125rem; } .news-tile__read:before { content: ""; height: 7.5rem; width: 7.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 2px #fff solid; opacity: 0; transition: all 0.3s; } .news-tile:hover .news-tile__read { opacity: 1; } .news-tile:hover .news-tile__read svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .news-tile:hover .news-tile__read:before { opacity: 1; height: 9.375rem; width: 9.375rem; transition: all 0.3s; } .news-tile__date { position: absolute; top: 0.875rem; left: 0.875rem; text-transform: uppercase; color: #FFFFFF; font-size: 0.75rem; } .news-tile__img { max-width: 100%; height: 12.5rem; width: 100%; object-fit: cover; display: block; } .news-inner__tag { flex: 0 0 19.5rem; display: block; padding-right: 1.875rem; } @media screen and (max-width: 60rem) { .news-inner__tag { flex: 0 0 50%; order: 1; } } @media screen and (max-width: 48rem) { .news-inner__tag { flex: 0 0 100%; } } .news-inner__tag span { font-family: "Century Gothic", sans-serif; font-style: normal; font-weight: 400; font-size: 0.75rem; line-height: 1; letter-spacing: 0.03em; text-transform: uppercase; color: #737779; position: relative; padding-left: 1.25rem; display: block; } .news-inner__tag span:before { content: ""; width: 0.625rem; height: 0.625rem; background: #019FFF; display: inline-block; border-radius: 50%; position: absolute; left: 0; } .news-inner__date { white-space: nowrap; flex: 0 0 7.5rem; text-align: right; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 0.8125rem; line-height: 1.26; text-transform: uppercase; color: #000000; padding-left: 1.875rem; } @media screen and (max-width: 60rem) { .news-inner__date { flex: 0 0 50%; order: 2; } } @media screen and (max-width: 48rem) { .news-inner__date { flex: 0 0 100%; } } .news-inner__title { flex: 1 1 auto; font-family: "Montserrat", sans-serif; font-style: normal; color: #019FFF; font-size: 24px; letter-spacing: 0px; font-weight: 500; line-height: 30px; } @media (max-width: 768px) { .internal-page_subtitile_font { font-size: 17px; line-height: 21px; font-weight: 600; } } @media screen and (max-width: 60rem) { .news-inner__title { flex: 0 0 100%; order: 3; margin-top: 1.125rem; } } .news-inner__social { flex: 0 0 17.5rem; display: block; padding-right: 1.875rem; position: relative; } @media screen and (max-width: 60rem) { .news-inner__social { flex: 0 0 auto; padding-right: 0; width: auto; order: 3; } } .news-inner__content { padding-right: 7.5rem; } @media screen and (max-width: 60rem) { .news-inner__content { padding-right: 0; } } .news-inner__wrap { padding: 4.375rem 0 7.5rem; display: flex; flex-direction: row; align-items: stretch; } @media screen and (max-width: 60rem) { .news-inner__wrap { flex-direction: column; } } .news-inner-header { background: #EEEFF2; } .news-inner-header__wrap { padding: 1.875rem 0; display: flex; flex-direction: row; align-items: flex-start; } @media screen and (max-width: 60rem) { .news-inner-header__wrap { flex-wrap: wrap; } } .news-social { position: sticky; top: 6.25rem; background: #EEEFF2; padding: 1.125rem; color: #AAAAAA; font-family: "Century Gothic", sans-serif; font-style: normal; font-weight: 700; font-size: 0.75rem; line-height: 1; display: flex; align-items: center; letter-spacing: 0.03em; text-transform: uppercase; justify-content: space-between; } @media screen and (max-width: 60rem) { .news-social { background: transparent; justify-content: flex-end; } } .news-social ul { display: flex; flex-direction: row; align-items: center; padding-left: 0.75rem; flex: 1 1 auto; justify-content: space-evenly; } .news-social ul > div{ display: flex; align-items: center; flex: 1 1 auto; justify-content: space-between; } @media screen and (max-width: 60rem) { .news-social ul { flex: 0 0 auto; } } @media screen and (max-width: 60rem) { .news-social ul li { margin-left: 0.75rem; } } .news-social ul li a { color: #000; display: flex; height: 1.75rem; width: 1.75rem; align-items: center; justify-content: center; transition: color 0.1s; } .news-social ul li a svg { display: block; width: 100%; height: auto; } .news-social ul li a:hover { color: #019FFF; } .news-inner-next { background: #EEEFF2; overflow: hidden; } .news-inner-next__label { font-weight: 600; font-size: 2.0625rem; line-height: 1.2; color: #019FFF; flex: 0 0 17.5rem; display: block; padding-right: 1.875rem; } @media screen and (max-width: 60rem) { .news-inner-next__label { flex: 0 0 auto; padding-right: 0; margin-bottom: 1.875rem; font-size: 1.75rem; } } .news-inner-next__wrap { padding: 3.75rem 0; display: flex; flex-direction: row; align-items: flex-start; } @media screen and (max-width: 60rem) { .news-inner-next__wrap { flex-direction: column; } } .news-inner-next .news-tile__img { height: auto; } .art-typo { font-size: 1.125rem; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; line-height: 1.3; color: #212121; margin-left: 1.875rem; } .art-typo p { margin-bottom: 1.5625rem; } .art-typo ul { margin-bottom: 1.5625rem; padding: 0; } .art-typo ul li { margin-bottom: 1.5625rem; padding-left: 1.5625rem; position: relative; font-size: 15px; } .art-typo ol li { font-size: 15px; } .art-typo ul li:before { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; display: block; background: #019FFF; position: absolute; left: 0; top: 0.3125rem; } .art-typo h2 { margin: 3.125rem 0; font-style: normal; font-weight: 500; font-size: 2.125rem; line-height: 1.3; color: #212121; } .art-typo h3 { margin: 3.125rem 0; font-weight: 600; font-size: 1.75rem; line-height: 1.3; color: #019FFF; } @media screen and (max-width: 60rem) { .art-typo { font-size: 1rem; line-height: 1.4; } .art-typo p { margin-bottom: 1.125rem; } .art-typo ul { margin-bottom: 1.125rem; } .art-typo ul li { margin-bottom: 1.125rem; padding-left: 1.125rem; position: relative; } .art-typo ul li:before { content: ""; width: 0.625rem; height: 0.625rem; top: 0.25rem; } .art-typo h2 { margin: 2.5rem 0; font-size: 1.75rem; } .art-typo h3 { margin: 2.5rem 0; font-size: 1.5rem; } } .vacancies { margin-top: 4.375rem; font-family: "Montserrat", sans-serif; } .vacancies__title { font-weight: 400; font-size: 2.0625rem; line-height: 1.13; color: #212121; } .vacancies__subtitle { font-weight: 400; font-size: 0.875rem; line-height: 1.26; color: #212121; margin-top: 0.5rem; } .vacancies__wrap { margin-top: 1.875rem; display: flex; flex-direction: row; align-items: stretch; } @media screen and (max-width: 48rem) { .vacancies__wrap { flex-direction: column-reverse; text-align: center; } } @media screen and (max-width: 60rem) { .vacancies__wrap { margin-left: -1.25rem; margin-right: -1.25rem; } } .vacancies__motto { flex: 0 0 26%; background: #019FFF; color: #fff; font-weight: 600; font-size: 2.8125rem; line-height: 1.03; letter-spacing: 0.005em; padding: 3.125rem; } @media screen and (max-width: 75rem) { .vacancies__motto { padding: 3.125rem 2rem; line-height: 1.2; flex: 0 0 20%; font-size: 2rem; } } .vacancies__grid { display: flex; flex-direction: row; flex-wrap: wrap; } .vacancies__grid .vacancy-tile { flex: 0 0 33.33333%; justify-content: flex-start; padding-top: 5.625rem; } @media screen and (max-width: 60rem) { .vacancies__grid .vacancy-tile { flex: 0 0 50%; } } @media screen and (max-width: 30rem) { .vacancies__grid .vacancy-tile { flex: 0 0 100%; } } .vacancy-tile { display: flex; flex-direction: column; justify-content: center; padding: 3.125rem; align-items: center; text-align: center; overflow: hidden; position: relative; color: #FFFFFF; min-height: 16.75rem; transition: all 0.3s; } .vacancy-tile:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; } .vacancy-tile:hover { color: #212121; } .vacancy-tile:hover:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(223, 231, 239, 0.51); backdrop-filter: blur(0.25rem); } @media screen and (max-width: 75rem) { .vacancy-tile { padding: 2rem; min-height: 15rem; } } .vacancy-tile__img { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: 0; } .vacancy-tile__title { font-weight: 700; font-size: 1.25rem; line-height: 1.3; text-align: center; letter-spacing: 0.02em; position: relative; z-index: 2; } .vacancy-tile__intro { font-weight: 400; font-size: 0.875rem; line-height: 1.26; text-align: center; margin-top: 0.5rem; position: relative; z-index: 2; } /*************************************/ .internship-about { font-family: "Montserrat", sans-serif; margin-top: 6.25rem; position: relative; } .internship-about .container{ position: relative; } @media screen and (max-width: 48rem) { .internship-about { margin-top: 20vw; } } .internship-about .bg-text { position: absolute; z-index: 0; pointer-events: none; font-style: normal; font-weight: 700; font-size: 12rem; line-height: 0.8; text-align: right; letter-spacing: 0.02em; top: 0; right: 0; color: rgba(1, 159, 255, 0.08); } @media screen and (max-width: 75rem) { .internship-about .bg-text { font-size: 18vw; } } @media screen and (max-width: 48rem) { .internship-about .bg-text { top: -20vw; } } .internship-about__intro { font-style: normal; font-weight: 500; font-size: 1.3125rem; line-height: 1.26; color: #212121; max-width: 51.875rem; } .internship-about__img { display: block; width: 100%; margin-top: 3.125rem; } .internship-spec { overflow: hidden; } .internship-spec > .container { padding-top: 18rem; position: relative; } @media screen and (max-width: 75rem) { .internship-spec > .container { padding-top: 24vw; } } .internship-spec .bg-text { position: absolute; z-index: 0; pointer-events: none; font-style: normal; font-weight: 700; font-size: 12rem; letter-spacing: 0.02em; top: 0.875rem; line-height: 0.8; right: 0; width: 100%; color: rgba(1, 159, 255, 0.08); } @media screen and (max-width: 75rem) { .internship-spec .bg-text { font-size: 14vw; } } .internship-spec .bg-text span { display: block; text-align: left; width: 100%; } .internship-spec .bg-text span + span { text-align: right; } .internship-spec__title { font-weight: 600; font-size: 2.0625rem; line-height: 1.13; color: #212121; } @media screen and (max-width: 48rem) { .internship-spec__title { font-size: 2rem; } } .internship-spec__grid { display: flex; flex-direction: row; margin-top: 1.875rem; margin-left: -0.625rem; margin-right: -0.625rem; } @media screen and (max-width: 60rem) { .internship-spec__grid { flex-direction: column; } } @media screen and (max-width: 48rem) { .internship-spec__grid { margin-left: -1.25rem; margin-right: -1.25rem; } } .internship-spec__grid .spec-tile { background: #EEEFF2; padding: 2.5rem; flex: 0 0 calc(50% - 1.25rem); transition: all 0.3s; margin-left: 0.625rem; margin-right: 0.625rem; margin-bottom: 1.875rem; } @media screen and (max-width: 48rem) { .internship-spec__grid .spec-tile { margin-left: 0; margin-right: 0; padding: 2.5rem 1.25rem; margin-bottom: 0; border-bottom: 2px #DFE7EF solid; } } .internship-spec__grid .spec-tile:hover { background: #DFE7EF; } .internship-spec__grid .spec-tile__title { font-weight: 700; font-size: 1.25rem; line-height: 1.3; letter-spacing: 0.02em; color: #212121; } .internship-spec__grid .spec-tile__description { margin-top: 0.5rem; font-weight: 400; font-size: 0.875rem; line-height: 1.26; color: #212121; } .internship-spec__grid .spec-tile__links { margin-top: 0.75rem; } .internship-spec__grid .spec-tile__links a { display: flex; margin-top: 0.5rem; font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; align-items: center; color: #019FFF; } .internship-spec__grid .spec-tile__links a span { display: block; } .internship-spec__grid .spec-tile__links a svg { width: 1.125rem; margin-left: 0.75rem; } .internship-spec__grid .spec-tile__links a:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .internship-benefits { margin-top: 3.75rem; } .internship-benefits__title { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; max-width: 62rem; color: #212121; } @media screen and (max-width: 75rem) { .internship-benefits__title { font-size: 3rem; } } @media screen and (max-width: 48rem) { .internship-benefits__title { font-size: 2rem; } } .internship-benefits__grid { margin-top: 3.75rem; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -0.9375rem; margin-right: -0.9375rem; } @media screen and (max-width: 60rem) { .internship-benefits__grid { flex-direction: column; } } .internship-benefits__grid .internship-benefit { padding: 1.875rem 0; margin: 0 0.9375rem; flex: 0 0 calc(50% - 1.875rem); border-bottom: 2px solid rgba(0, 0, 0, 0.25); } .internship-benefits__grid .internship-benefit span { font-weight: 600; font-size: 2.0625rem; line-height: 1.1; letter-spacing: -0.005em; color: rgba(33, 33, 33, 0.25); display: block; } @media screen and (max-width: 75rem) { .internship-benefits__grid .internship-benefit span { font-size: 1.75rem; } } .internship-benefits__grid .internship-benefit small { font-weight: 400; font-size: 1.3125rem; line-height: 1.25; margin-top: 0.5rem; color: #000000; display: block; } @media screen and (max-width: 75rem) { .internship-benefits__grid .internship-benefit small { font-size: 1.5rem; } } .internship-plan { margin-top: 6.25rem; margin-bottom: 6.25rem; } .internship-plan__title { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; color: #212121; max-width: 62rem; } @media screen and (max-width: 75rem) { .internship-plan__title { font-size: 3rem; } } @media screen and (max-width: 48rem) { .internship-plan__title { font-size: 2rem; } } .internship-plan__img { display: block; max-width: 100%; margin-top: 3.75rem; } @media screen and (max-width: 75rem) { .internship-plan__img { margin-left: -1.25rem; margin-right: -1.25rem; width: auto; display: block; max-width: calc(100% + 2.5rem); } } .internship-plan__grid { display: flex; flex-direction: row; margin-top: 3.75rem; margin-bottom: 3.75rem; } @media screen and (max-width: 60rem) { .internship-plan__grid { flex-direction: column; } } .internship-plan__action { flex: 0 0 33.33333%; } @media screen and (max-width: 60rem) { .internship-plan__action { border-left: 2px #ADADAE solid; flex: 0 0 auto; padding-left: 2rem; padding-top: 0; padding-bottom: 2rem; } .internship-plan__action:last-child { padding-bottom: 0; } } .internship-plan__action span { display: block; font-weight: 700; font-size: 1.25rem; line-height: 1.3; letter-spacing: 0.02em; color: #212121; white-space: nowrap; border-bottom: 2px #ADADAE solid; position: relative; padding-bottom: 1.125rem; } .internship-plan__action span:after { content: ""; height: 1rem; width: 1rem; border-radius: 50%; background: #019FFF; position: absolute; bottom: -0.5625rem; left: 0; } @media screen and (max-width: 60rem) { .internship-plan__action span { border-bottom: none; padding-bottom: 0.25rem; } .internship-plan__action span:after { bottom: auto; top: 0rem; left: -2.5rem; } } .internship-plan__action small { display: block; font-weight: 400; font-size: 0.875rem; line-height: 1.26; color: #212121; margin-top: 1.6875rem; max-width: 90%; } @media screen and (max-width: 60rem) { .internship-plan__action small { margin-top: 0.25rem; } } .internship-contact__join { margin-bottom: 6.25rem; } .internship-contact__title { font-weight: 600; font-size: 2.0625rem; line-height: 1.03; letter-spacing: 0.005em; color: #212121; } @media screen and (max-width: 48rem) { .internship-contact__title { font-size: 1.5rem; } } .internship-contact__content { margin-top: 1.25rem; font-weight: 400; font-size: 0.875rem; line-height: 1.25; color: #212121; } .internship-contact__content p { padding-bottom: 1rem; } .internship-contact__content a { font-weight: 500; font-size: 1.3125rem; line-height: 1.25; display: block; color: #019FFF; } @media screen and (max-width: 48rem) { .internship-contact__content a { font-size: 1rem; } } .internship-join { display: flex; flex-direction: row; align-items: stretch; } @media screen and (max-width: 48rem) { .internship-join { flex-direction: column; } } .internship-join__tile { margin-right: 1rem; background: #019FFF; flex: 0 0 calc(50% - 1rem); padding: 3.125rem; color: #FFFFFF; display: flex; flex-direction: column; } .internship-join__tile_grey { color: #212121; background: #EEEFF2; } @media screen and (max-width: 60rem) { .internship-join__tile { padding: 2rem; } } @media screen and (max-width: 48rem) { .internship-join__tile { margin: 0 -1.25rem; padding: 1.25rem; flex: 0 0 auto; } } .internship-join__tile_auto { min-height: 30vw; } @media screen and (max-width: 48rem) { .internship-join__tile_auto { min-height: 30vw; padding-top: 5rem; padding-bottom: 5rem; } } .internship-join__title { font-weight: 400; font-size: 3.5rem; line-height: 1.03; letter-spacing: 0.005em; } @media screen and (max-width: 75rem) { .internship-join__title { font-size: 2.5rem; } } @media screen and (max-width: 60rem) { .internship-join__title { font-size: 2rem; } } .internship-join__subtitle { font-weight: 400; font-size: 2.0625rem; line-height: 1.25; margin-top: 1.875rem; } @media screen and (max-width: 75rem) { .internship-join__subtitle { font-size: 1.5rem; } } .internship-join__link { margin-top: auto; display: flex; flex-direction: row; align-items: center; } @media screen and (max-width: 48rem) { .internship-join__link { margin-top: 2rem; } } .internship-join__link svg { height: 0.625rem; margin-left: 0.5rem; } .internship-join__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .internship-join__photo { flex: 0 0 calc(50% - 1rem); margin-left: 1rem; max-width: 50%; } .internship-join__photo img { width: 100%; display: block; height: auto; } @media screen and (max-width: 48rem) { .internship-join__photo { flex: 0 0 auto; max-width: none; margin: 0; margin: 0 -1.25rem; } } .prof-advantages { font-family: "Montserrat", sans-serif; padding-top: 4.375rem; padding-bottom: 8.125rem; position: relative; } .prof-advantages .bg-text { position: absolute; z-index: 0; pointer-events: none; font-style: normal; font-weight: 700; font-size: 12rem; line-height: 1; text-align: right; letter-spacing: 0.02em; top: 50%; transform: translateY(-50%); right: 0; color: rgba(1, 159, 255, 0.08); } @media screen and (max-width: 75rem) { .prof-advantages .bg-text { font-size: 18vw; } } @media screen and (max-width: 48rem) { .prof-advantages .bg-text { top: auto; bottom: 110vw; transform: none; } } .prof-advantages__wrap { display: flex; flex-direction: row; } @media screen and (max-width: 60rem) { .prof-advantages__wrap { display: block; } } .prof-advantages__content { flex: 0 0 50%; } .prof-advantages__intro { margin-bottom: 3.75rem; } .prof-advantages__intro h2 { font-style: normal; font-weight: 600; font-size: 2.0625rem; line-height: 1.13; margin-bottom: 0.5rem; } .prof-advantages__intro p { font-weight: 400; font-size: 1.3125rem; line-height: 1.26; } .prof-advantages__group { margin-top: 1.875rem; } .prof-advantages__group h4 { font-weight: 700; font-size: 1.25rem; line-height: 1.3; letter-spacing: 0.02em; display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; } .prof-advantages__group h4:before { content: ""; height: 0.625rem; width: 0.625rem; border-radius: 50%; background-color: #019FFF; margin-right: 0.6875rem; } .prof-advantages__group:nth-of-type(2) h4:before { background-color: #BDCDF9; } .prof-advantages__group:nth-of-type(3) h4:before { background-color: #516592; } .prof-advantages__group:nth-of-type(4) h4:before { background-color: #0F2D58; } .prof-advantages__group ul { padding: 0 0 0 2rem; list-style: disc; } .prof-advantages__group ul li { font-weight: 400; font-size: 0.875rem; line-height: 1.26; } .prof-advantages__graph { flex: 0 0 50%; display: flex; flex-direction: row; align-items: center; justify-content: center; } @media screen and (max-width: 60rem) { .prof-advantages__graph { margin-top: 5rem; } } .prof-advantages__graph ul { display: grid; grid-gap: 0.375rem; grid-template: 11.875rem 11.875rem/11.875rem 11.875rem; transform: rotate(-45deg); font-weight: 700; font-size: 1.125rem; line-height: 1.3; letter-spacing: 0.02em; color: #FFFFFF; text-transform: uppercase; } @media screen and (max-width: 75rem) { .prof-advantages__graph ul { grid-template: 10rem 10rem/10rem 10rem; font-size: 0.875rem; } } @media screen and (max-width: 48rem) { .prof-advantages__graph ul { grid-template: 30vw 30vw/30vw 30vw; font-size: 0.875rem; margin-top: 10rem; } } .prof-advantages__graph ul li { display: flex; flex-direction: row; align-items: center; justify-content: center; background: #0F2D58; } .prof-advantages__graph ul li:nth-child(2) { background: #019FFF; } .prof-advantages__graph ul li:nth-child(3) { background: #516592; } .prof-advantages__graph ul li:nth-child(4) { background: #BDCDF9; } .prof-advantages__graph ul li span { transform: rotate(45deg); } .prof-expert { padding-top: 4.375rem; padding-bottom: 52px; background: #EEEFF2; overflow: hidden; } .prof-expert__header { margin-bottom: 4.25rem; display: flex; align-items: baseline; } .prof-expert__header h2 { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; flex: 1 1 auto; } .prof-expert__grid { display: flex; } @media screen and (max-width: 992px) { .prof-expert__grid { flex-wrap: wrap; } } @media screen and (max-width: 60rem) { .prof-expert__header h2 { font-size: 2.5rem; } } @media screen and (max-width: 48rem) { .prof-expert__grid { flex-direction: column; } .prof-expert__header { display: block; } .prof-expert__header h2 { margin-bottom: 1rem; font-size: 2rem; } } .prof-expert__slider .expert-card { width: 24.5rem; } @media screen and (max-width: 48rem) { .prof-expert__slider .expert-card { width: calc(100vw - 2.125rem); } } .prof-expert__slider .expert-card_about { width: 27.5rem; } @media screen and (max-width: 60rem) { .prof-expert__slider .expert-card_about { height: 22rem; width: 22rem; } } @media screen and (max-width: 48rem) { .prof-expert__slider .expert-card_about { width: calc(100vw - 2.125rem); } } .prof-expert__slider .slick-track { display: flex; justify-content: flex-start; align-items: stretch; flex-direction: row; } .prof-expert__slider .slick-slide { float: none; height: auto; } .prof-expert .slick-initialized .slick-slide { display: flex; } .prof-expert__slider-nav { flex: 0 0 9.375rem; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .prof-expert__slider-nav a { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 4rem; width: 4rem; margin-left: 1.0625rem; border: 1px solid #019FFF; border-radius: 50%; color: #019FFF; } .prof-expert__slider-nav a.slick-disabled { color: #818181; border-color: #818181; } .prof-expert__slider-nav a.prof-expert__slider-prev svg { transform: rotate(180deg); } .prof-expert__slider-nav a svg { height: 1.125rem; width: 1.3125rem; } .expert-card { position: relative; display: flex; flex-direction: column; width: 50%; margin-bottom: 60px; } .expert-card:before { content: ""; width: 0; position: absolute; top: 6.25rem; bottom: 0; left: 0; border-left: 1px solid #019FFF; } .expert-card__photo { display: block; height: 220px; width: 220px; border-radius: 50%; margin-bottom: 33px; } .expert-card__photo img { display: block; border-radius: 50%; object-fit: cover; max-height: 100%; width: auto; } .expert-card__position { font-weight: 700; font-size: 0.875rem; line-height: 1.25; letter-spacing: 0.03em; text-transform: uppercase; color: #ADADAE; margin-bottom: 16px; padding: 0 1rem 0 1.625rem; } .expert-card__name { font-weight: 600; font-size: 1.75rem; line-height: 1.2; margin-bottom: 15px; padding: 0 1rem 0 1.625rem; } .expert-card__action { font-weight: 400; font-size: 0.875rem; line-height: 1.2; letter-spacing: 0.025em; margin-bottom: 1.25rem; padding: 0 1rem 0 1.625rem; } .expert-card__link { margin-top: auto; font-weight: 600; font-size: 0.938rem; line-height: 1.2; letter-spacing: 0.025em; color: #019FFF; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0 1rem 0 1.625rem; } .expert-card__link svg { margin-left: 0.9375rem; width: 1.125rem; } .expert-card__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .expert-card_about:before { top: 0; bottom: 110px; } .expert-card_about .expert-card__position { font-size: 0.75rem; margin-bottom: 0.25rem; line-height: 1.25; padding-left: 21px; } .expert-card_about .expert-card__name { font-weight: 600; font-size: 1.688rem; line-height: 1.25; padding-left: 21px; margin-bottom: 5px; } .expert-card_about .expert-card__link { margin-top: 0; margin-bottom: 0; padding-left: 21px; } .expert-card_about .expert-card__photo { height: 240px; width: 240px; margin-bottom: 0; margin-top: auto; padding-top: 17px; z-index: 1; } .expert-card_about .expert-card__photo img { } @media screen and (max-width: 60rem) { } @media screen and (max-width: 48rem) { .expert-card { width: 100%; } .expert-card__position, .expert-card__name, .expert-card__action { padding-left: 1rem; } } .prof-join { padding: 6.25rem 0; } .prof-join__title { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; margin-bottom: 3.75rem; } @media screen and (max-width: 60rem) { .prof-join__title { font-size: 2.5rem; margin-bottom: 2.5rem; } } @media screen and (max-width: 48rem) { .prof-join__title { font-size: 2rem; margin-bottom: 2.5rem; } } .prof-join__photo { position: relative; } .prof-join__img { display: block; width: 100%; } @media screen and (max-width: 60rem) { .prof-join__img { object-fit: cover; height: 20rem; } } .prof-join__btn { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 20%; left: 10%; text-align: center; color: #ffffff; border: 1px #fff solid; border-radius: 50%; height: 12rem; width: 12rem; font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; transition: all 0.3s; } @media screen and (max-width: 60rem) { .prof-join__btn { top: 50%; transform: translateY(-50%); height: 10rem; width: 10rem; } } .prof-join__btn:before, .prof-join__btn:after { content: ""; display: block; height: 13.75rem; width: 13.75rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 1px #fff solid; border-radius: 50%; opacity: 0; pointer-events: none; transition: all 0.3s ease-out; } .prof-join__btn:after { transition-delay: 0.05s; } .prof-join__btn:hover { border-color: transparent; } .prof-join__btn:hover:before { height: 12rem; width: 12rem; opacity: 1; transition: all 0.3s ease-out; } .prof-join__btn:hover:after { height: 12rem; width: 12rem; opacity: 1; transition: all 0.3s ease-out; transition-delay: 0.1s; } .prof-clients { background: #EEEFF2; padding: 50px 0; } .prof-clients__header { display: flex; flex-direction: row; align-items: baseline; } @media screen and (max-width: 60rem) { .prof-clients__header { display: block; } } .prof-clients__header h2 { flex: 0 0 25rem; font-weight: 600; font-size: 2.8125rem; line-height: 1.1; letter-spacing: 0.005em; color: #019FFF; } @media screen and (max-width: 60rem) { .prof-clients__header h2 { margin-bottom: 1rem; } } @media screen and (max-width: 48rem) { .prof-clients__header h2 { font-size: 2rem; } } .prof-clients__intro { flex: 1 1 auto; padding-left: 10rem; } @media screen and (max-width: 60rem) { .prof-clients__intro { padding-left: 0; } } .prof-clients__intro p { font-weight: 400; font-size: 1.3125rem; line-height: 1.25; margin-bottom: 1.5rem; } .prof-clients__btn { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-weight: 600; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.025em; color: #019FFF; } .prof-clients__btn svg { height: 0.625rem; width: 1.125rem; margin-left: 0.9375rem; } .prof-clients__btn:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .prof-clients__grid { display: flex; flex-direction: row; justify-content: center; margin-left: -10px; margin-right: -10px; margin-top: 60px; } @media screen and (max-width: 48rem) { .prof-clients__grid { flex-wrap: wrap; } } .prof-clients__grid .client-tile { position: relative; padding: 0 10px; max-width: 300px; width: 100%; overflow: hidden; } .prof-clients__grid .client-tile:nth-of-type(2) { margin-top: 3rem; } .prof-clients__grid .client-tile:nth-of-type(3) { margin-top: 6rem; } @media screen and (max-width: 48rem) { .prof-clients__grid { margin-top: 0; } .prof-clients__grid .client-tile, .prof-clients__grid .client-tile:nth-of-type(2), .prof-clients__grid .client-tile:nth-of-type(3) { margin-top: 50px; } } .client-tile__img-container { overflow: hidden; margin-bottom: 1.25rem; } .client-tile__img { width: 100%; height: auto; transform: scale(1); transition: transform 2s; } .client-tile:hover .client-tile__img { transform: scale(1.1); } .client-tile__slogan { font-weight: 700; font-size: 1.25rem; line-height: 1.26; letter-spacing: 0.02em; margin-bottom: 0.875rem; } @media screen and (max-width: 60rem) { .client-tile__slogan { font-size: 1rem; } } .client-tile__intro { font-weight: 400; font-size: 0.875rem; line-height: 1.26; } .client-tile__link { font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; color: #019FFF; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 1.25rem; } .client-tile__link svg { margin-left: 0.9375rem; width: 1.125rem; height: 0.625rem; } .client-tile:hover .client-tile__link svg, .client-tile__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .client-tile__link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***********************/ .career-benefits { padding-top: 6.25rem; padding-bottom: 6.25rem; } @media screen and (max-width: 48rem) { .career-benefits { padding-bottom: 4rem; } } .career-benefits__title { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; margin-bottom: 6.25rem; } @media screen and (max-width: 60rem) { .career-benefits__title { font-size: 2.5rem; margin-bottom: 5rem; } } .career-benefits__grid dl { display: flex; flex-direction: row; } @media screen and (max-width: 48rem) { .career-benefits__grid dl { display: block; margin-bottom: 2rem; } } .career-benefits__grid dl dt { flex: 0 0 40%; padding: 1.5rem 0; padding-right: 6%; margin: 0; font-weight: 500; font-size: 2.5rem; line-height: 1.1; letter-spacing: -0.005em; color: rgba(33, 33, 33, 0.25); } @media screen and (max-width: 75rem) { .career-benefits__grid dl dt { font-size: 1.5rem; padding-right: 3%; } } .career-benefits__grid dl dd { flex: 0 0 60%; padding: 1.5rem 0; padding-right: 6%; margin: 0; border-top: 2px solid rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 1.3125rem; line-height: 1.25; color: #000000; } @media screen and (max-width: 75rem) { .career-benefits__grid dl dd { font-size: 1.125rem; } } .career-values { background: #EEEFF2; padding: 4.375rem 0 1.25rem; } .career-values__wrap { display: flex; flex-direction: row; } @media screen and (max-width: 60rem) { .career-values__wrap { flex-wrap: wrap; } } .career-values__header { flex: 0 0 24.375rem; } @media screen and (max-width: 60rem) { .career-values__header { flex: 0 0 100%; margin-bottom: 2rem; } } .career-values__header h2 { font-weight: 600; font-size: 2.5rem; line-height: 1.03; letter-spacing: 0.005em; color: #212121; } @media screen and (max-width: 48rem) { .career-values__header h2 { font-size: 2.0625rem; } } .career-values__grid { padding: 0 0 0 3.125rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 60rem) { .career-values__grid { padding: 0; } } .career-values__grid li { flex: 0 0 calc(50% - 1.25rem); font-weight: 500; font-size: 1.3125rem; line-height: 1.25; padding-top: 1.5625rem; padding-bottom: 3.125rem; border-top: 1px solid #019FFF; } .career-values__grid li:last-child{ padding-right: 3.125rem; } @media screen and (max-width: 75rem) { .career-values__grid li { font-size: 1.5rem; flex: 0 0 calc(50% - 2rem); } } @media screen and (max-width: 48rem) { .career-values__grid li { flex: 0 0 100%; padding-bottom: 1.5625rem; } .career-values__grid li:last-child{ padding-right: 0; } } .career-causes { display: flex; flex-direction: row; justify-content: center; margin: 60px -10px; } .career-cause:nth-child(2){ margin-top: 3rem; } .career-cause:nth-child(3){ margin-top: 6rem; } .career-causes__grid { display: flex; flex-direction: row; justify-content: center; margin-left: -10px; margin-right: -10px; margin-top: 60px; } .career-causes__grid .career-cause { position: relative; padding: 0 10px; max-width: 300px; width: 100%; overflow: hidden; } .career-cause__img-container { margin-bottom: 1.25rem; position: relative; height: 18.75rem; overflow: hidden; } .career-cause__img { min-height: 100%; width: 100%; height: auto; object-fit: cover; } .career-cause__text { font-weight: 400; font-size: 0.875rem; line-height: 1.26; } @media screen and (max-width: 48rem) { .career-causes__grid { flex-wrap: wrap; margin-top: 0; } .career-causes__grid .career-cause, .career-causes__grid .career-cause:nth-of-type(2), .career-causes__grid .career-cause:nth-of-type(3) { margin-top: 50px; } } @media screen and (max-width: 30rem) { .career-cause { display: block; } .career-cause__img { max-width: 100%; margin-bottom: 2rem; height: auto; } .career-cause__text { padding-left: 0; display: block; } } .career-stories { margin-top: 1.25rem; margin-bottom: 5rem; } .career-stories__wrap { display: flex; flex-direction: row; } @media screen and (max-width: 60rem) { .career-stories__wrap { flex-wrap: wrap; } } .career-stories__header { margin-bottom: 5rem; padding-top: 7.5rem; } .career-stories__header h2 { font-weight: 600; font-size: 3.875rem; line-height: 1.03; letter-spacing: 0.005em; } .career-stories__header h2 b { color: #019FFF; } @media screen and (max-width: 60rem) { .career-stories__header h2 { font-size: 3rem; } } @media screen and (max-width: 48rem) { .career-stories__header { padding-top: 5rem; } .career-stories__header h2 { font-size: 2rem; } } .career-stories__title { font-weight: 600; font-size: 2.0625rem; line-height: 1.13; color: #212121; flex: 0 0 13.75rem; } @media screen and (max-width: 60rem) { .career-stories__title { flex: 0 0 100%; margin-bottom: 2rem; } } @media screen and (max-width: 48rem) { .career-stories__title { flex: 1 1 auto; order: 1; margin-bottom: 1rem; display: flex; flex-direction: row; align-items: center; } } .career-stories__slider { flex: 1 1 auto; max-width: calc(100% - 19.375rem); } @media screen and (max-width: 60rem) { .career-stories__slider { max-width: calc(100% - 5.625rem); } } @media screen and (max-width: 48rem) { .career-stories__slider { max-width: 100%; flex: 0 0 100%; order: 3; } } .career-stories__slider .slick-slide.career-story { display: flex; } .career-stories__slider-nav { flex: 0 0 5.625rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } @media screen and (max-width: 48rem) { .career-stories__slider-nav { max-width: 100%; flex: 0 0 9.375rem; order: 2; flex-direction: row; margin-bottom: 1rem; } } .career-stories__slider-nav a { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 4rem; width: 4rem; border: 1px solid #019FFF; border-radius: 50%; color: #019FFF; margin: 0.5rem 0; } @media screen and (max-width: 48rem) { .career-stories__slider-nav a { margin: 0.5rem; } } .career-stories__slider-nav a.slick-disabled { color: #818181; border-color: #818181; } .career-stories__slider-nav a svg { height: 1.125rem; width: 1.3125rem; transform: rotate(90deg); } .career-stories__slider-nav a.career-stories__slider-prev svg { transform: rotate(-90deg); } .career-story { display: flex; flex-direction: row; height: 12.5rem; } .career-story__photo { flex: 0 0 12.5rem; display: block; height: 12.5rem; width: 12.5rem; border-radius: 50% 0 0 50%; background: #EEEFF2; } @media screen and (max-width: 48rem) { .career-story__photo { height: auto; width: 7.5rem; border-radius: 3.75rem 0 0 0; flex: 0 0 7.5rem; } } .career-story__img { display: block; height: 12.5rem; width: 12.5rem; border-radius: 50%; } @media screen and (max-width: 48rem) { .career-story__img { height: 7.5rem; width: 7.5rem; } } .career-story__content { display: flex; flex-direction: column; justify-content: space-between; padding: 1.25rem; background: #EEEFF2; width: 100%; } @media screen and (max-width: 48rem) { .career-story__content { border-radius: 0 0 3.75rem 0; padding-right: 1.5rem; } } .career-story__name { font-weight: 700; font-size: 0.875rem; line-height: 1.25; letter-spacing: 0.03em; text-transform: uppercase; color: #ADADAE; } .career-story__quote { font-weight: 400; font-size: 1.125rem; line-height: 1.25; color: #212121; } @media screen and (max-width: 48rem) { .career-story__quote { font-size: 1rem; } } .career-story__link { display: flex; flex-direction: row; align-items: center; color: #019FFF; justify-content: flex-start; } @media screen and (max-width: 48rem) { .career-story__link { margin-top: 2rem; } } .career-story__link svg { height: 0.625rem; margin-left: 0.5rem; } .career-story__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .career-line { margin-top: 3.125rem; overflow: hidden; position: relative; } .career-line ul { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; list-style: none; font-weight: 400; font-size: 1.5625rem; line-height: 1.875rem; letter-spacing: 0.025em; color: #000000; transition: all 0.1s; } .career-line ul li { margin-left: 0.875rem; white-space: nowrap; display: flex; align-items: center; } .career-line ul li:before { content: ""; height: 1.25rem; width: 1.25rem; background: #019FFF; border-radius: 50%; display: inline-block; margin-right: 0.875rem; } .is-modal .fancybox-content { padding: 0; } .resume-form__wrap { display: flex; flex-direction: row; align-items: stretch; width: 100%; } .resume-form.done .resume-form__form { visibility: hidden; } .resume-form.done .resume-form__result { display: flex; } .resume-form__result { display: none; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-weight: 400; font-size: 1.3125rem; line-height: 136.19%; } .resume-form__body { position: relative; } .resume-form__photo { flex: 0 0 33%; position: relative; } .resume-form__photo img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center bottom; } .resume-form__content { background: #EEEFF2; flex: 1 1 auto; padding: 3.125rem; } .resume-form__title { font-weight: 600; font-size: 2.0625rem; line-height: 126.19%; margin-bottom: 0.75rem; } .resume-form__subtitle { font-weight: 400; font-size: 1.3125rem; line-height: 136.19%; } .resume-form__form { margin-top: 2.5rem; } .resume-form__form .input-wrap { margin-bottom: 0.625rem; } .resume-form__form input { height: 5rem; background: #FFFFFF; border-radius: 1.25rem; font-weight: 800; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.24em; text-transform: uppercase; padding: 1.875rem; width: 100%; display: block; border: none; } .resume-form__btn { margin-top: 2.5rem; display: flex; font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; align-items: center; color: #019FFF; border: none; outline: none; } .resume-form__btn span { display: block; } .resume-form__btn svg { width: 1.125rem; margin-left: 0.75rem; } .resume-form__btn:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .projects-catalog__grid { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; margin-left: -0.625rem; margin-right: -0.625rem; } .projects-catalog__grid .project-tile { width: calc(50% - 1.25rem); margin: 0.625rem; } @media screen and (max-width: 48rem) { .projects-catalog__grid .project-tile { width: 100%; } } .projects-catalog__wrap { display: flex; flex-direction: row; } @media screen and (max-width: 60rem) { .projects-catalog__wrap { display: block; } } .projects-catalog__aside { flex: 0 0 37%; max-width: 37%; margin-left: 4%; } @media screen and (max-width: 60rem) { .projects-catalog__aside { margin-left: 0; max-width: none; display: flex; flex-direction: column; align-items: center; } } .projects-catalog__list { flex: 1 1 auto; display: flex; flex-direction: column; } .projects-catalog__list .project-tile { margin-bottom: 3.75rem; box-shadow: none; } .projects-catalog__list .project-tile__stat { background: transparent; align-items: flex-end; justify-content: flex-start; overflow: hidden; } .projects-catalog__list .project-tile__stat:before { content: ""; position: absolute; height: 30rem; width: 40rem; bottom: -15rem; left: -10rem; border-radius: 50%; background: #000; filter: blur(10rem); } .projects-catalog__list .project-tile__stat .project-stat { flex-direction: column; align-items: flex-start; position: relative; z-index: 2; } .projects-catalog__list .project-tile__stat .project-stat__col { text-align: left; margin-top: 2.5rem; } .projects-catalog__list .project-tile__stat .project-stat__label { text-align: left; } .projects-catalog__list .project-tile:hover .project-tile__wrap { background: transparent; } .projects-catalog__list .project-tile:hover .project-tile__stat { opacity: 0; } .projects-catalog__list .project-tile__wrap { padding: 0; padding-bottom: 1.875rem; background: transparent; border-bottom: 0.125rem solid rgba(0, 0, 0, 0.25); } .projects-catalog__list .project-tile__photo { order: 1; margin-bottom: 1.5625rem; } .projects-catalog__list .project-tile__photo:hover .project-tile__stat { opacity: 1; } .projects-catalog__list .project-tile__tag { order: 2; font-size: 0.75rem; margin-bottom: 1.25rem; } .projects-catalog__list .project-tile__title { order: 3; font-size: 1.4375rem; line-height: 1.26; margin-bottom: 0.875rem; } .projects-catalog__list .project-tile__intro { order: 4; font-size: 1.1875rem; line-height: 1.36; } .projects-catalog__list_aside .project-tile { margin-bottom: 2.5rem; } .projects-catalog__list_aside .project-tile__stat { display: none; } .projects-catalog__list_aside .project-tile__wrap { padding-bottom: 1.5625rem; } .projects-catalog__list_aside .project-tile__photo { order: 2; margin-bottom: 1.5625rem; } .projects-catalog__list_aside .project-tile__photo:hover .project-tile__stat { opacity: 1; } .projects-catalog__list_aside .project-tile__tag { order: 1; margin-bottom: 1.5625rem; } .projects-catalog__list_aside .project-tile__title { order: 3; font-size: 1.25rem; margin-bottom: 0.5rem; } .projects-catalog__list_aside .project-tile__intro { order: 4; font-size: 0.875rem; } .project-tile { position: relative; box-shadow: 0 0 3rem -2rem #2354E2; } .project-tile__wrap { padding: 1.5625rem; position: relative; background: #fff; transition: all 0.3s; height: 100%; display: flex; flex-direction: column; } .project-tile:hover { box-shadow: 0 0 0 transparent; } .project-tile:hover .project-tile__wrap { background: #E0E8FF; } .project-tile:hover .project-tile__stat { opacity: 1; } .project-tile__tag { margin-bottom: 1.5625rem; font-weight: 400; font-size: 0.75rem; line-height: 1; display: flex; align-items: center; letter-spacing: 0.03em; text-transform: uppercase; color: #737779; } .project-tile__tag:before { content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #019FFF; margin-right: 0.625rem; } .project-tile__photo { position: relative; margin-bottom: 1.5625rem; } .project-tile__img { display: block; width: 100%; position: relative; } .project-tile__stat { opacity: 0; transition: opacity 0.3s; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0F2D58; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 2.5rem; } .project-tile__stat .project-stat { display: flex; flex-direction: row; justify-content: space-between; } .project-tile__stat .project-stat__col { flex: 0 0 48%; text-align: center; color: #fff; } .project-tile__stat .project-stat__val { border-bottom: 0.125rem #fff solid; position: relative; } .project-tile__stat .project-stat__val span { font-weight: 700; font-size: 3.125rem; line-height: 1.03; letter-spacing: 0.01em; padding-bottom: 0.3125rem; } @media screen and (max-width: 75rem) { .project-tile__stat .project-stat__val span { font-size: 2.5rem; } } @media screen and (max-width: 60rem) { .project-tile__stat .project-stat__val span { font-size: 1.5rem; } } .project-tile__stat .project-stat__val sup { font-weight: 600; font-size: 0.625rem; line-height: 1.36; letter-spacing: 0.09em; text-transform: uppercase; background: #019FFF; border-radius: 0.625rem; padding: 0.0625rem 0.8125rem; position: absolute; top: 0; } @media screen and (max-width: 60rem) { .project-tile__stat .project-stat__val sup { font-size: 0.5rem; padding: 0.0625rem 0.25rem; margin-left: 0.25rem; } } .project-tile__stat .project-stat__label { font-weight: 400; font-size: 1.1875rem; line-height: 1.02; text-align: center; color: #FFFFFF; margin-top: 0.3125rem; } @media screen and (max-width: 75rem) { .project-tile__stat .project-stat__label { font-size: 1rem; } } @media screen and (max-width: 60rem) { .project-tile__stat .project-stat__label { font-size: 0.625rem; } } .project-tile__title { font-weight: 700; font-size: 1.25rem; line-height: 1.26; letter-spacing: 0.02em; color: #212121; margin-bottom: 0.625rem; } .project-tile__intro { font-weight: 400; font-size: 0.875rem; line-height: 1.26; color: #212121; } .aside-b { position: relative; width: 100%; margin-bottom: 2.5rem; max-width: 30rem; } .aside-b_white { color: #fff; } .aside-b__content { padding: 1.875rem; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; } .aside-b__title { font-weight: 600; font-size: 3.125rem; line-height: 1.03; letter-spacing: 0.005em; } @media screen and (max-width: 75rem) { .aside-b__title { font-size: 2.5rem; } } @media screen and (max-width: 60rem) { .aside-b__title { font-size: 1.5rem; } } .aside-b__img { display: block; position: relative; max-width: 100%; z-index: 1; } .aside-b__link { font-weight: 600; font-size: 1.875rem; line-height: 1.2; letter-spacing: 0.025em; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } @media screen and (max-width: 75rem) { .aside-b__link { font-size: 1.25rem; } } .aside-b__link svg { height: 0.6875rem; width: 1.4375rem; margin-left: 0.625rem; } .aside-b__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .aside-callback { padding: 1.875rem; background: #019FFF; color: #FFFFFF; margin-bottom: 2.5rem; } .aside-callback__title { font-weight: 600; font-size: 3.125rem; line-height: 1.03; letter-spacing: 0.005em; margin-bottom: 1.875rem; } @media screen and (max-width: 60rem) { .aside-callback__title { font-size: 2.5rem; } } .aside-callback__subtitle { font-weight: 500; font-size: 1.25rem; line-height: 1.26; letter-spacing: 0.02em; margin-bottom: 4.375rem; } .aside-callback input[type=text] { display: block; font-family: "Century Gothic", sans-serif; font-weight: 700; font-size: 0.875rem; line-height: 1.0625rem; letter-spacing: 0.2em; text-transform: uppercase; padding: 2rem 1.125rem; background: #FFFFFF; border-radius: 1.25rem; border: none; width: 100%; } .aside-callback button { margin-top: 2.5rem; font-weight: 600; font-size: 1.875rem; letter-spacing: 0.025em; color: #FFFFFF; line-height: 1.2; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background: transparent; outline: none; border: none; } @media screen and (max-width: 75rem) { .aside-callback button { font-size: 1.25rem; } } .aside-callback button svg { height: 0.6875rem; width: 1.4375rem; margin-left: 0.625rem; } .aside-callback button:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } /****************************/ .ta-left { text-align: left; margin-left: auto; } .ta-right { text-align: right; margin-right: auto; } .project-article { position: relative; overflow: hidden; } .project-article ul{ margin-left: 1.25rem; } .project-article ul li{ list-style: disc; /*margin-bottom: 0.9375rem;*/ } .project-article .bg-text { position: absolute; z-index: 0; pointer-events: none; font-style: normal; font-weight: 700; font-size: 16vw; line-height: 1; text-align: right; letter-spacing: 0.02em; top: 50%; transform: translateY(-50%); right: 0; color: rgba(1, 159, 255, 0.03); left: 0; } @media screen and (max-width: 75rem) { .project-article .bg-text { font-size: 18vw; } } @media screen and (max-width: 48rem) { .project-article .bg-text { top: 1vw; transform: none; } } .project-article__text { max-width: 53.75rem; margin-right: auto; margin-top: 3.75rem; margin-bottom: 3.75rem; position: relative; font-weight: 500; /*font-size: 1.3125rem;*/ line-height: 126.19%; } @media screen and (max-width: 30rem) { .project-article__text { font-size: 1rem; } } .project-article__text p { margin-bottom: 2rem; } .project-article__photo { margin-left: auto; max-width: 53.75rem; margin-top: 3.75rem; margin-bottom: 3.75rem; position: relative; z-index: 1; } .project-article__photo img { display: block; width: 100%; } .solution-expo .solution-group { margin: 50px 0; padding: 0; } .solution-expo__header { padding-top: 3.125rem; padding-bottom: 0rem; } .solution-expo__header h2 { font-weight: 600; font-size: 2.1333rem; line-height: 103.69%; letter-spacing: 0.005em; } @media screen and (max-width: 60rem) { .solution-expo__header { padding-bottom: 2rem; padding-top: 3rem; } .solution-expo__header h2 { font-size: 1.6rem; } } .solution-group + .solution-group { margin: 6rem 0; } .solution-group__header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.5rem; gap: 1rem; } .solution-group__name { font-weight: 600; font-size: 2.0625rem; line-height: 113.19%; } @media screen and (max-width: 60rem) { .solution-group__name { font-size: 1.875rem; } } .solution-group__link { font-weight: 600; font-size: 0.8667rem; line-height: 1.2; letter-spacing: 0.025em; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: #019FFF; } @media screen and (max-width: 75rem) { .solution-group__link { font-size: 0.6667rem; } } .solution-group__link svg { height: 0.6875rem; width: 1.4375rem; margin-left: 0.625rem; } .solution-group__link:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .solution-grid { display: flex; flex-direction: row; gap: 1.25rem; flex-wrap: wrap; } .solution-grid .solution-tile { /*flex: 0 0 calc(50% - 0.625rem);*/ } .solution-tile { display: flex; flex-direction: column; padding: 1.5625rem; box-shadow: 0 0 3rem -2rem #2354E2; transition: all 0.3s; background: #fff; position: relative; width: 19.375rem;; } .solution-tile.-big { max-width: 40rem; width: 100%; } @media screen and (max-width: 60rem) { .solution-grid { flex-wrap: wrap } .solution-grid .solution-tile { width: calc(50% - 0.625rem); } } @media screen and (max-width: 48rem) { .solution-grid .solution-tile { flex: 0 0 100%; } .solution-tile.-big { max-width: none; } } .solution-tile:hover { box-shadow: 0 0 0 transparent; background: #E0E8FF; } .solution-tile__tag { margin-bottom: 1.5625rem; font-weight: 400; font-size: 0.75rem; line-height: 1; display: flex; align-items: center; letter-spacing: 0.03em; text-transform: uppercase; color: #000000; } .solution-tile__tag:before { content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #019FFF; margin-right: 0.625rem; } .solution-tile__photo { position: relative; margin-bottom: 25px; height: 170px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .solution-tile__img { min-height: 100%; width: 100%; height: auto; object-fit: cover; } .solution-tile__title { font-weight: 700; font-size: 1.375rem; line-height: 1.26; letter-spacing: 0.02em; color: #212121; margin-bottom: 0.5rem; } .solution-tile__intro { font-weight: 400; font-size: 0.9333rem; line-height: 1.26; color: #212121; margin-bottom: 32px; } .solution-tile__link, .solution-tile__download { position: absolute; bottom: 0; padding-bottom: inherit; padding-right: inherit; font-weight: 600; font-size: 0.938rem; line-height: 1.2; letter-spacing: 0.025em; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: #019FFF; margin-top: 1.25rem; } .solution-tile__link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 75rem) { .solution-tile__link, .solution-tile__download { font-size: 1rem; } } @media screen and (max-width: 75rem) { .solution-tile__title{ font-size: 1.2rem; } } .solution-tile__link svg, .solution-tile__download svg { height: 0.6875rem; width: 1.4375rem; margin-left: 0.625rem; } .solution-tile:hover svg, .solution-tile:hover svg, .solution-tile__link-full-size:hover svg, .solution-tile__link-full-size:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .solution-tile__download svg { height: 1.125rem; width: 0.625rem; } .solution-tile__download:hover svg { -webkit-animation-name: linkArrBottom; animation-name: linkArrBottom; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .solutions-carousel { padding: 64px 0 !important; } .solutions-carousel_gray { background: #EEEFF2; } .about-box { padding-top: 7.5rem; padding-bottom: 7.5rem; } .about-box__header { font-weight: 600; font-size: 2.0625rem; line-height: 1.26; max-width: 61.25rem; margin-bottom: 5.625rem; } @media screen and (max-width: 48rem) { .about-box__header { font-size: 1.5rem; } } .about-box__header b { color: #019FFF; } .about-box__wrap { display: flex; flex-direction: row; border-top: 0.125rem solid #019FFF; } @media screen and (max-width: 48rem) { .about-box__wrap { display: block; } } .about-box__photo { flex: 0 0 50%; position: relative; } .about-box__btn { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 20%; left: 10%; text-align: center; color: #ffffff; border: 0.0625rem #fff solid; border-radius: 50%; height: 12rem; width: 12rem; font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; transition: all 0.3s; } .about-box__text .about-box__btn{ position: static; margin-top: 3.625rem; display: flex; align-items: center; justify-content: center; width: 19.375rem; height: 4.375rem; background: #019FFF; border-radius: 3.875rem; font-weight: 600; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 0.025em; color: #FFFFFF; } .about-box__btn svg { height: 0.625rem; width: 1.125rem; margin-left: 0.9375rem; } .about-box__btn:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } @media screen and (max-width: 60rem) { .about-box__btn { top: 50%; transform: translateY(-50%); height: 10rem; width: 10rem; } } .about-box__btn:before, .about-box__btn:after { content: ""; display: block; height: 13.75rem; width: 13.75rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 0.0625rem #fff solid; border-radius: 50%; opacity: 0; pointer-events: none; transition: all 0.3s ease-out; } .about-box__btn:after { transition-delay: 0.05s; } .about-box__btn:hover { border-color: transparent; } .about-box__btn:hover:before { height: 12rem; width: 12rem; opacity: 1; transition: all 0.3s ease-out; } .about-box__btn:hover:after { height: 12rem; width: 12rem; opacity: 1; transition: all 0.3s ease-out; transition-delay: 0.1s; } .about-box__img { display: block; width: 100%; } .about-box__text { flex: 0 0 50%; /* display: flex; */ flex-direction: row; justify-content: flex-end; padding-left: 2.5rem; padding-top: 2.5rem; } .about-box__text.box-text{ display: block; } @media screen and (max-width: 48rem) { .about-box__text { padding-left: 0; } } .about-box__text p { max-width: 33.125rem; font-style: normal; font-weight: 400; font-size: 1.3125rem; line-height: 1.25; } .about-mission { margin-bottom: 5rem; } .about-mission__wrap { background: #EEEFF2; display: flex; flex-direction: row; border-top: 0.125rem solid #019FFF; } @media screen and (max-width: 60rem) { .about-mission__wrap { display: block; } } .about-mission__title { flex: 0 0 22.5rem; padding: 3.125rem 1.25rem; font-style: normal; font-weight: 600; font-size: 2rem; line-height: 1.13; } .about-mission__title h3 { font-weight: normal; } @media screen and (max-width: 60rem) { .about-mission__title { padding-bottom: 1rem; } } .about-mission__text { flex: 1 1 auto; padding: 3.125rem 1.25rem; font-weight: normal; font-size: 2rem; line-height: 1.3; color: #019FFF; } @media screen and (max-width: 75rem) { .about-mission__text { font-size: 2rem; } } @media screen and (max-width: 60rem) { .about-mission__text { font-size: 1.25rem; padding-top: 0; } } .bg-white { background: #fff; } .about-events { padding-top: 100px; padding-bottom: 120px; overflow: hidden; } .about-events__header { margin-bottom: 60px; } .about-events__header h2 { font-weight: 600; font-size: 62px; line-height: 1.03; letter-spacing: 0.005em; } @media screen and (max-width: 60rem) { .about-events__header h2 { font-size: 2.5rem; } } @media screen and (max-width: 48rem) { .about-events__header h2 { font-size: 2rem; } } .about-events__list { display: block; max-width: 67.5rem; margin-left: auto; margin-right: auto; margin-bottom: 2.8125rem; } .about-events__year { font-weight: 600; font-size: 6.1875rem; line-height: 1.03; letter-spacing: 0.005em; color: #019FFF; text-align: right; margin-bottom: 2.5625rem; } @media screen and (max-width: 60rem) { .about-events__year { font-size: 2.5rem; } } .about-event { width: 100%; } .about-event__wrap { display: flex; flex-direction: row; align-items: stretch; } @media screen and (max-width: 30rem) { .about-event__wrap { flex-direction: column; } } .about-event__photo { flex: 0 0 22.5rem; text-align: right; } .about-event__photo img { width: auto; height: 370px; min-height: 100%; } .about-event__content { background: #EEEFF2; padding: 3.125rem; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .about-event__content p { font-weight: 400; font-size: 2.0625rem; line-height: 1.2; } .about-event__content p + p { margin-top: 2rem; } @media screen and (max-width: 60rem) { .about-event__photo { flex: 0 0 30%; } .about-event__photo img { height: 300px; } .about-event__content { padding: 2rem; } .about-event__content p { font-size: 1.5rem; } } @media screen and (max-width: 48rem) { .about-event__photo { flex: 0 0 20%; } .about-event__photo img { height: 200px; } } @media screen and (max-width: 30rem) { .about-event__content p { font-size: 1.3rem; } .about-event__photo { text-align: center; background: #EEEFF2; } .about-event__photo img { width: auto; height: 100%; max-height: 200px; } } .events-timeline { position: relative; height: 4px; background: #ADADAE; } .events-timeline .grid { display: flex; justify-content: space-between; align-items: center; margin-left: -4px; margin-right: -4px; } .events-timeline .grid i { display: block; margin-top: -2px; width: 8px; height: 8px; border-radius: 50%; background: #019FFF; position: relative; pointer-events: none; } .events-timeline .handle { position: absolute; top: -24px; left: 0; cursor: pointer; width: 48px; height: 48px; background: #E3EAF1; border: 1px solid #019FFF; text-align: center; border-radius: 50%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .events-timeline .handle svg { width: 24px; height: 10px; margin-top: 3px; } .events-timeline .disabled { background: #898989; } .pagination { margin-top: 3.125rem; } .pagination ul { display: flex; flex-direction: row; align-items: center; justify-content: center; } .pagination ul li { color: #737779; } .pagination ul li a { color: #019FFF; } .pagination ul li span { font-weight: 600; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0.025em; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media screen and (max-width: 48rem) { .pagination ul li span { padding-left: 0.5rem; padding-right: 0.5rem; } } .pagination ul li svg { display: block; width: 1.125rem; height: 0.6875rem; } .fancybox-container { z-index: 8000; } /*# sourceMappingURL=main_2.css.map */ /* End */ /* Start:/local/templates/odyssey/css/ownd.css?1666217456275*/ .ownd-success { color: green; } .aside-callback .ownd-success { color: white; } .filter-item.ownd-filter-active { background: #019FFF; } .container.fancy-modal.fancybox-content { max-width: 81.25rem; width: 100%; margin-left: auto; margin-right: auto; } /* End */ /* Start:/local/templates/odyssey/css/page-error-404.css?16663061361000*/ .inside-page.-error-404 { height: 100vh; padding-top: 0; background: url('/local/templates/odyssey/css/../img/page-error-404-bg.jpg') no-repeat top center; background-size: cover; } .inside-page.-error-404 .header { background: transparent; border-color: transparent; } .page-error-404 { box-sizing: content-box; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.5rem; font-weight: 500; line-height: 1.34; max-width: 640px; text-align: center; padding: 0 20px; } .page-error-404__title { font-size: 12.5rem; color: #019FFF; font-weight: 500; line-height: 1.44; } .page-error-404 p { margin-bottom: 33.1px; } .page-error-404 p:last-child { margin-bottom: 0; } .page-error-404 a { color: #019FFF; text-decoration: underline; } .page-error-404 a:hover { text-decoration: none; } @media (max-width: 1200px) { .page-error-404 { font-size: 1.2rem; } .page-error-404__title { font-size: 8.5rem; } } /* End */ /* Start:/local/templates/odyssey/css/page-solution.css?16910595172373*/ .solution-page { } .solution-page .main { justify-content: center; } .solution-page .main > .container { /*max-width: 920px;*/ /*max-width: 81.25rem;*/ max-width: 1150px; } .solution-page .main-title { font-size: 3.2rem; margin-bottom: 14px; } .solution-page .main-title__sub { font-size: 1.1669rem; /*max-width: 564px;*/ max-width: 660px; } .solution-page .project-article { overflow: visible; margin-bottom: 60px; } .solution-page .project-article__text { font-size: 1rem; max-width: 630px; margin-top: 38px; margin-right: 23px; font-weight: 400; padding-right: 60px; line-height: 24px; } @media (min-width: 1200px){ .solution-page .project-article__text { max-width: calc(100% - 300px); } } .solution-page .project-article__text p { margin-bottom: 19px; } .solution-page .subtitile_internal_page { font-size: 1.5rem; margin-top: 40px; margin-bottom: 19px; font-weight: 500; } .solution-page .project-article > .container { display: flex; /*max-width: 920px;*/ /*max-width: 81.25rem;*/ max-width: 1150px; } .solution-page .container > .brochure { max-width: 276px; margin: 0; padding: 0; margin-top: -148px; /*max-height: 400px;*/ } .solution-page .brochure > .container { position: sticky; top: 100px } .solution-page__download-info { max-width: 400px; margin-top: 40px; } .download-info { color: #019FFF; font-weight: 500; display: flex; align-items: flex-end; } .download-info:hover { cursor: pointer; } .download-info:hover .download-info__text { text-decoration: none; } .download-info__icon { margin-right: 10px; height: 32px; } .download-info__icon svg { height: 100%; } .download-info__text { text-decoration: underline; } @media (max-width: 1300px) { .solution-page .brochure .container { padding: 0; } } @media (max-width: 992px) { .solution-page .project-article > .container { display: block; max-width: none; } .solution-page .project-article__text { max-width: none; padding-right: 0; margin-right: 0; } .solution-page .container > .brochure { margin: auto; } } @media (max-width: 736px) { .solution-page .main-title { font-size: 1.6rem; margin-bottom: 1px; } } @media (max-width: 736px) { .solution-page .main-title__sub { font-size: 0.9333rem; } } @media (max-width: 736px) { .solution-page .project-article__text { font-size: 0.9333rem; } } /* End */ /* Start:/local/templates/odyssey/css/forms.css?17228537225359*/ .form { display: flex; } .form-webinar{ display: block; } .form__left { max-width: 33%; } .form__right { flex: 1 1 auto; } .form__container { position: relative; display: flex; flex-direction: column; justify-content: space-between; background: #EEEFF2; padding: 27px 50px; height: 100%; } .form__container_success { display: none; justify-content: flex-start; } .form__shadow { display: none; background: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .form__header { margin-bottom: 20px; } .form__body { margin-bottom: 20px; } .form__container_success .form__body { display: flex; justify-content: center; align-items: center; height: 60%; flex-direction: column; } .form__picture { display: flex; justify-content: center; height: 100%; overflow: hidden; } .form__img { height: 100%; width: auto; } .form__title { font-weight: 600; font-size: 1.563rem; color: #212121; line-height: normal; } .form__title_size-large { font-size: 2.063rem; } .form__sub-title { margin-top: 12px; font-size: 1.313rem; } .form__item { margin-bottom: 15px; } .form__item input[type="text"] { border: 1px solid transparent; border-radius: 20px; height: 50px; padding-left: 30px; width: 100%; } .form__item input[type="text"]::placeholder { font-weight: 800; font-size: 0.688rem; line-height: 1.0625rem; letter-spacing: 0.24em; text-transform: uppercase; color: #C1CBD1; } /* * checkbox */ .form__item-checkbox { display: flex; } .form__item-checkbox input { display: none; } .form__item-checkbox label { display: flex; align-items: center; } .form__item-checkbox input ~ label::before { content: ''; display: inline-block; background: #fff; border-radius: 5px; margin-right: 10px; cursor: pointer; min-height: 16px; min-width: 16px; border: 7px solid #fff; } .form__item-checkbox input:checked ~ label::before { background: #019FFF; } /* * checkbox end */ .form__item_size-large input[type="text"] { height: 50px; } @media(min-width: 1200px){ .form__item_size-large input[type="text"] { height: 80px; } } .form__item_size-large input[type="text"]::placeholder { font-size: 0.875rem; } .form__item_error { color: red; } .form__item_error input[type="text"] { border-color: red; color: red; } .form__message-error { display: none; color: red; } .form__submit-button { display: flex; align-items: center; background: #019FFF; padding: 23px 60px; border-radius: 3px; border: none; color: #FFFFFF; font-weight: 600; font-size: 1.25rem; letter-spacing: 0.025em; max-width: 100%; margin-top: 15px; } .form__submit-button svg { margin-left: 15px; } @media (max-width: 992px) { .form__left { display: none; } .form-subscription-newsletter .form__left { display: block; width: 100%; max-width: 100%; } .form-subscription-newsletter { flex-direction: column; } } @media (max-width: 736px) { .form__title { font-size: 1.5rem; line-height: normal; } .form__container { padding: 20px; } .form__submit-button { font-size: 1.125rem; padding: 16px 32px; } } body [id^="wait_comp_"] { background-color: #fff !important; border-color: #019FFF !important; font-family: 'Montserrat', sans-serif !important; } /* * */ .form_new { box-shadow: 2px 2px 10px rgba(35, 84, 226, 0.1), -2px -2px 10px rgba(35, 84, 226, 0.1); } .form_new .form__title { color: #019FFF; font-size: 0.813rem; text-align: center; } .form_new .form__container { color: #019FFF; font-size: 0.813rem; padding: 30px 21px; background: #fff; } .form_new .form__item input[type="text"] { border-color: #C1CBD1; border-radius: 6.25px; height: 30px; padding-left: 13px; } .form_new .form__item input[type="text"]::placeholder { font-size: 0.5rem; font-weight: 600; } .form_new .form__item_error input[type="text"] { border-color: red; color: red; } .form_new .form__item-checkbox { color: #000; } .form_new .form__item_error { color: red; } .form_new .form__item-checkbox input ~ label::before { border: 1px solid #C1CBD1; } .form_new .form__item-checkbox label { color: inherit; font-size: 0.625rem; line-height: normal; } .form_new .form__header { margin-bottom: 28px; } .form_new .form__footer { display: flex; justify-content: center; } .form_new .form__submit-button { padding: 13px 18px; font-size: 0.688rem; } /* * */ .form_size-large { } .form_size-large .form__left { max-width: 43%; } .form_size-large .form__picture { align-items: center; } .form_size-large .form__img { height: auto; width: auto; max-width: 100%; } .form_size-large .form__container { padding-right: 96px; } .form_size-large .form__title { font-size: 1.125rem; } .form_size-large .form__item input[type="text"] { height: 40px; } .form_size-large .form__item input[type="text"]::placeholder { font-size: 0.688rem; } .form_size-large .form__item-checkbox label { font-size: 0.875rem; } .form_size-large .form__footer { justify-content: flex-start; } .form_size-large .form__submit-button { padding: 23px 53px; font-size: 0.938rem; } @media (max-width: 992px) { .form_size-large .form__container { padding-right: 21px; } .form_size-large .form__submit-button { padding: 13px 18px; font-size: 0.688rem; } } .main-user-consent-request { display: flex; align-items: center; } /* End */ /* Start:/local/templates/odyssey/css/modal.css?1723582608631*/ .modal-new { display: none; position: relative; z-index: 100; } .modal-new.is-open { display: block; } .modal-new__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .modal-new__container { position: relative; max-width: 853px; max-height: 100vh; border-radius: 27px; overflow-y: auto; box-sizing: border-box; background: #fff; } .modal-new__close { position: absolute; top: 10px; right: 10px; border: none; background: none; z-index: 1; padding: 0; } /* End */ /* Start:/local/templates/odyssey/css/solutions.css?17114029445360*/ .solution-cards { display: flex; flex-wrap: wrap; margin: 0 -10px; justify-content: center; } .solution-card { position: relative; width: 310px; height: 350px; padding: 25px; overflow: hidden; margin: 0 10px 30px; box-shadow: 0 0 38px -4px rgba(35, 84, 226, 0.3); transition: box-shadow ease .3s, background ease .3s; } .solution-card:after { content: ''; height: 24px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; background: #fff; box-shadow: 0 -10px 10px 0 rgb(255, 255, 255); transition: box-shadow ease .3s, background ease .3s; } .solution-cards_theme-with-big .solution-card:nth-child(6n), .solution-cards_theme-with-big .solution-card:nth-child(6n+1) { width: 640px; } .solution-card:hover { box-shadow: none; background-color: rgba(223, 231, 239, 0.9); } .solution-card:hover:after { background: rgba(223, 231, 239); box-shadow: 0 -10px 10px 0 rgb(223, 231, 239); } .solution-card__link-full-size { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .solution-card__caption { font-family: 'Century Gothic'; font-weight: 400; font-size: 12px; line-height: 100%; display: flex; align-items: center; letter-spacing: 0.03em; text-transform: uppercase; color: #737779; } .solution-card__caption-truncate { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .solution-card__caption:before { content: ''; display: block; margin-right: 0.625rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #019FFF; } .solution-card__img-container { margin-top: 1.5625rem; width: 100%; height: 8.625rem; } .solution-card__img { width: 100%; height: 8.625rem; object-fit: cover; } .solution-card__title { margin-top: 1.5625rem; font-weight: 700; font-size: 1.25rem; line-height: 126.19%; letter-spacing: 0.02em; color: #212121; } .solution-card__digest { margin-top: 0.5rem; font-weight: 400; font-size: 0.875rem; line-height: 126.19%; color: #212121; } @media (max-width: 1440px) { .solution-card { width: 269px; height: 300px; } .solution-cards_theme-with-big .solution-card:nth-child(6n), .solution-cards_theme-with-big .solution-card:nth-child(6n+1) { width: 559px; } .solution-card:after { height: 20px; } } @media (max-width: 1301px) { .solution-card { width: 260px; height: 300px; } .solution-cards_theme-with-big .solution-card:nth-child(6n), .solution-cards_theme-with-big .solution-card:nth-child(6n+1) { width: 540px; } } @media (max-width: 1139px) { .solution-card { width: 260px; height: auto; } .solution-card:after { display: none; } .solution-cards_theme-with-big .solution-card:nth-child(6n), .solution-cards_theme-with-big .solution-card:nth-child(6n+1) { width: 260px; } .solution-cards_theme-with-big .solution-card:nth-child(4n), .solution-cards_theme-with-big .solution-card:nth-child(4n+1) { width: 540px; } } @media (max-width: 579px) { .solution-card, .solution-cards_theme-with-big .solution-card:nth-child(6n), .solution-cards_theme-with-big .solution-card:nth-child(6n+1), .solution-cards_theme-with-big .solution-card:nth-child(4n), .solution-cards_theme-with-big .solution-card:nth-child(4n+1) { width: 100%; } } /* *Одиночная карточка на страницах проектов */ .solution-card-solo-projects { position: relative; width: 310px; height: 350px; /*padding: 25px;*/ overflow: hidden; margin: 0 10px 30px; box-shadow: 0 0 38px -4px rgba(35, 84, 226, 0.3); transition: box-shadow ease .3s, background ease .3s; top: 1000px; } .solution-card-solo-projects:after { content: ''; height: 24px; width: 100%; display: block; position: absolute; bottom: 0; left: 0; background: #fff; box-shadow: 0 -10px 10px 0 rgb(255, 255, 255); transition: box-shadow ease .3s, background ease .3s; } .solution-card-solo-projects:hover { box-shadow: none; background-color: rgba(223, 231, 239, 0.9); } .solution-card-solo-projects:hover:after { background: rgba(223, 231, 239); box-shadow: 0 -10px 10px 0 rgb(223, 231, 239); } .solution-card__link-full-size-solo-projects { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .solution-card__img-container-solo-projects { /*margin-top: 1.5625rem;*/ width: 100%; height: 10.625rem; } .solution-card__img-solo-projects { width: 100%; height: 10.625rem; object-fit: cover; } .solution-card__title-solo-projects { margin-top: 1.5625rem; font-weight: 700; font-size: 1.25rem; line-height: 126.19%; letter-spacing: 0.02em; color: #212121; padding-left: 1rem; } .solution-card__digest-solo-projects { margin-top: 0.5rem; font-weight: 400; font-size: 0.875rem; line-height: 126.19%; color: #212121; } @media (max-width: 1440px) { .solution-card-solo-projects { width: 440px; height: 511px; } .solution-card-solo-projects:after { height: 20px; } } @media (max-width: 1301px) { .solution-card-solo-projects { width: 260px; height: 300px; } } @media (max-width: 1139px) { .solution-card-solo-projects { width: 260px; height: auto; } .solution-card-solo-projects:after { display: none; } } @media (max-width: 980px) { .solution-card-solo-projects:after { display: none; } } @media (max-width: 579px) { .solution-card-solo-projects { width: 100%; } } /* End */ /* Start:/local/templates/odyssey/css/parts/header.css?169330017012181*/ .header { position: fixed; z-index: 11; width: 100%; top: 0; left: 0; border-bottom: 1px solid #fff; } .header.header-fixed { /* background-color: rgba(0, 0, 0, 0.4); */ background-color: #FFFFFF; border-bottom: none; } .header.header-fixed .header-nav__sub { width: max-content; padding: 0.625rem; background-color: rgba(0, 0, 0, 0.4); } .header-wrap { display: flex; justify-content: space-between; height: 104px; align-items: center; } .header__menu { margin-left: 10.675rem; } .header__search { position: relative; height: 36px; min-width: 54px; } .header__language { margin-left: 30px; } .header-nav { display: flex; align-items: center; border-right: 1px solid #D9D9D9; } .header-nav__item { height: 54px; position: relative; display: flex; align-items: center; margin-right: 2.5625rem; padding-bottom: 0; } .header-nav__item:last-child { margin-right: 28px; } .header-nav__dropdown-icon { display: inline-block; transition: transform .2s; } .header-nav__dropdown-icon svg path { stroke: #fff; } .header-nav__item_active .header-nav__item-link { border-bottom: 2px solid #019FFF; } .header-nav__item-link { white-space: nowrap; display: inline-block; font-weight: 500; font-size: 12px; line-height: 1rem; letter-spacing: 0.03em; color: #FFFFFF; transition: all ease .2s; } .header-nav__item-link:hover, .header-nav__item-link.-active { color: #019FFF; transition: all ease .2s; } .header-nav__item-link.-active .header-nav__dropdown-icon { transform: rotate(180deg); } .header-nav__item-link.-active .header-nav__dropdown-icon svg path { stroke: #019FFF; } .header-nav__item-arrow { margin-left: 0.5rem; transition: all ease .3s; } .header-nav__item-arrow svg { height: 0.5625rem; width: 0.875rem; } .header-nav__sub { display: none; position: absolute; left: 0; top: 5.375rem; } .header-nav__sub li { margin-bottom: 0.9375rem; } .header-nav__sub li:last-child { margin-bottom: 0; } .header-nav__sub a { display: block; font-weight: 600; font-size: 0.8125rem; line-height: 1rem; letter-spacing: 0.03em; text-transform: uppercase; color: #FFFFFF; transition: all ease .2s; } .header-nav__sub a:hover { color: #019FFF; transition: all ease .2s; } .header-menu__dropdown { left: 0; top: 104px; position: absolute; width: 100%; border-top: 1px solid #D9D9D9; background: #fff; } .header-logo { z-index: 1; } .header.header-open .header-logo svg path { fill: #000; } .header.header-open .header-logo svg path:nth-child(1), .header.header-open .header-logo svg path:nth-child(2), .header.header-open .header-logo svg path:nth-child(18) { fill: #019FFF; } .header-lang { display: flex; align-items: center; } .header-lang a { margin-left: 0.1875rem; margin-right: 0.1875rem; display: block; font-weight: 600; font-size: 0.8125rem; line-height: 1rem; letter-spacing: 0.03em; text-transform: uppercase; } .header-lang a:first-child { margin-left: 0; } .header-lang a:last-child { margin-right: 0; } .header-lang a:hover { color: #019FFF; transition: all ease .2s; } .header-lang a.active { color: #019FFF; transition: all ease .2s; } .header .burger { display: none; } .header.header-fixed .header-nav__item-arrow svg path { stroke: #212121; } .header.header-fixed .header-nav__item-link { color: #212121; } .header.header-fixed .header-lang a { color: #212121; } .header.header-fixed .header-lang a.active { color: #019FFF; } .header.header-fixed .header-logo svg path:nth-child(1) { fill: #019FFF; } .header.header-fixed .header-logo svg path:nth-child(2) { fill: #019FFF; } .header.header-fixed .header-logo svg path { fill: #000000; } .header.header-fixed .header-logo svg path:nth-child(18) { fill: #019FFF; } .header.header-fixed .header-nav__item-link:hover, .header.header-fixed .header-nav__item-link.-active { color: #019FFF; transition: all ease .2s; } .header.header-fixed .header-nav__dropdown-icon svg path { stroke: #000; } .header-open .header-nav__item-link { color: #000; } @media (min-width: 75rem) { .header-nav__item:hover .header-nav__sub { display: block; } .header-nav__item:hover .header-nav__item-arrow { transform: scale(-1); transition: all ease .3s; } } @media (max-width: 87.5rem) { .header__container { max-width: 1314px !important; } .header-nav { margin-left: 0; } } @media (max-width: 1300px) { .header__menu { margin-left: 56px; } } @media (max-width: 75rem) { .header { background-color: #FFFFFF; } .header__search { position: absolute; right: 70px; } .header .header-wrap { height: 67px; } .header .header-logo svg { display: block; height: 28px; width: auto; } .header .header-logo svg path:nth-child(1) { fill: #019FFF; } .header .header-logo svg path:nth-child(2) { fill: #019FFF; } .header .header-logo svg path { fill: #000000; } .header .header-logo svg path:nth-child(18) { fill: #019FFF; } .header-menu { display: none; } .header-lang { margin-right: 4.375rem; } .header .burger { display: flex; } .burger-close { display: none; } .header__burger { height: 69px; width: 69px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 2; } .header__burger.active { background: #F0F0F0; } .header-wrap { height: 3.75rem; } .header-open .header-menu { display: block; position: fixed; width: 100%; height: 100%; margin-left: 0; top: 0; left: 0; background: rgba(145, 152, 170, 0.6); } .header-open .header-nav { display: block; padding-top: 8rem; overflow-y: auto; padding-bottom: 4rem; background-color: #fff; } .header-open .header-nav__item { display: block; text-align: center; margin-right: 0; height: auto; margin-bottom: 1.25rem; } .header-open .header-nav__item-link { font-size: 1.75rem; line-height: 2.125rem; } .header-open .header-nav__item-arrow { position: absolute; right: 2.5rem; margin-left: 1.25rem; top: 0.3125rem; } .header-open .header-nav__item-arrow svg path { stroke: #019FFF; } .header-open .header-nav__sub a { color: #019FFF; font-size: 1.375rem; line-height: 1.75rem; } .header-nav__sub { position: static; margin-top: 20px; margin-bottom: 40px; } } @media (max-width: 48rem) { .header-open .header-nav { padding-top: 8rem; } .header-open .header-nav__item-link { font-size: 1rem; line-height: 1; } } /* Выпадающее меню */ .header-menu-dropdown { font-size: 12px; padding: 28px 0; background: #fff; display: none; } .header-menu-dropdown.-show { display: flex; } .header-menu-dropdown__column { width: 50%; border-right: 1px solid #D9D9D9; padding: 0 38px; } .header-menu-dropdown__column:first-child { padding-left: 0; width: 45%; } .header-menu-dropdown__column:last-child { border: none; padding-right: 0; width: 55%; } .header-menu-dropdown__column-title { color: #019FFF; font-weight: 600; margin-bottom: 14px; } .header-menu-dropdown__column-items { columns: 2; } .header-menu-dropdown__item { display: block; padding: 8px 0; transition: color .2s; overflow: hidden; } .header-menu-dropdown__item:hover { color: #019FFF; } /* Выпадающее меню END */ /* Мобильное меню */ .mobile-menu-opener { display: none; justify-content: center; text-decoration: none; align-items: center; font-size: 35px; cursor: pointer; z-index: 1; } .mobile-menu-opener__button { color: #00a0e0; text-decoration: none; transition: transform 0.4s; } .mobile-menu-opener.-opened > .mobile-menu-opener__button { transform: rotate(90deg); } .mobile-menu { display: none; position: absolute; top: 0; left: 0; width: 100%; align-items: center; font-size: 20px; background-color: #FFF; overflow: auto; z-index: 1; height: 100vh; flex-direction: column; justify-content: space-between; } .mobile-menu.-opened { display: flex; } .mobile-menu__link { text-decoration: none; position: relative; font-size: 12px; font-weight: 500; } .mobile-menu__link:hover, .mobile-menu__link.-active { cursor: pointer; color: #0056b3; } .mobile-menu__sub-container { display: none; } .mobile-menu__item.-opened > .mobile-menu__sub-container { display: block; } .mobile-menu__item { display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid #D9D9D9; min-height: 54px; padding: 0 20px; } .mobile-menu__item.-opened { display: block; padding: 21px 20px; } .mobile-menu__item.-parent .mobile-menu__item-toggle { display: inline-block; transition: transform .2s; position: absolute; right: 0; } .mobile-menu__item.-parent .mobile-menu__item-toggle svg path { stroke: #000; stroke-width: 1px; } .mobile-menu__item.-parent.-opened .mobile-menu__item-toggle { transform: rotate(180deg); } .mobile-menu__item.-parent .mobile-menu__item { border: none; padding: 0; } .mobile-menu__item.-opened .mobile-menu__link { display: flex; } .mobile-menu__row { width: 100%; } .mobile-menu__row > .mobile-menu__item:first-child { height: 70px; } .mobile-menu__row.-info { text-align: center; padding-top: 26px; } .mobile-menu__column { border-left: 1px solid #D9D9D9; padding-left: 20px; margin: 18px 0; } .mobile-menu__item + .mobile-menu__column { margin-top: 0; } .mobile-menu__column-title { font-size: 12px; font-weight: 400; color: #019FFF; margin-bottom: 10px; } .mobile-menu__column-items { } .mobile-menu__column-items .mobile-menu__item { min-height: 28px; } .mobile-menu__column-items .mobile-menu__link { font-weight: 400; } .mobile-menu__social { display: flex; justify-content: center; margin: 26px 0 60px; } .mobile-menu__social-item { margin: 0 12px; } /* Мобильное меню END */ /* Поисковая строка */ .search-container { display: flex; position: absolute; right: -30px; } .search-box { transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; width: 36px; height: 36px; border-radius: 20px; border: none; cursor: pointer; background: none; padding: 0 40px 0 15px; } .search-box + label .search-icon { color: black; } .search-box.hovered { color: white; /*background: #c8c8c8;*/ /*box-shadow: 0 0 0 5px #3d4752;*/ } .search-box + label .search-icon svg path { transition: fill .2s; } .search-box.hovered + label .search-icon svg path { fill: #019FFF; } .search-box.hovered + label .search-icon svg path { fill: #B5B5B5; } .search-box.hovered + label .search-icon { color: white; } .search-box.hovered { transition: width 0.2s, border-radius 0.2s, background 0.2s; border: 1px solid #B5B5B5; outline: none; box-shadow: none; padding-left: 15px; cursor: text; width: 260px; border-radius: auto; background: #fff; color: black; } .search-box.hovered + label .search-icon { color: black; } .search-box.hovered{ width: 260px; background: #fff; color: black; border: 1px solid #B5B5B5; } /*.search-box:not(:hover) {*/ /* text-indent: -5000px;*/ /*}*/ .search-icon { position: relative; left: -30px; top: 4px; color: white; cursor: pointer; } #search-icon:hover path{ fill: #019FFF; } @media (max-width: 1200px) { .search-icon { top: 8px; } .search-box + label .search-icon svg { display: inline-block; width: 19px; height: 19px; } .search-box.hovered { width: 210px; } } /* Поисковая строка END */ /* End */ /* Start:/local/templates/odyssey/css/parts/filter.css?1679309140643*/ .filter { padding-top: 45px; padding-bottom: 40px; } .filter__title { font-size: 18px; font-weight: 600; margin-bottom: 25px; } .filter__container { display: flex; flex-wrap: wrap; margin-right: -30px; } .filter__item { margin-right: 30px; margin-bottom: 20px; } .filter__button { border-radius: 3px; height: auto; font-size: 14px; } @media (max-width: 935px) { .filter__container { margin-right: 0; } .filter__item { max-width: none; width: 100%; margin-right: 0; } .filter__item .odyssey-dropdown__body { position: relative; left: auto; transform: none; } } /* End */ /* Start:/local/templates/odyssey/styles.css?170291793025623*/ /* *Шрифт для подзаголовков */ .internal-page_subtitile_font { font-family:Montserrat; font-size: 24px; letter-spacing: 0px; font-weight: 500; margin-top: 2.875rem; margin-bottom: 1.375rem; text-align: left; line-height: 30px; } @media (max-width: 768px) { .internal-page_subtitile_font { font-size: 17px; line-height: 21px; font-weight: 600; } } /* * Текстовые блоки с цветной полосой в шапке */ .text-blocks-with-top-color-border { display: flex; justify-content: space-between; flex-wrap: wrap; } .text-block-with-top-color-border { width: calc(100% / 2 - 40px); font-size: 1.313rem; font-weight: 500; line-height: 1.24; margin-bottom: 32px; } .text-block-with-top-color-border:before { content: ''; display: block; max-width: 220px; height: 3px; background: red; margin-bottom: 31px; } .text-block-with-top-color-border:nth-child(1):before { background: #019FFF; } .text-block-with-top-color-border:nth-child(2):before { background: #8000FF; } .text-block-with-top-color-border:nth-child(2):before { background: #2354E2; } .text-blocks-with-top-color-border.-column-3 .text-block-with-top-color-border { width: calc(100% / 3 - 74px); } .text-blocks-with-top-color-border.-column-3 .text-block-with-top-color-border:before { max-width: 330px; } @media (max-width: 960px) { .text-blocks-with-top-color-border .text-block-with-top-color-border { font-size: 1.125rem; } .text-blocks-with-top-color-border.-column-3 .text-block-with-top-color-border { width: calc(100% / 2 - 40px); } .text-blocks-with-top-color-border.-column-3 .text-block-with-top-color-border:last-child { margin-left: auto; margin-right: auto; } } @media (max-width: 768px) { .text-blocks-with-top-color-border .text-block-with-top-color-border, .text-blocks-with-top-color-border.-column-3 .text-block-with-top-color-border { width: 100%; font-size: 1rem; } .text-block-with-top-color-border:before { margin-bottom: 16px; } } /* * Текстовые блоки с цветным фоном () */ .text-blocks-with-color-background-description { max-width: 915px; margin-bottom: 38px; margin-top: 100px; font-weight: normal; font-size: 1.375rem; line-height: 1.14; } .text-blocks-with-color-background { display: flex; flex-wrap: wrap; justify-content: space-between; } .text-block-with-color-background { display: flex; align-items: center; justify-content: center; width: calc(100% / 3 - 25px); color: #fff; font-weight: 500; font-size: 1.125rem; margin-bottom: 30px; text-align: center; padding: 10px 52px; line-height: 1.3; } .text-block-with-color-background:after { padding-top: 43.4%; display: block; content: ''; } .text-block-with-color-background:nth-child(1) { background: #019FFF; } .text-block-with-color-background:nth-child(2) { background: #8000FF; } .text-block-with-color-background:nth-child(3) { background: #2354E2; } .text-block-with-color-background:nth-child(4) { background: #0F2D58; } .text-block-with-color-background:nth-child(5) { background: #516592; } .text-block-with-telegram { background: #fff; color: #212121; box-shadow: rgb(204, 215, 248) 0 0 30px; } .text-block-with-telegram__container { display: flex; max-width: 304px; } .text-block-with-telegram__left { margin-right: 20px; } .text-block-with-telegram__right { text-align: left; } .text-block-with-telegram__icon { width: 42px; height: 100%; background: url('/local/templates/odyssey/img/icon/telegram-icon-blue.png') no-repeat 0 6px; background-size: contain; } .text-block-with-telegram__text { font-weight: normal; font-size: 1.125rem; margin-bottom: 15px; } .text-block-with-telegram__link { display: flex; align-items: center; color: #019FFF; font-weight: 600; font-size: 1.125rem; letter-spacing: 0.019rem; } .text-block-with-telegram__link:after { display: block; content: ''; background: url('/local/templates/odyssey/img/icon/arrow-right-blue.svg') no-repeat; height: 16px; width: 22px; margin-left: 14px; } .text-block-with-telegram__link:hover:after { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } @media (max-width: 1440px) { .text-block-with-color-background { padding: 10px 40px; } } @media (max-width: 1300px) { .text-block-with-color-background { padding: 10px 32px; } } @media (max-width: 1200px) { .text-block-with-color-background { width: calc(100% / 3 - 15px); padding: 10px 42px; } .text-block-with-color-background, .text-block-with-telegram__text, .text-block-with-telegram__link { font-size: 1rem; } .text-block-with-color-background { margin-bottom: 20px; } .text-block-with-telegram__text { margin-bottom: 10px; } } @media (max-width: 960px) { .text-block-with-color-background, .text-block-with-telegram__text, .text-block-with-telegram__link { font-size: 0.875rem; } .text-blocks-with-color-background-description { font-size: 1.125rem; } } @media (max-width: 768px) { .text-block-with-color-background { width: calc(100% / 2 - 10px); font-size: 0.875rem; } .text-blocks-with-color-background-description { margin-top: 60px; margin-bottom: 20px; } } @media (max-width: 480px) { .text-block-with-color-background { width: 100%; } .text-block-with-color-background, .text-block-with-telegram__text, .text-block-with-telegram__link { font-size: 1rem; } } /* * Цитата */ .blockquote { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; margin: 30px 0 0 0; } .blockquote .blockquote__text, blockquote { display: flex; letter-spacing: 0.005em; } .blockquote .blockquote__text::before, blockquote::before { content: ''; display: block; margin-right: 1.25rem; min-width: 1.9375rem; height: 1.8125rem; background: url('/local/templates/odyssey/img/icon/qoute-icon.png') no-repeat; background-size: contain; } .blockquote .blockquote__caption { font-size: 0.8rem; margin-top: 1.25rem; } @media (max-width: 992px) { .blockquote .blockquote__text, blockquote { font-size: 1.2rem; } } @media (max-width: 736px) { .blockquote .blockquote__text::before, blockquote::before { min-width: 1.6rem; } .blockquote .blockquote__caption { margin-top: 10px; padding-left: 46px; } } .blockquote__internal-page__text{ color: #019FFF; font-weight: 500; font-style: italic; font-size: 0.938rem; } .blockquote__main-page__text{ font-weight: 600; line-height: 103.69%; font-size: 1.825rem; } .blockquote__internal-page__caption{ color: #A7A7A7; font-weight: 500; line-height: 130%; margin-left: 3.2rem; } .blockquote__main-page__caption{ font-weight: 400; margin-left: 5rem; } @media (max-width: 768px) { .blockquote__internal-page__text{ font-size: 0.8rem; } } @media screen and (min-width: 767px) { .brochure_download_block { display: none; } } .brochure_download_block{ margin-bottom: 20px; } .tables-iternal-page{ border: 1px !important; } @media (max-width: 425px) { .tables-iternal-page { font-size:9.47px; } } .table-image{ } @media (max-width: 425px) { .table-image { width: 100%; } } /* *Блок число - разделитель - текст - проекты. */ .infocount-block-internal{ display: flex; flex-direction: row; align-items: top; max-width: 540px; } .infocount-block-internal-item1{ } .infocount-block-internal-item1-1{ font-size: 48px; padding-right: 13px; padding-top: 12px; width: 100px; } .infocount-block-internal-item1-2{ font-size: 1rem; padding-top: 15px; } .infocount-block-internal-item2{ width: 4px; background-color: #019FFF; } .infocount-block-internal-item3{ display: flex; padding-left: 1px; flex-wrap: wrap; } .infocount-block-internal-item3-1{ border-left: 2px solid #019FFF; padding-left: 20px; } @media (max-width: 768px) { .infocount-block-internal-item3 { width: 300px; } } @media (max-width: 768px) { .infocount-block-internal { width: 300px; } } /* *Блок проекты: слева картинка, справа текст */ .left__pic__with-text__project__block{ display: flex; flex-direction: row; width: 100%; width: 1121px; } @media (max-width: 425px) { .left__pic__with-text__project__block{ width: 100%; /*justify-content: center;*/ } } @media (max-width: 768px) { .left__pic__project__block{ width: 347px; height: 160px; } .left__pic__with-text__project__block{ flex-wrap: wrap; } .right__text__project__block{ margin-top: 36px; padding-left: 0px; width: 347px; } } @media (min-width: 769px) { .left__pic__project__block{ height: 395px; width:549px; } .left__pic__with-text__project__block{ flex-wrap: nowrap; } .right__text__project__block{ padding-left: 26px; width: 544px; } } /*@media (max-width: 2500px) { .left__pic__project__block{ height: 395px; width:549px; } }*/ .left__pic__project__block{ object-fit: cover; /*height: 395px; width:549px; */ max-width: 540px; max-height: 100%; } .right__text__project__block{ padding-top: 5px; } /* *Цитата с логотипом */ .short-blue-line{ background-color: #019FFF; width:82%; height: 2px; position: relative; left: -240px; } @media (max-width: 992px) { .short-blue-line { width:122px; } } @media (max-width: 425px) { .short-blue-line { width:331px; } } .long-blue-line{ background-color: #019FFF; width: 146%; height: 2px; position: relative; left: -240px; margin-top: 2rem; } @media (max-width: 425px) { .long-blue-line { width:190%; } } .pre-quote-container{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; max-width: 35.3333rem; align-items: center; margin-left: 0.5rem; padding-top: 1.4rem; margin-bottom: 22px; } .blockquote { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .quote-picture-text{ padding-left: 35px; max-width: 22.0667rem; font-size: 0.9333rem; } @media (max-width: 992px) { .quote-picture{ width:84px; height: 38px; } } @media (max-width: 992px) { .quote-picture-text{ font-size:0.8rem; } } .blockquote-new .blockquote__text-new, blockquote { display: flex; letter-spacing: 0.005em; } .blockquote-new .blockquote__text-new::before, blockquote::before { content: ''; display: block; margin-right: 1.25rem; min-width: 16px; height: 20px; background: url('/local/templates/odyssey/img/notes.png') no-repeat; background-size: contain; } .blockquote-new{ max-width: 530px; } @media (max-width: 992px) { .blockquote-new .blockquote__text-new, blockquote { font-size: 0.6667rem; } } @media (max-width: 768px) { .blockquote-new { width: 300px; } } .quote-picture{ max-width: 137px; max-height: 62px; } /* *Блок интервью в инсайтах */ .insight-interview-respondent-block{ display: flex; flex-direction: row; max-width: 750px; margin-bottom: 0.8rem; } .respondent-text{ width: 100%; padding-left: 0.75rem; } .respondent-picture{ height:4rem ; max-width: 85.55px; border-radius: 100px; } .insight-interview-interviewer-block{ display: flex; flex-direction: row; max-width: 540px; margin-bottom: 0.8rem; align-items: center; } .interviewer-text{ width: 100%; font-weight: 600; padding-left: 0.75rem; } .interviewer-picture{ height:4rem ; max-width: 85.55px; border-radius: 100px; } /* *Цитата на страницах инсайтов с интервью */ .quote-insights::before{ content: ''; display: block; margin-right: 1.25rem; min-width: 16px; height: 20px; background: url('/local/templates/odyssey/img/“topquote.png') no-repeat; background-size: contain; } .quote-insights::after{ content: ''; display: block; margin-right: 1.25rem; min-width: 16px; height: 20px; background: url('/local/templates/odyssey/img/”bottomquote.png') no-repeat; background-size: contain; margin-left: 85%; } .quote-insights-container{ max-width: 650px; margin-left: 3.5rem; } .quote-insights-container{ margin-bottom: 2rem; } .quote-insights{ max-width: 800px; } .author-caption-insights{ position: relative; top: -0.88rem; color: #848994; font-size: 1rem; } .quote-text-insights{ font-weight: 400; font-size: 50px; color: #848994; line-height: 50px; } @media (max-width: 768px) { .quote-text-insights { font-size: 30px; width: 300px; } } @media (max-width: 425px) { .quote-insights::after{ margin-left: 85%; } } /* *Блок: слева текст, справа картинка */ .block-left-text-right-pic-insights{ display: flex; width: 100%; flex-wrap: nowrap; justify-content: space-between; } @media (max-width: 768px) { .block-left-text-right-pic-insights { flex-wrap: wrap; } .block-left-text-right-pic-insights__text{ margin-bottom: 2rem; } } .block-left-text-right-pic-insights__pic{ max-width: 632px; max-height: 360px; } .block-left-text-right-pic-insights__text{ max-width: 754px; } /* *Список с иконками */ .list-with-icons{ display: flex; flex-direction: row; align-items: center; max-width: 540px; margin-bottom: 0.8rem; } .list-with-icons-text{ width: 100%; font-weight: 600; padding-left: 0.75rem; color:#019FFF; } .list-with-icons-pic{ height:4rem ; max-width: 85.55px; border-radius: 100px; } @media (max-width: 1199px) { .solution-page .main .button_white{ position: relative; top: 10px; } } .pop-bg{ width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; } .pop-bg .backgr{ background: rgba(0,0,0,.65); width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; } .pop-bg .form{ overflow: hidden; max-width: 838px; height: 478px; border-radius: 15px; padding: 70px 200px 70px 50px; display: block; font-size: 13px; position:relative; background: #fff; /*color: white;*/ color: black; background-size: cover; background-image: url(/local/templates/odyssey/img/bg-form.png); /*background-image: url(/local/templates/odyssey/img/odyssey-digital-commerce-popup.jpg);*/ /*background-image: url(/local/templates/odyssey/img/forum-1c/pop-up-forum-1c.jpg);*/ z-index: 1001; } .pop-bg .close{ width: 25px; height: 25px; position: absolute; top: 20px; right: 20px; cursor:pointer; z-index: 1030; padding: 15px; } .pop-bg .close:before, .pop-bg .close:after{ display: block; content: ''; width: 20px; height: 2px; /*background: white;*/ background: black; top: 50%; left: 3px; position: absolute; transform: rotate(45deg); transition: 0.3s; } .pop-bg .close:after{ transform: rotate(-45deg); } .pop-bg .close:hover:before{ transform: rotate(-45deg); } .pop-bg .close:hover:after{ transform: rotate(45deg); } .pop-bg .title{ font-size: 52px; line-height: 65px; /*text-transform: uppercase;*/ font-weight: 500; margin-bottom: 34px; } .pop-bg .subtitle { font-size: 19px; position: relative; display: inline-block; margin-bottom: 14px; font-weight: 600; } .pop-bg .subtitle:before{ content: ""; width: 200%; height: 1px; position: absolute; bottom: -3px; right: 0; /*transform: translateX(-100%);*/ background: white; } .pop-bg .title span{ font-size: 21px; display: block; text-transform: none; line-height: 27px; } .pop-bg .text{ line-height: 19px; margin-bottom: 40px; font-size: 17px; } .pop-bg .link{ font-weight: 600; color: #019FFF; } .link svg{ position: relative; top: 2px; left: 5px; } .fon-link{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; } .pop-bg.hide { display: none; } .nobr{ white-space: nowrap; } @media (max-width: 768px) { .pop-bg .form{ width: calc(100% - 40px); min-height: 478px; padding: 20px 30px; /*padding-top: 50px;*/ padding-top: 100px; background-position: right; } } @media (max-width: 510px) { .pop-bg .subtitle { font-size: 13px; font-weight: 600; } .pop-bg .title { font-size: 28px; line-height: 36px; margin-bottom: 25px; } .pop-bg .form{ padding-top: 40px; font-size: 11px; /*background-size: cover;*/ background-size: contain; background-repeat: no-repeat; /*background-position: center bottom;*/ background-position: bottom; background-image: url(/local/templates/odyssey/img/bg-form-s.png); /*background-image: url(/local/templates/odyssey/img/odyssey-digital-commerce-popup-mobile.jpg);*/ /*background-image: url(/local/templates/odyssey/img/forum-1c/pop-up-forum-1c-mobile.jpg);*/ min-height: 540px; } .pop-bg .title span { font-size: 16px; line-height: 21px; } .pop-bg .text { line-height: 16px; margin-bottom: 10px; font-size: 11px; } .pop-bg .form .link{ text-shadow:none; } } /*Вебинар 16.11.2023*/ .webinar-main--big{ min-height: 500px; } .webinar-date-wrapper{ margin-bottom: 20px; } .webinar-date-wrapper__type{ font-size: 20px; font-style: normal; font-weight: 700; line-height: 137.9%; color: #019FFF; } .webinar-date-wrapper__date{ color: #019FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 137.9%; } .rounded-btn{ border-radius: 30px; } .btn-with-arrow{ font-size: 14px; } .btn-white svg path{ stroke: #019FFF; } .btn-white:hover svg{ -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .btn-white:hover{ color: #019FFF; } .btn-white{ background: white; color: #019FFF; text-decoration: none; } .webinar-main--big{ min-height: 600px!important; } .webinar-main--big .webinar-main-img img{ object-position: right; } .forum-principles{ margin-top: 60px; } .webinar-section-margins{ margin-top: 60px; } .interested-wrapper{ background: #EEEFF2; display: flex; flex-direction: column; gap: 30px; } .interested-left-col{ padding: 50px 40px; font-size: 25px; font-weight: 600; line-height: 113.188%; } .interested-right-col{ padding: 30px; text-align: center; background: white; display: flex; flex-direction: column; gap: 30px; -webkit-box-shadow: 0px 0px 30px -10px rgba(35, 84, 226, 0.27); -moz-box-shadow: 0px 0px 30px -10px rgba(35, 84, 226, 0.27); box-shadow: 0px 0px 30px -10px rgba(35, 84, 226, 0.27); } .interested-left-col__item{ display: flex; flex-direction: column; gap: 24px; align-items: center; flex: 1 1 33%; font-weight: 500; } .interested-left-col__item img{ width: 120px; } .speaker-wrapper{ display: flex; flex-wrap: wrap; gap: 40px; } .speaker-wrapper img{ max-width: 100%; } .speaker-wrapper-content{ } .speaker-wrapper-content__speaker{ font-size: 25px; font-style: normal; font-weight: 600; line-height: 113.188%; } .speaker-wrapper-content__name{ font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; /* 66px */ letter-spacing: 0.3px; margin-top: 8px; } .speaker-wrapper-content__post{ font-size: 18px; margin-top: 16px; } .speaker-wrapper-content__about{ margin-top: 28px; font-size: 20px; display: flex; flex-direction: column; gap: 16px; } .speaker-wrapper-content__about div{ padding-left: 30px; position: relative; line-height: 25px; } .speaker-wrapper-content__about svg{ position: absolute; left: 0; top: 5px; } .webinar-h2{ font-size: 24px; font-style: normal; font-weight: 600; line-height: 113.188%; } .webinar-16-11-program{ display: flex; flex-direction: column; gap: 30px; margin-top: 40px; } .webinar-16-11-program__item{ position: relative; max-width: 500px; } .webinar-16-11-program__item img{ width: 100%; max-width: 500px; } .webinar-16-11-program__content svg{ margin-bottom: 35px; } .webinar-16-11-program__content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; color: white; text-align: center; min-width: 280px; } @media (min-width: 737px){ .webinar-main--big{ min-height: 750px!important; } .webinar-16-11-program__item{ width: 33%; } .webinar-16-11-program__content{ font-size: 20px; } } @media (min-width: 992px){ .webinar-date-wrapper__type{ font-size: 24px; } .webinar-date-wrapper__date{ font-size: 48px; } .interested-wrapper { flex-direction: row; } .interested-left-col{ width: 300px; } .interested-right-col{ flex-direction: row; gap: 20px; } .speaker-wrapper{ flex-wrap: nowrap; } .webinar-h2{ font-size: 33px; } } @media (min-width: 1200px) { .webinar-main--big .webinar-title { font-size: 48px; } .webinar-main--big .main-title__sub{ font-size: 24px; letter-spacing: 0; padding-right: 400px; } .webinar-main--big .webinar-title{ padding-right: 210px; } .rounded-btn{ border-radius: 62px; } .principles-title--big{ font-size: 60px; } .btn-with-arrow{ font-size: 20px; } .forum-principles{ margin-top: 120px; } .forum-principles .principles-wrap{ margin-top: 80px; } .interested-left-col{ padding: 50px 40px; font-size: 33px; } .interested-right-col{ padding: 60px; gap: 80px; } .speaker-wrapper-content__name{ font-size: 60px; } .speaker-wrapper-content__post{ font-size: 20px; } .speaker-wrapper-content__about{ font-size: 20px; } .webinar-16-11-program{ flex-direction: row; } } @media (min-width: 1400px) { .principles-title--big { font-size: 60px; } .webinar-section-margins{ margin-top: 120px; } .speaker-wrapper{ gap: 200px; } } /*конец*/ /*Страница Odyssey Optimizer*/ .optimizer-h3{ font-size: 30px; font-weight: 600; margin-bottom: 25px; line-height: 103.688%; } .optimizer-problems-wrapper{ display: flex; } .optimizer-problems-img{ max-width: 342px; margin-right: 20px; display: none; } .optimizer-problems-item{ display: flex; gap: 26px; align-items: center; margin-bottom: 24px; } .optimizer-decision-wrapper { position: relative; margin-bottom: 40px; } .optimizer-decision-left-col p{ font-size: 18px; font-style: normal; font-weight: 400; line-height: 125.2%; } .optimizer-decision-subtitle{ font-size: 40px; font-style: normal; font-weight: 500; line-height: 110%; /* 55px */ letter-spacing: 0.25px; } .optimizer-decision-title{ font-size: 35px; font-style: normal; font-weight: 600; line-height: 110%; letter-spacing: 0.28px; margin-bottom: 20px; } .optimizer-decision-left-col{ background-color: #EEEFF2; padding: 20px; } .optimizer-decision-wrapper:before{ content: ""; position: absolute; left: 0; height: 100%; width: calc((100vw - 81.25rem) / 2); background-color: #EEEFF2; transform: translateX(-100%); } .optimizer-decision-wrapper img{ display: none; } .optimizer-advantages-items{ display: flex; flex-direction: column; gap: 20px; margin-top: 30px; } .optimizer-advantages-item{ padding: 20px; text-align: center; display: flex; align-items: center; vertical-align: center; color: white; } .optimizer-color--light-blue{ background-color: #019FFF; } .optimizer-color--purple{ background-color: #8000FF; } .optimizer-color--intense-blue{ background-color: #2354E2; } .optimizer-color--dark-blue{ background-color: #0F2D58; } .optimizer-color--remotely-blue{ background-color: #516592; } .optimizer-color--white{ background-color: white; color: #212121; box-shadow: 10px 10px 30px 0px rgba(92, 92, 92, 0.10); padding: 39px; } .optimizer-advantages-item__link p{ margin-bottom: 0; font-size: 18px; } .optimizer-advantages-item__link .blue-text{ display: flex; flex-direction: row; gap: 10px; align-items: center; } .optimizer-advantages-item__link{ display: flex; flex-direction: column; gap: 17px; text-align: left; } .optimizer-charts-title{ font-size: 21px; font-style: normal; font-weight: 600; line-height: 125.2%; margin-bottom: 20px; } .optimizer-charts-list div:before{ content: ""; position: absolute; left: 0; top: 5px; border: 10px solid transparent; border-left: 20px solid #212121; } .optimizer-charts-list div{ font-size: 21px; font-style: normal; font-weight: 400; line-height: 125.2%; padding-left: 40px; position: relative; } .optimizer-charts-list{ display: flex; flex-direction: column; gap: 20px; } .optimizer-charts{ padding-bottom: 120px; background: url("/local/templates/odyssey/img/optimizer/optimizer-charts.svg") no-repeat; background-position: right top; background-size: auto; } .optimizer-gtaph{ margin-top: -100px; padding-right: 20px; } @media(min-width: 600px){ .optimizer-charts { padding-right: 30%; padding-bottom: 200px; } .optimizer-advantages-items{ flex-direction: row; flex-wrap: wrap; } .optimizer-advantages-item{ width: calc(50% - 10px); } } @media(min-width: 768px){ .optimizer-decision-title { font-size: 45px; } .optimizer-decision-wrapper{ display: flex; } .optimizer-decision-wrapper img{ display: block; } } @media(min-width: 992px){ } @media(min-width: 1200px){ .optimizer-h3{ font-size: 40px; margin-bottom: 40px; } .optimizer-problems-img{ display: block; margin-bottom: -30px; object-fit: contain; object-position: bottom; } .optimizer-decision-left-col p { font-size: 21px; } .optimizer-decision-title { font-size: 56px; } .optimizer-decision-subtitle { font-size: 50px; } .optimizer-decision-left-col{ padding: 80px 50px; } .optimizer-decision-wrapper{ margin-bottom: 80px; } .optimizer-advantages-items{ margin-top: 50px; } } @media(min-width: 1440px){ .optimizer-advantages-item{ width: calc(33% - 11px); } } /*конец*/ /* End */ /* Start:/local/templates/odyssey/template_styles.css?175571486133728*/ p { font-size: 15px; line-height: 24px; margin-bottom: 15px; } .partner-1c-logo{ position: absolute; top:33px; left: 25px; max-width: 100px; } .industry-content { max-width: none; } .industry-content img { max-width: 100%; height: auto; } .color-white { color: white !important; } .fs-lg-22 { font-size: 18px; } .fs-lg-24 { font-size: 18px; } .fs-lg-28 { font-size: 20px; } .fs-xl-28 { font-size: 22px; } @media (min-width: 992px) { .fs-18 { font-size: 18px; } .fs-lg-19 { font-size: 19px !important; } .fs-lg-24 { font-size: 24px; } .fs-lg-22 { font-size: 22px; } .fs-lg-20 { font-size: 20px !important; } .fs-lg-28 { font-size: 28px; } .fs-xl-28 { font-size: 24px; } .fs-xl-32 { font-size: 26px; } .fs-xxl-48 { font-size: 36px; } .fs-xxl-62 { font-size: 40px; } } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .column-2 { column-count: 2; } .mr-25 { margin-right: 25px; } .custom-text { font-size: 30px; color: tomato; } .btn-outline-primary { color: #019FFF; font-size: 10px; font-weight: 600; border-radius: 3px; border: 2px solid #019FFF; padding: 10px 15px; display: inline-block; letter-spacing: 0.1px; background: white; } @media (min-width: 992px) { .btn-outline-primary { padding: 14px 26px; font-size: 12px; letter-spacing: 0.3px; } .p-r-lg-75 { padding-right: 75px; } } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.5rem !important; } .mt-2 { margin-top: 1rem !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .text-center { text-align: center; } @media (min-width: 1200px) { .webinar-form-info { position: absolute; left: 25px; max-width: 35%; background: white; padding: 10px; border-radius: 5px; } } .text-left { text-align: left; } .text-uppercase { text-transform: uppercase; } .lh-24 { line-height: 24px; } .lh-lg-28 { line-height: 24px; } .lh-lg-35 { line-height: 30px; } @media (min-width: 992px) { .mt-lg-0 { margin-top: 0 !important; } .d-lg-block { display: block !important; } .lh-lg-28 { line-height: 28px; } .lh-lg-35 { line-height: 35px; } } @media (min-width: 1400px) { .d-xxl-block { display: block !important; } } .mx-auto { margin-left: auto; margin-right: auto; } .d-inline-block { display: inline-block !important; } .d-flex { display: flex !important; } .flex-wrap { flex-wrap: wrap; } .d-block { display: block !important; } .d-none { display: none; } .p-relative { position: relative; } .justify-content-between { justify-content: space-between; } .small-text { font-size: 10px; } .small-md-text { font-size: 13px; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .max-width-100 { max-width: 100% !important; } .flex-1 { flex: 60%; } .p-0 { padding: 0; } .pr-2 { padding-right: 1rem; } .mt-xl-90 { margin-top: 60px !important; } .cursor-pointer { cursor: pointer; } @media (min-width: 1200px) { .mt-xl-90 { margin-top: 90px !important; } .fs-xl-28 { font-size: 28px; } .fs-xxl-48 { font-size: 40px; } .fs-xxl-62 { font-size: 50px; } } @media (min-width: 1400px) { .fs-xxl-62 { font-size: 62px; } } .mt-xl { margin-top: 60px; } .blue-text { color: #019FFF; } .text-bold { font-weight: 600; } .fs-12 { font-size: 12px; } .fs-13 { font-size: 13px; } .fs-15 { font-size: 15px; } .p-l-20 { padding-left: 20px; } .w-100 { width: 100%!important; } .w-50 { width: 50% !important; } .text-decoration-underline { text-decoration: underline; } /*region redesign solutions page*/ .integration-wrapper { display: flex; flex-direction: column; gap: 35px 20px; } @media (min-width: 400px) { .integration-wrapper { flex-direction: row; flex-wrap: wrap; } } .integration-item { /*border-left: 3px solid #019FFF;*/ padding-left: 15px; position: relative; } .integration-item:before { content: ""; position: absolute; left: -4px; height: 100%; width: 3px; border-radius: 10px; background: #019FFF; } @media (min-width: 450px) { .integration-item { width: calc(50% - 20px); } .long-integration-item { width: 70%; } } @media (min-width: 992px) { .integration-item { width: calc(33.3% - 20px); } .long-integration-item { width: 45%; } } .integration-item__title { font-size: 24px; font-weight: 500; line-height: 30px; color: #019FFF; } .integration-item__text { font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; } ul.solutions-list { margin-left: 20px; } ul.solutions-list li { position: relative; } ul.solutions-list li { list-style: none; font-size: 15px; margin-bottom: 15px; padding-bottom: 0; line-height: 24px; } ul.solutions-list.li-mb-10 li { margin-bottom: 10px; } ul.solutions-list li:last-child { margin-bottom: 0; } ul.solutions-list li:before { content: ""; width: 10px; border-radius: 50%; display: inline-block; background: #019FFF; height: 10px; position: absolute; left: -19px; top: 6px; } ol.solutions-ol-list { padding: 0; } .solution-h2 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; margin-bottom: 28px; } .simple-solution-text { font-size: 15px; } .link-with-arrow { color: #019FFF; font-size: 15px; font-weight: 600; line-height: 24px; } .text-decoration-none { text-decoration: none !important; } .link-with-arrow span { margin-right: 10px; text-decoration-line: underline; text-underline-offset: 2px; } .link-with-arrow svg { vertical-align: -2px; } .link-with-arrow:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .list-with-icons-pic--new { width: 42px; margin-right: 15px; } .list-with-icons--new { display: block; padding: 0 0 25px 20px; border-left: 2px solid #EEEFF2; border-bottom: 2px solid #EEEFF2; } .list-with-icons--new:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .services-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .services-item { padding: 10px 10px 30px 10px; background: #FFF; box-shadow: 2px 2px 10px 0px rgba(35, 84, 226, 0.10); display: inline-block; width: 100%; } .services-item img { width: 100%; } @media (min-width: 768px) { .services-item { width: calc(46% - 20px); } .services-item img { height: 103px; object-fit: cover; } .d-md-none { display: none !important; } .d-md-block { display: block !important; } .max-width-md-60 { max-width: 60%; } } .services-item:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } .clients-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } .clients-item { text-align: center; padding: 10px; background: #FFF; box-shadow: 2px 2px 10px 0px rgba(35, 84, 226, 0.10); width: calc(50% - 10px); min-height: 130px; } .clients-item-main { display: flex; flex-direction: column; justify-content: center; } .clients-item img { width: 100%; height: 72px; object-fit: contain; } .clients-item:hover svg { -webkit-animation-name: linkArrRight; animation-name: linkArrRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-duration: 2s; } @media (min-width: 600px) { .clients-item { width: calc(33% - 20px); } } @media (min-width: 768px) { .clients-item { max-width: calc(33% - 40px); padding: 20px; } } @media (min-width: 1200px) { .clients-item { max-width: calc(25% - 15px); } } .main-user-consent-request-announce-link { color: #000; font-size: 10px; line-height: 125.2%; } .form__item-checkbox label { position: relative; } .form_new .form__container[name=CONSULTATION_WITH_EXPERT] .form__item-checkbox label { position: relative; margin-bottom: 4px; display: block; } .form__container[name=CONSULTATION_WITH_EXPERT] .form__item-checkbox input ~ label::before { min-height: 16px; min-width: 16px; border: 1px solid #C1CBD1; } .form-1c-forum .form__item-checkbox input ~ label::before { border: 1px solid #C1CBD1; } .form-1c-forum .main-user-consent-request-announce-link { font-size: 16px; } .form__container[name=REGISTRATION_ON_FORUM_1C] input ~ label::before { min-height: 16px; min-width: 16px; } .form-1c-forum .form__item-checkbox input ~ label::before { height: 16px; width: 16px; /*background: #019FFF;*/ border: 1px solid #C1CBD1; } .form__container[name=REGISTRATION_ON_FORUM_1C] input:checked ~ label::after { content: ""; width: 6px; height: 3px; border-style: solid; border-width: 0 0 2px 2px; transform: rotate(-45deg); position: absolute; top: unset; left: 4px; color: white; } .form__container[name=CONSULTATION_WITH_EXPERT] .form__item-checkbox input:checked ~ label::after { content: ""; width: 8px; height: 5px; border-style: solid; border-width: 0 0 2px 2px; transform: rotate(-45deg); position: absolute; top: 4px; left: 4px; color: white; } .form__container[name=CONSULTATION_WITH_EXPERT] .form__body .form__item:last-of-type { margin-bottom: 25px; } /*end*/ /*region CARE page*/ .technology-steck-wrapper { display: grid; grid-template-columns: repeat(2, calc(50% - 50px)); /* 2 элемента на мобильном */ grid-gap: 50px; /* отступы между элементами */ align-items: baseline; } .technology-steck-wrapper img { width: 100%; object-fit: contain; max-height: 70px; } @media (min-width: 600px) { .technology-steck-wrapper { grid-template-columns: repeat(3, 150px); /* 3 элемента на планшете */ } } @media (min-width: 992px) { .technology-steck-wrapper { grid-template-columns: repeat(4, 160px); /* 4 элемента на планшете */ } } @media (min-width: 1400px) { .technology-steck-wrapper { grid-template-columns: repeat(5, 170px); /* 5 элементов на компьютере */ } } .current-clients .clients-item img { max-width: 147px; max-height: 57px; } @media (min-width: 992px) { .opportunities-wrapper { display: flex; gap: 0 40px; } .opportunities-col { flex: 1 1 400px; } } @media (min-width: 1200px) { .opportunities-wrapper { gap: 0 110px; } } .opportunities-item { display: flex; align-items: center; gap: 16px; } .services-package-wrapper { display: flex; gap: 50px; flex-direction: column; } .services-package-wrapper-item { padding: 0 12px; } .services-package-wrapper-item__head { margin: 0 -12px; border-radius: 3px 3px 0px 0px; text-align: center; font-size: 24px; font-weight: 500; line-height: 30px; color: white; padding: 20px; position: relative; } .services-package-wrapper-item__head:before { content: ""; border-left: 12px solid transparent; width: 0; height: 0; bottom: -12px; position: absolute; left: 0; } .services-package-wrapper-item__head:after { content: ""; border-left: 12px solid transparent; width: 0; height: 0; bottom: -12px; position: absolute; right: 0; transform: scale(-1, 1); } .services-package-wrapper-item__head.light-blue:after, .services-package-wrapper-item__head.light-blue:before { border-top: 12px solid #09639A; } .services-package-wrapper-item__head.blue:after, .services-package-wrapper-item__head.blue:before { border-top: 12px solid #051D64; } .services-package-wrapper-item__head.dark-blue:after, .services-package-wrapper-item__head.dark-blue:before { border-top: 12px solid #04142C; } .services-package-wrapper-item__head.light-blue { background: #019FFF; } .services-package-wrapper-item__head.blue { background: #2354E2; } .services-package-wrapper-item__head.dark-blue { background: #0F2D58; } .services-package-wrapper-item__body { border-radius: 3px; background: #FFF; box-shadow: 2px 2px 10px 0px rgba(35, 84, 226, 0.10); padding: 20px 20px 42px 20px; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 992px) { .services-package-wrapper { flex-direction: row; gap: 40px 20px; } .services-package-wrapper-item { width: 30%; } } @media (min-width: 1440px) { .services-package-wrapper-item__body { min-height: 729px; } .services-package-wrapper-item { width: 32%; } } /*end*/ /*region webinar page*/ .webinar-type { font-size: 20px; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; background: white; display: inline-block; margin-bottom: 15px; } .webinar-city { padding: 4px 10px; border-radius: 3px; background: white; display: inline-block; color: black; } @media (min-width: 768px) { .webinar-type { font-size: 30px; } } @media (min-width: 1200px) { .webinar-type { font-size: 40px; } } .webinar-main { display: flex; flex-direction: column; justify-content: center; height: auto; min-height: 300px; position: relative; padding: 20px 0; } .webinar-main-img { position: absolute; z-index: -1; width: 100%; top: 0; left: 0; height: 100%; } .webinar-main-img img { width: 100%; object-fit: cover; height: 100%; } .webinar-main-img:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .webinar-header-date-block { margin-bottom: 20px; } .webinar-header-type { color: #FFF; font-size: 9px; font-style: normal; font-weight: 400; line-height: 13.128px; text-transform: uppercase; padding: 5px 15px; border-radius: 23px; border: 1px solid #019FFF; margin-right: 45px; } .webinar-header-date { color: #FFF; font-size: 9px; font-weight: 600; line-height: 13px; text-transform: uppercase; } .webinar-header-date img { margin-right: 5px; vertical-align: -5px; } .webinar-title { color: white; font-weight: 500; line-height: normal; letter-spacing: 0.03em; font-size: 25px; } .main-socials { display: none; } .webinar-info-wrapper { background: #EEEFF2; padding: 28px 0 34px 0; } .webinar-info-wrapper__text { color: #019FFF; font-size: 14px; font-style: normal; font-weight: 600; line-height: 140%; /* 19.6px */ } .webinar-spec-item { display: flex; align-items: center; } .webinar-spec-item img { margin-right: 10px; } .webinar-spec-wrapper { display: flex; justify-content: space-between; flex-direction: column; gap: 16px; } .webinar-spec-items { margin-top: 15px; } .webinar-spec-item { margin-bottom: 15px; font-size: 14px; font-weight: 600; } .webinar-spec-item:last-of-type { margin-bottom: 0; } .stages-wrapper { padding: 40px 0 60px 0; } .stages-wrapper h2 { font-size: 17px; font-style: normal; font-weight: 600; line-height: 24px; } .stages-items { margin-top: 25px; display: flex; flex-direction: column; gap: 26px; } .stages-item.light-blue { border-left: 2px solid #019FFF; } .stages-item.blue { border-left: 2px solid #2354E2; } .stages-item.dark-blue { border-left: 2px solid #0F2D58; } .stages-item h4 { position: relative; margin-bottom: 15px; } .stages-item h4:before { content: ""; position: absolute; left: 0; bottom: -7px; height: 2px; width: 52%; background: #019FFF; } .stages-item { padding: 15px 0 15px 22px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; } .stages-item img { max-width: 35px; } .event-for-wrapper { background: url("/local/templates/odyssey/img/webinar/event-for-bg.jpg") no-repeat; background-size: cover; background-position: top; } .event-for-title { color: white; font-size: 17px; font-weight: 600; line-height: 24px; margin-bottom: 30px; } .event-for-inner { padding: 43px 0 280px 0; overflow: hidden; } .event-for-item { color: white; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; padding-left: 16px; display: flex; flex-direction: row; gap: 12px; } .event-for-item-border { position: absolute; left: 0; bottom: calc(50% - 25px); min-height: 50px; height: 100%; } .event-for-items { display: flex; flex-direction: column; gap: 40px; } .webinar-list-item__decor { color: rgba(217, 217, 217, 0.10); font-family: Arial; font-size: 170.526px; font-style: normal; font-weight: 700; line-height: 100%; position: absolute; left: 0; transform: translateX(-100%); top: 0; } .webinar-list-item { margin-bottom: 25px; } .webinar-program-title { font-size: 17px; font-weight: 600; line-height: 24px; margin-bottom: 25px; } .webinar-list-item__title { font-size: 14px; margin-bottom: 10px; } .webinar-leads-wrapper { display: flex; gap: 18px; } .webinar-leads-wrapper--flex-wrap { flex-wrap: wrap; } .webinar-leads-card { max-width: calc(50% - 10px); border: 1px solid #CCC; border-radius: 3px; margin-bottom: 25px; background: #F2F2F2; } .webinar-leads-card-inner { padding: 13px 10px 17px 10px; } .webinar-leads-card-inner__title { font-size: 12px; font-weight: 600; line-height: 145%; margin-bottom: 16px; } .webinar-leads-card-inner__subtitle { font-size: 10px; line-height: 16px; } .webinar-leads-card__img { } .webinar-leads-card__img img { width: 100%; border-radius: 3px 3px 0 0; } .form_new .form__container[name=REGISTRATION_ON_WEBINAR] .form__item-checkbox label { position: relative; margin-bottom: 4px; display: block; } .form__container[name=REGISTRATION_ON_WEBINAR] .form__item-checkbox input ~ label::before { min-height: 14px; min-width: 14px; } .form__container[name=REGISTRATION_ON_WEBINAR] .form__item-checkbox input:checked ~ label::after { content: ""; width: 6px; height: 3px; border-style: solid; border-width: 0 0 2px 2px; transform: rotate(-45deg); position: absolute; top: 5px; left: 4px; color: white; } .form__container[name=REGISTRATION_ON_WEBINAR] .form__body .form__item:last-of-type { margin-bottom: 25px; } .modal__container .form__container[name=REGISTRATION_ON_WEBINAR] .form__sub-title { font-size: 13px; text-align: center; color: black; font-weight: 400; line-height: 126.188%; } .modal__container .form__container[name=REGISTRATION_ON_WEBINAR] .form__title { font-size: 17px; line-height: 126%; margin-bottom: 25px; } .modal__container .form__container[name=REGISTRATION_ON_WEBINAR] .form__title { font-size: 1.563rem; } .webinar-page .brochure > .container { position: sticky; top: 100px; } .webinar-page .project-article > .container { display: flex; } .webinar-page .project-article__text { margin-top: 38px; font-weight: 400; padding-right: 60px; } @media (max-width: 992px) { .webinar-page .project-article > .container { display: block; max-width: none; } } @media (min-width: 1200px) { .webinar-page .project-article__text { max-width: calc(100% - 500px); } } @media (max-width: 1300px) { .webinar-page .brochure .container { padding: 0; } } .webinar-page .container > .brochure { max-width: 420px; margin: 0; padding: 0; margin-top: -112px; /* max-height: 400px; */ } @media (max-width: 992px) { .webinar-page .container > .brochure { margin: auto; } } .webinar-page .brochure > .container { position: sticky; top: 100px; } .webinar-page .project-article { overflow: visible; margin-bottom: 60px; } .form-projects-container { } @media (min-width: 500px) { .event-for-wrapper { background-position: bottom; } .webinar-leads-card { max-width: 172px; } } @media (min-width: 737px) { .webinar-main { padding: 70px 0; min-height: 450px; } .webinar-header-date-block { margin-bottom: 56px; } .webinar-header-type { font-size: 16px; line-height: 22px; padding: 9px 23px; border-radius: 23px; margin-right: 74px; } .webinar-header-date { font-size: 16px; line-height: 21px; } .webinar-title { font-size: 30px; } .webinar-spec-wrapper { } .webinar-spec-items { margin-top: 0; } .webinar-header-date img { vertical-align: -8px; width: 28px; } .event-for-wrapper { margin-top: 90px; background: url("/local/templates/odyssey/img/webinar/event-for-bg-desktop.jpg") no-repeat; background-size: cover; background-position: right; } .event-for-inner { padding: 76px 0 88px 0; } } @media (min-width: 992px) { .webinar-info-wrapper__text { font-size: 23px; } .webinar-spec-wrapper { flex-direction: row; gap: 0 100px; } .webinar-info-wrapper__text { max-width: 60%; } .webinar-spec-item { font-size: 20px; } .stages-wrapper h2 { font-size: 23px; font-weight: 500; } .stages-items { margin-top: 40px; } .stages-items { font-size: 15px } .stages-item img { max-width: 42px; } .stages-item h4 { font-size: 19px; } .webinar-leads-card-inner__title { font-size: 13px; } .webinar-leads-card-inner__subtitle { font-size: 11px; } .webinar-program-title { margin-bottom: 30px; } } @media (min-width: 1200px) { .webinar-title { font-size: 33px; padding-right: 150px; } .webinar-info-wrapper { padding: 47px 0 51px 0; } .webinar-spec-item:first-of-type { margin-bottom: 33px; } .webinar-spec-item img { width: 27px; margin-right: 12px; } .webinar-spec-wrapper { gap: 0 23px; } .main-socials { display: flex; gap: 36px; flex-direction: row; position: absolute; right: -70px; top: 50%; transform: rotate(90deg) translateX(3%); } .main-socials a { color: #019FFF; font-size: 12px; font-weight: 800; letter-spacing: 2.88px; text-transform: uppercase; } .stages-wrapper { padding: 60px 0 50px 0; } .stages-items { flex-direction: row; gap: 0 64px; } .stages-item { width: 33%; } .stages-item img { margin-bottom: 30px; } .event-for-items { gap: 50px 20px; flex-direction: row; width: 50%; flex-wrap: wrap; } .event-for-item { font-size: 15px; line-height: 145%; max-width: 255px; } .event-for-item img:last-of-type { max-width: 30px; } .event-for-item-border { max-width: 230px; object-fit: fill; height: 50px; transform: scaleY(2); object-position: 0 0; } .event-for-title { font-size: 23px; font-weight: 500; line-height: 140%; margin-bottom: 43px; } .webinar-list-item { margin-bottom: 30px; } .webinar-program-title { font-size: 23px; font-weight: 500; line-height: 140%; } .webinar-list-item__title { font-size: 15px; } .mt-xl-60 { margin-top: 60px !important; } .mt-xl-30 { margin-top: 30px !important; } } @media (min-width: 1400px) { .webinar-spec-items { display: flex; gap: 45px; align-items: flex-start; } .webinar-spec-items > .webinar-spec-item { flex: 1 1 260px; } .webinar-info-wrapper__text { max-width: 52%; } .event-for-inner { padding: 113px 0 150px 0; } .clients-item-main { max-width: calc(20% - 17px); } } /*end*/ /*forum*/ .forum-main-img { position: absolute; z-index: -1; width: 100%; top: 0; left: 0; height: 100%; } .forum-main-img img { width: 100%; object-fit: cover; height: 100%; } .decoration-border { position: relative; } .decoration-border:before { content: ""; position: absolute; left: -4px; height: 100%; width: 3px; border-radius: 10px; background: #019FFF; } /*.form_new .h-captcha iframe{*/ /* padding-left: 1.25rem;*/ /* padding-right: 1.25rem;*/ /*}*/ @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } .filter-text { margin-top: 50px; } /*end*/ /*forum 1c*/ .forum-1c-section { line-height: 24px; } .services-list__item { margin-bottom: 12px; display: flex; gap: 16px; line-height: 24px; } .forum-1c-schedule { display: flex; flex-direction: column; } .forum-goal { position: relative; padding: 30px; /*margin-top: 50px;*/ } .forum-goal:before { position: absolute; top: 0px; left: 0px; display: block; width: 100px; height: 100px; border-top: 2px #EEEFF2 solid; border-left: 2px #EEEFF2 solid; content: ""; } .forum-goal:after { content: ""; position: absolute; bottom: 0px; right: 0px; display: block; width: 100px; height: 100px; border-bottom: 2px #EEEFF2 solid; border-right: 2px #EEEFF2 solid; } .forum-digits-wrapper { padding: 50px 0; display: flex; flex-direction: column; gap: 20px; } .forum-digits-item { text-align: center; } .forum-digits-item h3 { color: #019FFF; font-size: 40px; font-style: normal; font-weight: 500; border-bottom: 2px #C1CBD199 solid; line-height: 40px; } .forum-digits-item div { margin-top: 15px; } .forum-digits-inner { display: inline-block; } .form-1c-wrapper { background: #EEEFF2; padding: 40px 0; } .form-1c-forum .form__title { margin-bottom: 30px; } .form-1c-forum .form__item_size-large input[type="text"] { height: unset; padding: 17px 20px; border: 1px solid #E5E7ED; border-radius: 8px; /*color: #C1CBD1;*/ } .form-1c-forum .form__item_size-large input[type="text"]::placeholder { font-size: 11px; font-weight: 400; } .form-1c-forum .form__item { margin-bottom: 10px; } .form-webinar .form__container { min-height: 400px; } .form__container_success .form__header { display: none; } .webinar-form-btn svg { margin-left: 9px; vertical-align: -1px; } .webinar-form-btn svg path { stroke: #019FFF; } .webinar-form-btn { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.45px; color: #019FFF; border: none; background: none; margin-top: 20px; } @media (min-width: 567px) { .forum-digits-item { width: calc(50% - 20px); } .forum-digits-wrapper { flex-wrap: wrap; flex-direction: row; } } @media (min-width: 768px) { .forum-digits-wrapper { justify-content: space-between; flex-direction: row; } .forum-digits-item { width: unset; } } @media (min-width: 992px) { .form-1c-forum .form__body { column-count: 2; } .form-1c-forum .form__container { width: 100%; } } @media (min-width: 1200px) { .forum-1c-schedule { flex-direction: row; gap: 70px; } .forum-1c-schedule__item { width: 50%; } .forum-goal-wrapper { display: flex; gap: 30px; flex-direction: row; align-items: center; } .forum-goal-item { width: 50%; height: max-content; } .forum-digits-item h3 { font-size: 70px; line-height: 70px; } .forum-digits-wrapper { padding: 80px 0; } .form-webinar .form__container { background-image: url("/local/templates/odyssey/img/webinar/form-webinar-bg__min.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 56px 60px 56px 41%; } } @media (min-width: 1440px) { .services-list { column-count: 2; } .services-list { } } /*end*/ /*новая форма*/ .new-consultation-section { background: url("/local/templates/odyssey/components/bitrix/form.result.new/form-consultation-new/img/new-consultation-bg-mobile.jpg") no-repeat; background-size: cover; padding: 60px 0 0 0; paddint-top: 60px; color: white; } .new-consultation-title { font-size: 32px; color: white; font-weight: 500; margin-bottom: 24px; } .footer { margin-top: 0; } .new-consultation-section .main-user-consent-request-announce-link{ color: white; } .new-consultation-section .form__item-checkbox label { display: inline-block; width: 20px; height: 20px; border: 1px solid #019FFF; border-radius: 4px; position: relative; cursor: pointer; margin-right: 10px; background: #019FFF; } .new-consultation-section .form__item-checkbox input:checked ~ label::before { content: url("/test/landings/odyssey4retail/img/checbox-check.svg"); } .new-consultation-section .form__item-checkbox input ~ label::before{ display: inline-block; cursor: pointer; height: 0; width: 0; position: absolute; top: -3px; left: 3px; border: none; background: transparent; } .new-consultation-section .form__item input[type="text"] { border: 1px solid transparent; border-radius: 8px; height: 50px; padding-left: 30px; width: 100%; background: #333; background-color: #333!important; color: white; } .new-consultation-section .new-design-btn { border: none; width: 100%; } .new-consultation-section .form__container{ background: none!important; } .new-consultation-planet { text-align: center; margin-top: 90px; } .new-consultation-planet img { max-width: 500px; margin: 0 auto; } @media (min-width: 768px) { .new-consultation-title { margin-bottom: 40px; } .new-consultation-section { padding-top: 100px; } } @media (min-width: 1200px) { .form__container-new{ padding-bottom: 100px; } .new-consultation-planet img{ max-width: 600px; } .new-consultation-title { font-size: 48px; font-weight: 600; margin-bottom: 65px; text-transform: uppercase; line-height: 60px; } .new-consultation-section { background: url("/local/templates/odyssey/components/bitrix/form.result.new/form-consultation-new/img/new-consultation-bg-desktop.jpg") no-repeat; background-size: cover; padding: 100px 0 0 0; } } /*end*/ /*Хлебные крошки*/ .bx-breadcrumb { color: white; } .breadcrump--services{ margin: 30px 0 40px 0; } .inside-page .main{ justify-content: flex-start; } @media(min-width: 992px){ .breadcrump--services{ margin: 50px 0 80px 0; } } /*end*/ /* End */ /* /local/templates/odyssey/css/vendor/aos.css?166732742928765 */ /* /local/templates/odyssey/css/slick.css?16662174561479 */ /* /local/templates/odyssey/css/slick-theme.css?16673274293147 */ /* /local/templates/odyssey/css/jquery.fancybox.min.css?166621745612795 */ /* /local/templates/odyssey/css/parts/controls.css?16932552913380 */ /* /local/templates/odyssey/css/main.css?173808061777858 */ /* /local/templates/odyssey/css/main_2.css?173091313780432 */ /* /local/templates/odyssey/css/ownd.css?1666217456275 */ /* /local/templates/odyssey/css/page-error-404.css?16663061361000 */ /* /local/templates/odyssey/css/page-solution.css?16910595172373 */ /* /local/templates/odyssey/css/forms.css?17228537225359 */ /* /local/templates/odyssey/css/modal.css?1723582608631 */ /* /local/templates/odyssey/css/solutions.css?17114029445360 */ /* /local/templates/odyssey/css/parts/header.css?169330017012181 */ /* /local/templates/odyssey/css/parts/filter.css?1679309140643 */ /* /local/templates/odyssey/styles.css?170291793025623 */ /* /local/templates/odyssey/template_styles.css?175571486133728 */