[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@charset "UTF-8"; .api_block { width: 100%; height: auto; margin-top: 60px; background-image: url(images/api/api_top_bg.png); background-position: center top; background-repeat: no-repeat; background-size: contain; } .api_block .api_top_part { display: flex; justify-content: space-between; width: 100%; margin-bottom: 50px; } .api_block .api_top_part .broad_crumbs { display: flex; align-items: center; } .api_block .api_top_part .broad_crumbs object { height: 7px; margin: 0 10px; } .api_block .api_top_part .broad_crumbs a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #3a63ec; } .api_block .api_top_part .blog_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #000; } .api_block .api_illustration { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .api_block .api_illustration .illust_main { margin: 50px 0; position: relative; z-index: 10000; width: 85%; animation: main_anim 1s; } .api_block .api_illustration .google_block { position: absolute; left: 0; top: 0; width: 20%; height: 52%; display: flex; justify-content: center; align-items: center; } .api_block .api_illustration .google_block .google_host { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .api_block .api_illustration .google_block .google_host .circle_chrome { width: 115px; height: 115px; border-radius: 50%; background: #fff; box-shadow: 0 11px 27px rgba(58,99,236,.310069); display: flex; justify-content: center; align-items: center; position: relative; left: -50px; } .api_block .api_illustration .google_block .google_host .circle_chrome .chrome_icon { transform: translate(-50%,-50%); animation: g1 3s infinite linear; max-width: 80px; width: 70%; } .api_block .api_illustration .google_block .g-1 { width: 100%; max-width: 376px; position: absolute; left: -50px; animation: g1_1 10s linear infinite; } .api_block .api_illustration .g-2 { position: absolute; top: -84px; left: 30%; width: 12%; transform-origin: top center; animation: g2 3s infinite cubic-bezier(.53,-.01,.49,1); } .api_block .api_illustration .g-3 { position: absolute; right: 0; top: 8px; width: 7%; } .api_block .api_illustration .line-1 { position: absolute; left: 40px; top: 30px; z-index: -1; } .api_block .api_illustration .line-2 { position: absolute; left: 40%; top: -80px; z-index: -1; } .api_block .api_illustration .c-1 { position: absolute; left: 39.7%; top: 60%; } .api_block .api_illustration .c-2 { position: absolute; left: 35%; top: 65%; } .api_block .api_illustration .line-3 { position: absolute; right: 90px; top: -20px; z-index: -1; } .api_block .api_illustration .line-4 { position: absolute; right: 10px; top: 20px; z-index: -1; } .api_info_bg { background-image: url(images/api/bot-api-bg.png); background-size: contain; background-position: bottom left; } .api_info .api_text:last-child { margin-bottom: 0; } .api_info .api_text { font-style: normal; font-weight: 500; font-size: 16px; line-height: 25px; letter-spacing: -.385882px; color: #333; margin-bottom: 29px; } .api_documentation { width: 100%; position: relative; } .api_documentation .circles_api_1 { position: absolute; left: 0; } .api_documentation .circ-1 { position: absolute; left: 60px; bottom: 0; } .api_documentation .circ-2 { position: absolute; left: 200px; top: 90px; } .api_documentation .circ-3 { position: absolute; left: 300px; bottom: 0; } .api_documentation .container { padding: 60px 0; display: flex; justify-content: center; position: relative; } .api_documentation .container .circles_api { position: absolute; right: 200px; top: -20px; } .api_documentation .container .circ-4 { position: absolute; right: 130px; } .api_documentation .container .circ-5 { position: absolute; right: 0; bottom: 0; } .api_documentation .container .api_d_block { width: 50%; max-width: 800px; height: 200px; background: #5970e9; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .api_documentation .container .api_d_block .brand_doc { position: absolute; right: -70px; top: 50%; transform: translateY(-40%); } .api_documentation .container .api_d_block .api_block_title { font-style: normal; font-weight: 600; font-size: 34px; line-height: 41px; text-align: center; letter-spacing: -1.15765px; color: #fff; } .api_documentation .container .api_d_block .api_btn { margin-top: 30px; max-width: 285px; width: 34%; display: flex; justify-content: center; align-items: center; height: 50px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; display: flex; align-items: center; text-align: center; letter-spacing: -.434118px; color: #5970e9; background: #fff; border-radius: 17px; } .api_documentation .container .api_d_block .api_btn:hover { box-shadow: 0 0 15px rgba(255,255,255,.5); transition: .3s; } .btn_top_host { width: 100%; height: 60px; padding: auto 0; background-color: #f4f5fb; } .btn_top_host .container { display: flex; justify-content: flex-end; } .btn_top_host .container .btn_ontop { position: relative; width: 33px; height: 33px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; } .btn_top_host .container .btn_ontop .top_arrow_ontop { width: 12px; height: 12px; border-top: 2px solid #3a63ec; border-left: 2px solid #3a63ec; transform: rotateZ(45deg); margin-top: 5px; margin-left: 1px; } .btn_top_host .container .btn_ontop:hover { transition: .3s; transform: scale(1.1); } @keyframes g1 { 0% { transform: rotateZ(0); } to { transform: rotateZ(360deg); } } @keyframes g1_1 { 0% { transform: rotateZ(0); } to { transform: rotateZ(-360deg); } } @keyframes g2 { 0% { transform: rotateZ(35deg); } 50% { transform: rotateZ(-35deg); } to { transform: rotateZ(35deg); } } @media screen and (max-width:1800px) { .api_block .api_illustration .google_block .google_host .circle_chrome { right: -80px; } } @media screen and (max-width:1420px) { .api_block .api_illustration .google_block .google_host .circle_chrome { max-width: 90px; max-height: 90px; } .api_block .api_illustration .g-2 { top: -40px; } .api_block .api_illustration .g-3 { top: -21px; } } @media screen and (max-width:1300px) { .api_info_bg { background-repeat: no-repeat; } } @media screen and (max-width: 415px){ .menu_nav ul li { margin: auto 8px auto 8px !important; } .menu_nav ul:first-child{ margin-left: 30px; } .footer_mobile .container .bread_crumbs_main a { font-size : 14px !important; margin-right: 15px !important; /* text-align: center !important; */ } } @media screen and (max-width: 325px){ .menu_nav ul li { margin: auto 4px auto 4px !important; } .menu_nav ul:first-child{ margin-left: 35px; } } @media screen and (max-width: 376px){ .menu_nav ul li { //margin: auto 4px auto 4px !important; margin: auto 16px auto 16px !important; } .menu_nav ul:first-child{ margin-left: 35px; } .footer_mobile .container .bread_crumbs_main a { font-size : 13px !important; margin-right: 13px !important; /* text-align: center !important; */ } } @keyframes main_anim { 0% { opacity: 0; transform: translateY(300px); } to { transform: translateY(0); opacity: 1; } } @media screen and (max-width:960px) { .api_block .api_top_part .blog_title { font-size: 40px; } .api_block .api_illustration .google_block .google_host .circle_chrome { max-width: 70px; max-height: 70px; } .api_block .api_illustration .g-3 { top: -50px; right: 0; width: 10%; } .api_block .api_illustration .line-1 { display: none; } .api_block .api_illustration .line-2 { display: none; } .api_block .api_illustration .line-3 { display: none; } .api_block .api_illustration .line-4 { display: none; } .api_documentation .container .api_d_block .brand_doc { width: 120px; right: -60px; } .api_block .api_illustration .g-2 { top: -95px; } .api_block .api_illustration .g-3 { top: -58px; } } @media screen and (max-width:734px) { .api_block .api_illustration .google_block { left: 50px; top: -60px; } .api_block .api_top_part .blog_title { font-size: 36px; } .api_info .api_text { font-size: 20px; } .api_block .api_illustration .g-3 { top: -70px; } .api_documentation .container .api_d_block .api_block_title { font-size: 30px; } .api_documentation .container .api_d_block .api_btn { width: 70%; font-size: 14px; } .api_documentation .container .circles_api { right: 0; } .api_documentation .container .circ-4 { right: 0; } .api_documentation .circles_api_1 { display: none; } .api_documentation .circ-1 { left: 20px; top: 0; } .api_documentation .container .api_d_block { padding: 0 20px; } } @media screen and (max-width:580px) { .api_documentation .container .api_d_block .api_block_title { font-size: 25px; } .api_documentation .container .api_d_block .brand_doc { width: 85px; right: -40px; } } @media screen and (max-width:550px) { .api_block .api_top_part .blog_title { font-size: 30px; margin-left: -70px; } .api_block .api_illustration .g-3 { top: -78px; } .api_block .api_illustration .g-2 { top: -100px; } .api_block .api_illustration .google_block .google_host .circle_chrome { max-width: 50px; max-height: 50px; } .api_info .api_text { font-size: 16px; } .api_documentation .container { padding: 30px 0; } } @media screen and (max-width:500px) { .api_block .api_illustration .g-2 { width: 15%; } .api_documentation .container .api_d_block { width: 80%; } .api_documentation .container .circles_api { width: 40%; transform: rotateZ(-80deg); top: -20px; } .api_documentation .circ-3 { display: none; } .api_block { margin-top: 20px; } .api_documentation .container .api_d_block .api_btn { font-size: 16px; } } @media screen and (max-width:400px) { .api_block .api_illustration .g-3 { top: -88px; } } .articles .article_par { font-style: normal; font-weight: 500; font-size: 16px; line-height: 29px; letter-spacing: -.385882px; color: #333; } .articles { width: 100%; height: auto; margin-top: 50px; background-image: url(images/articles_images/bg-1.png); background-repeat: no-repeat; background-position: top left; position: relative; padding-bottom: 100px; } .articles .abs_images_articles { position: absolute; bottom: -80px; left: 29px; } .articles .c-1,.articles .c-2,.articles .c-3 { position: absolute; z-index: -1; } .articles .c-1 { bottom: 130px; left: 20px; } .articles .c-2 { bottom: 270px; left: 300px; } .articles .c-3 { bottom: 50px; left: 400px; } .articles .container { position: relative; } .articles .container .top_part_article { width: 100%; margin-bottom: 50px; } .articles .container .top_part_article .broad_crumbs { display: flex; align-items: center; } .articles .container .top_part_article .broad_crumbs object { height: 7px; margin: 0 10px; } .articles .container .top_part_article .broad_crumbs a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #3a63ec; } .articles .container .top_part_article .article_title { width: 100%; height: auto; border-radius: 50px; background-image: url(images/articles_images/art-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 60px 30px 60px; margin-top: 80px; } .articles .container .top_part_article .article_title .title { text-align: center; font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; letter-spacing: -.530588px; color: #fff; padding-top: 60px; } .articles .container .top_part_article .article_title .bot_host { display: flex; justify-content: space-between; margin-top: 85px; } .articles .container .top_part_article .article_title .bot_host .hashtags { display: flex; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { padding: 8px 30px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 30px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time { display: flex; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .time_to_read { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 30px; padding: 10px 20px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .time_to_read span { color: #565863; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .send_to_email { background: #da4646; border-radius: 30px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #fff; padding: 8px 30px; margin-left: 16px; } .articles .container .subtitle_articles { display: flex; width: 100%; justify-content: center; } .articles .container .subtitle_articles h2 { font-style: normal; font-weight: 500; font-size: 36px; line-height: 55px; text-align: center; color: #333; max-width: 1000px; margin-bottom: 30px; margin-top: 30px; padding: 0 20px; } .articles .container .subtitle_articles img { width: 67px; height: 56px; position: relative; top: 40px; } .articles .container .subtitle_articles .sub_l { top: 80px; } .articles .container .second_image { width: 100%; margin: 30px 0; } .articles .container .catrg { max-width: 1150px; margin-left: 450px; margin-top: 30px; } .articles .container .catrg .cut { margin-bottom: 20px; } .articles .container .catrg .line { display: flex; margin-top: 5px; align-items: baseline; } .articles .container .catrg .line object { margin-right: 13px; margin-top: 5px; } .modal_testdrive { width: 100%; background: url(images/articles_images/modal-bg.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat; height: 360px; } .modal_testdrive .container { display: flex; justify-content: center; align-items: center; position: relative; } .modal_testdrive .container .btn_ontop_art { position: absolute; right: 20px; bottom: -70px; width: 33px; height: 33px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; } .modal_testdrive .container .btn_ontop_art .top_arrow_ontop { width: 12px; height: 12px; border-top: 2px solid #3a63ec; border-left: 2px solid #3a63ec; transform: rotateZ(45deg); margin-top: 5px; margin-left: 1px; } .modal_testdrive .container .btn_ontop_art:hover { transition: .3s; transform: scale(1.1); } .modal_testdrive .container .modal_test_block { width: 917px; height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; background: #5970e9; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; padding: 31px 0; } .modal_testdrive .container .modal_test_block h3 { max-width: 650px; font-style: normal; font-weight: 600; font-size: 34px; line-height: 41px; text-align: center; letter-spacing: -1.15765px; color: #fff; } .modal_testdrive .container .modal_test_block p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 25px; text-align: center; letter-spacing: -.578823px; color: #d5d9ed; max-width: 630px; margin-top: 10px; } .modal_testdrive .container .modal_test_block .go_test { padding: 14px 46px; background-color: #fff; border-radius: 17px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; display: flex; align-items: center; text-align: center; letter-spacing: -.434118px; color: #5970e9; margin-top: 20px; } .modal_testdrive .container .modal_test_block .go_test:hover { transition: .3s; box-shadow: 0 8px 25px rgba(255,255,255,.313128); } .blur_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255,255,255,.6); z-index: 100000; display: none; } .modal_window_send_to_email { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 600px; height: 450px; z-index: 10000000; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 80px; overflow: hidden; display: none; animation: modal .3s; } .modal_window_send_to_email .modal_abs { position: absolute; z-index: -1; } .modal_window_send_to_email .circles_left { left: 0; top: 0; width: 250px; } .modal_window_send_to_email .close_modal { top: 35px; right: 35px; width: 30px; cursor: pointer; z-index: 1; } .modal_window_send_to_email .circles-right { bottom: 0; right: 0; width: 200px; } .modal_window_send_to_email .modal-circle-1 { top: 5px; right: 26%; } .modal_window_send_to_email .modal-circle-2 { top: 70px; right: 0; } .modal_window_send_to_email .modal-circle-3 { bottom: 20px; left: 0; } .modal_window_send_to_email form { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 70px 50px; } .modal_window_send_to_email form h4 { font-style: normal; font-weight: 600; font-size: 50px; line-height: 45px; text-align: center; letter-spacing: -.385882px; color: #1a1b21; max-width: 500px; } .modal_window_send_to_email form input { width: 100%; height: 60px; border: 1px solid #909299; box-sizing: border-box; border-radius: 17px; padding-left: 20px; font-style: normal; font-weight: 400; font-size: 20px; line-height: 36px; margin-top: 50px; } .modal_window_send_to_email form button { width: 320px; height: 60px; background: #4a63e7; border-radius: 50px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 29px; text-transform: uppercase; color: #fff; margin-top: 50px; } .btn_host { width: 100%; height: 33px; margin: 40px 0; } .btn_host .container { display: flex; justify-content: flex-end; } @keyframes modal { 0% { opacity: 0; transform: translate(-50%,-100%); } to { opacity: 1; transform: translate(-50%,-50%); } } @media screen and (max-width:1600px) { .articles .c-3 { left: 200px; } } @media screen and (max-width:1250px) { .articles .container .top_part_article .article_title .title { font-size: 40px; } .articles .abs_images_articles { width: 250px; bottom: 100px; } } @media screen and (max-width:1150px) { .articles .container .top_part_article .article_title .bot_host { flex-direction: column; align-items: center; margin-top: 40px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time { margin-top: 20px; } .articles .c-3 { display: none; } } @media screen and (max-width:1050px) { .articles .container .subtitle_articles h2 { font-size: 40px; max-width: 600px; margin: 30px 0; } .articles .container .subtitle_articles img { top: 30px; } .articles .container .subtitle_articles .sub_l { top: 150px; } .articles .container .second_image { height: 200px; } .articles .container .catrg { margin-left: 200px; } } @media screen and (max-width:700px) { .articles .container .top_part_article .article_title .title { font-size: 34px; } .articles .article_par { font-size: 20px; } .articles .container .subtitle_articles h2 { font-size: 35px; line-height: 40px; } .articles .container .subtitle_articles .sub_l { top: 100px; } .modal_testdrive .container .modal_test_block { padding: 30px 30px; height: auto; } .modal_testdrive .container .modal_test_block h3 { font-size: 28px; } .modal_testdrive .container .modal_test_block p { font-size: 20px; } .modal_window_send_to_email { width: 90%; height: auto; } .modal_window_send_to_email .modal_email h4 { font-size: 40px; } } @media screen and (max-width:600px) { .articles .container .top_part_article .article_title .bot_host .hashtags { flex-wrap: wrap; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { margin-top: 20px; } .articles .container .top_part_article .article_title { height: auto; padding: 0 20px; padding-bottom: 30px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time { flex-direction: column-reverse; align-items: center; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .send_to_email { margin-bottom: 20px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .send_to_email { margin-left: 0; } .modal_window_send_to_email { width: 90%; height: auto; } .modal_window_send_to_email .modal_email h4 { font-size: 30px; } .articles .abs_images_articles,.articles .c-1,.articles .c-2,.articles .c-3 { display: none; } .articles .container .catrg { margin-left: 0; } .articles .container .subtitle_articles .sub_l { top: 130px; } .articles .container .top_part_article .article_title .bot_host .hashtags { justify-content: center; } } @media screen and (max-width:500px) { .articles { margin-top: 30px; } .articles .container .top_part_article .article_title { margin-top: 30px; } .articles .container .top_part_article .broad_crumbs { align-items: baseline; } .articles .container .top_part_article .article_title .title { font-size: 26px; line-height: 40px; padding-top: 40px; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { width: 40%; font-size: 13px; margin-right: 25px; } .articles .container .top_part_article .article_title .bot_host { justify-content: center; width: auto; margin-top: 10px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time { justify-content: center; align-items: center; flex-direction: column; margin-top: 30px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .send_to_email { margin-bottom: 0; margin-top: 15px; } .articles .container .subtitle_articles h2 { font-size: 20px; line-height: 30px; font-weight: blod; } .articles .container .subtitle_articles .sub_l { top: 115px; } .articles .container .second_image { height: 100px; } .modal_window_send_to_email form button { width: 95%; margin-top: 40px; } .modal_window_send_to_email form input { margin-top: 20px; } .articles .article_par { font-size: 16px; } .modal_testdrive .container .btn_ontop_art { bottom: -70px; } .articles .container .top_part_article { margin-bottom: 30px; } .articles .container .subtitle_articles img { width: 35px; height: 30px; } .articles .container .catrg .line { align-items: baseline; margin-top: 10px; } .articles { padding-bottom: 60px; } .modal_testdrive .container .modal_test_block p { line-height: 22px; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { width: 100%; margin-right: 0; margin-top: 0; } } @media screen and (max-width:430px) { .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { margin-right: 0w; } .modal_testdrive .container .modal_test_block h3 { font-size: 24px; line-height: 35px; } .modal_testdrive .container .modal_test_block p { font-size: 14px; } .modal_testdrive .container .modal_test_block .go_test { font-size: 14px; } .articles .container .top_part_article .article_title .bot_host .hashtags { justify-content: center; } .articles .container .top_part_article .broad_crumbs { flex-wrap: wrap; } .articles .container .top_part_article .broad_crumbs a { margin-top: 5px; } } @media screen and (max-width:375px) { .modal_testdrive .container .modal_test_block .go_test { padding: 14px 20px; } } @media screen and (max-width:320px) { .articles .container .top_part_article .article_title .title { font-size: 26px; line-height: 35px; } .articles .container .top_part_article .article_title .bot_host .dont_have_time .send_to_email { font-size: 14px; } .modal_testdrive .container .modal_test_block .go_test { font-size: 14px; } .modal_testdrive .container .btn_ontop_art { bottom: -50px; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { margin-right: 5px; width: 45%; } .articles .container .subtitle_articles .sub_l { top: 170px; } .articles .container .subtitle_articles h2 { line-height: 25px; } .modal_testdrive { height: auto; } .modal_testdrive .container .modal_test_block h3 { font-size: 22px; } .articles .container .top_part_article .article_title .bot_host .hashtags { display: grid; grid-template-columns: 115px 115px; grid-gap: 10px; } .articles .container .top_part_article .article_title .bot_host .hashtags .hast_item { width: 100%; margin-right: 0; margin-top: 0; } } .blog { width: 100%; height: auto; margin-top: 50px; background-image: url(images/blog_images/bg.png); background-repeat: no-repeat; background-position: top left; position: relative; padding-bottom: 100px; } .blog .bottom_blog_bg { position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; } .blog .container { position: relative; } .blog .container .btn_ontop { position: absolute; right: 20px; bottom: -40px; width: 33px; height: 33px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; } .blog .container .btn_ontop .top_arrow_ontop { width: 12px; height: 12px; border-top: 2px solid #3a63ec; border-left: 2px solid #3a63ec; transform: rotateZ(45deg); margin-top: 5px; margin-left: 1px; } .blog .container .btn_ontop:hover { transition: .3s; transform: scale(1.1); } .blog .container .top_part_blog { display: flex; width: 100%; justify-content: space-between; margin-bottom: 50px; } .blog .container .top_part_blog .broad_crumbs { display: flex; align-items: center; } .blog .container .top_part_blog .broad_crumbs object { height: 7px; margin: 0 10px; } .blog .container .top_part_blog .broad_crumbs a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #3a63ec; } .blog .container .top_part_blog .blog_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #000; margin-right: 50px; } .blog .container .hashtag_block { display: flex; justify-content: center; width: 100%; margin-bottom: 25px; } .blog .container .hashtag_block .hashtag_link { text-decoration: none; display: block; max-width: 196px; width: 12.5%; height: 46px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 30px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 21px; color: #1a1b21; display: flex; justify-content: center; align-items: center; margin-right: 10px; margin-left: 10px; } .blog .container .hashtag_block .hashtag_link:hover { transition: .3s; box-shadow: 0 0 10px rgba(0,0,0,.2); } .blog .container .blog_host { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; } .blog .container .blog_host .blog_card { max-width: 460px; width: 28%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 40px 50px 40px; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 245px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 26px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card:hover .card_image img { transition: .3s; transform: scale(1.1); } .blog .container .pagination { display: flex; justify-content: center; } .blog .container .pagination .pagin_host { display: flex; justify-content: space-between; width: 340px; } .blog .container .pagination .pagin_host .circle_link { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; text-decoration: none; } .blog .container .pagination .pagin_host .circle_link_arr_left,.blog .container .pagination .pagin_host .circle_link_arr_right { background-color: #c4c4c4; } .blog .container .pagination .pagin_host .circle_link_arr_left .left_arrow_pag,.blog .container .pagination .pagin_host .circle_link_arr_left .right_arrow_pag,.blog .container .pagination .pagin_host .circle_link_arr_right .left_arrow_pag,.blog .container .pagination .pagin_host .circle_link_arr_right .right_arrow_pag { width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; } .blog .container .pagination .pagin_host .circle_link_arr_left .left_arrow_pag,.blog .container .pagination .pagin_host .circle_link_arr_right .left_arrow_pag { transform: rotateZ(-45deg); margin-left: 4px; } .blog .container .pagination .pagin_host .circle_link_arr_left .right_arrow_pag,.blog .container .pagination .pagin_host .circle_link_arr_right .right_arrow_pag { transform: rotateZ(135deg); margin-right: 4px; } .blog .container .pagination .pagin_host .circle_link_pages:hover { transition: .3s; background-color: #3a63ec; color: #fff; } @media screen and (max-width:1550px) { .blog .container .blog_host { justify-content: center; } .blog .container .blog_host .blog_card { max-width: 370px; width: 45%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 15px 20px 15px; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 245px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 24px; line-height: 30px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 18px; line-height: 25px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } } @media screen and (max-width:1260px) { .blog .container .blog_host .blog_card { max-width: 370px; width: 25%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 15px 20px 15px; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 180px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 20px; line-height: 30px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 25px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 14px; line-height: 25px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } } @media screen and (max-width:1200px) { .blog .container .hashtag_block .hashtag_link { font-size: 16px; padding: 0 10px; min-width: 150px; margin-top: 20px; } .blog .container .hashtag_block { flex-wrap: wrap; } } @media screen and (max-width:1000px) { .blog .container .blog_host .blog_card { max-width: 260px; width: 28%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 15px 20px 15px; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 145px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } } @media screen and (max-width:800px) { .blog .container .blog_host .blog_card { max-width: 370px; width: 45%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 15px 20px 15px; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 145px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } .blog .container .hashtag_block { padding-left: 10px; } } @media screen and (max-width:660px) { .hashtag_block { justify-content: center; } .blog .container .top_part_blog { flex-direction: column; } .blog .container .top_part_blog .blog_title { margin: 0; margin-top: 20px; } .blog .container .blog_host { align-items: center; justify-content: center; } .blog .container .blog_host .blog_card { max-width: 100%; width: 500px; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 0 20px 0; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 245px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; margin-right: 0; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; font-size: 22px; line-height: 20px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } .blog .container .hashtag_block { padding-left: 0; } } @media screen and (max-width:500px) { .blog { margin-top: 20px; } .fixed_nav.active .container .btn-group { padding-bottom: 20px; } .blog .container .top_part_blog .blog_title { font-size: 30px; line-height: 40px; } .blog .container .top_part_blog { margin-bottom: 20px; } .blog .container .hashtag_block .hashtag_link { padding: 0 10px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-size: 20px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-size: 14px; } .blog .container .hashtag_block .hashtag_link { margin-top: 10px; } } @media screen and (max-width:400px) { .blog .container .blog_host .blog_card { max-width: 100%; width: 100%; height: auto; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; margin: 25px 30px 20px 0; } .blog .container .blog_host .blog_card .card_image { width: 100%; height: 200px; overflow: hidden; border-top-left-radius: 37px; border-top-right-radius: 37px; } .blog .container .blog_host .blog_card .card_image img { height: 100%; width: 100%; } .blog .container .blog_host .blog_card .card_info { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; } .blog .container .blog_host .blog_card .card_info .card_info_title a { font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: -.530588px; color: #3a63ec; text-decoration: none; } .blog .container .blog_host .blog_card .card_info .card_info_desc { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_info_desc p { font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.385882px; color: #565863; -webkit-user-select: none; user-select: none; } .blog .container .blog_host .blog_card .card_info .card_hashtags { margin-top: 10px; } .blog .container .blog_host .blog_card .card_info .card_hashtags span { font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #565863; margin-right: 10px; -webkit-user-select: none; user-select: none; } .blog .container .hashtag_block .hashtag_link { font-size: 14px; min-width: 140px; margin-right: 3.5px; margin-left: 3.5px; } .blog .container .btn_ontop { bottom: -60px; } } @media screen and (max-width:375px) { .blog .container .blog_host .blog_card { margin-right: 0; } .blog .container .hashtag_block { justify-content: center; } } @media screen and (max-width:320px) { .blog .container .hashtag_block .hashtag_link { font-size: 11px; min-width: 123px; padding: 0 15px; height: 30px; } .blog .container .pagination .pagin_host .circle_link { width: 30px; height: 30px; font-size: 12px; } } * { box-sizing: border-box; margin: 0; padding: 0; outline: 0; } body { font-family: Montserrat,sans-serif; } html { overflow-x: hidden; } .container { max-width: 1600px; margin: 0 auto; padding: 0 30px; } button { cursor: pointer; outline: 0; border: none; } .empty_block { height: 100px; width: 100%; position: relative; } .empty_block .header-vertical-line { position: absolute; right: 20px; } .empty_block .header-vertical-line-1 { position: absolute; right: 300px; top: 0; } @keyframes fixed_nav_anim { 0% { transform: translateY(-150px); } to { transform: translateY(0); } } .fixed_nav { height: 100px; display: none; width: 100vw; background: #fff; padding-top: 20px; z-index: 100000; overflow: hidden; transition: .3s; animation: .5s fixed_nav_anim; /** animation: none; */ } .fixed_nav.active { max-height: 100px; transition: .3s; display: block; } .fixed_nav.active .container { display: flex; justify-content: space-between; align-items: center; } .fixed_nav.active .container .logo a { text-decoration: none; display: flex; align-items: center; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #565863; } .fixed_nav.active .container .logo a svg { margin-right: 20px; } .fixed_nav.active .container .logo .lang { display: none; color: #3a63ec; -webkit-user-select: none; user-select: none; font-weight: 500; font-size: 14px; line-height: 22px; margin-left: 50px; } .fixed_nav.active .container .logo .lang button:first-child { margin-right: 10px; } .fixed_nav.active .container .logo .lang button:last-child { margin-left: 10px; } .fixed_nav.active .container .logo .lang button { border: none; background: 0 0; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -.337647px; color: #c6c6c6; text-transform: uppercase; } .fixed_nav.active .container .logo .lang button.active { color: #000; } .fixed_nav.active .container .btn-group { display: flex; } .fixed_nav.active .container .sign-block .not_authorized { display: block; } .fixed_nav.active .container .sign-block .not_authorized .signin-btn { border: none; background: 0 0; height: 45px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #4a63e7; position: relative; margin-right: 55px; border-radius: 13px; border: 1px solid #4a63e7; padding: 9px 15px; } .fixed_nav.active .container .sign-block .not_authorized .signin-btn:hover { background: #4a63e7; color: #fff; transition: .3s; } .fixed_nav.active .container .sign-block .not_authorized .signup-btn { width: 174px; height: 45px; background: #4a63e7; border-radius: 17px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; color: #fff; border: none; } .fixed_nav.active .container .sign-block .not_authorized .signup-btn:hover { transition: .3s ease; box-shadow: 0 5px 24px rgba(74,99,231,.828617); } .fixed_nav.active .container .sign-block .authorized { display: none; align-items: center; } .fixed_nav.active .container .sign-block .authorized span.user_greeting { font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #4a63e7; margin-right: 30px; } .fixed_nav.active .container .sign-block .authorized .profile { background: #4a63e7; border-radius: 17px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; display: flex; align-items: center; text-align: center; letter-spacing: -.434118px; color: #fff; padding: 12px 25px; } .fixed_nav.active .container .sign-block .authorized .profile svg { margin-right: 8px; } .menu_nav { position: absolute; left: 45%; /*50%;*/ transform: translateX(-50%); top: 32px; } .menu_nav ul { list-style: none; display: flex; } .menu_nav ul li:first-child { margin-left: 0; } .menu_nav ul li { margin-left: 45px; } .menu_nav ul li a { text-decoration: none; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #1a1b21; transition: .3s; } .menu_nav ul li a:hover { color: #4a63e7; } @media screen and (max-width:1280px) { .fixed_nav.active { max-height: 200px; height: 200px; } .menu_nav { top: 90px; } } .right_header_part { display: flex; align-items: center; flex-direction: row-reverse; } .right_header_part .lang { color: #3a63ec; -webkit-user-select: none; user-select: none; font-weight: 500; font-size: 18px; line-height: 22px; margin-left: 50px; } .right_header_part .lang button:first-child { margin-right: 10px; } .right_header_part .lang button:last-child { margin-left: 10px; } .right_header_part .lang button { border: none; background: 0 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: -.337647px; color: #c6c6c6; text-transform: uppercase; } .right_header_part .lang button.active { color: #000; } @media screen and (max-width:375px) { .right_header_part .lang button:first-child { margin-right: 0; } .right_header_part .lang button:last-child { margin-left: 0; } .right_header_part .lang button { font-size: 12px; } } .parol { z-index: -1!important; } .section-1 { width: 100%; height: auto; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; max-width: 1920px; margin: 0 auto; margin-bottom: 320px; } .section-1 .header-waves-3 { position: absolute; right: 0; bottom: 0; } .section-1 .header-waves-2 { position: absolute; bottom: 0; right: 0; z-index: -3; width: 30%; } .section-1 .ipad-image { position: absolute; left: 0; top: 0; max-width: 842px; width: 50%; z-index: 1003; } .section-1 .header-circles { position: absolute; left: -170px; top: 0; width: 40%; z-index: -5; } .section-1 .header-waves { position: absolute; right: 0; bottom: 250px; z-index: -1; width: 30%; } .section-1 .header-circle-1 { position: absolute; left: -85px; top: -150px; z-index: -3; } .section-1 .header-circle-2 { position: absolute; left: 170px; top: -10px; z-index: 0; } .section-1 .header-circle-4 { position: absolute; left: 60px; bottom: -75px; z-index: 1001; } .section-1 .header-circle-5 { position: absolute; bottom: -250px; left: 150px; z-index: 1000; } .section-1 .container { display: flex; justify-content: space-around; align-items: center; height: 100%; } .section-1 .container .clearfix { width: 92%; height: auto; transform: translate(-350px,27px); min-width: 600px; position: relative; z-index: 1000; width: 92%; } .section-1 .container .content_1 { height: auto; display: flex; flex-direction: column; justify-content: center; margin-top: 183px; z-index: 1100px; } .section-1 .container .content_1 .animated_content { height: fit-content; } .section-1 .container .content_1 .animated_content h3 { font-style: normal; font-weight: 600; font-size: 40px; line-height: 58px; letter-spacing: -1.30235px; color: #1a1b21; margin-bottom: 50px; } .section-1 .container .content_1 .animated_content h3 span { color: #4a63e7; } .section-1 .container .content_1 .animated_content .list-line { display: flex; margin-bottom: 15px; align-items: baseline; } .section-1 .container .content_1 .animated_content .list-line object { margin-right: 10px; height: 100%; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; letter-spacing: -.578823px; color: #565863; } .section-1 .container .content_1 .testdrive-btn { background: #00c869; border-radius: 17px; width: 315px; height: 62px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #fff; margin-top: 50px; cursor: pointer; } /* webstd */ .testdrive-btn { background: #00c869; border-radius: 17px; width: 315px; height: 62px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #fff; margin-top: 50px; cursor: pointer; } .section-1 .container .content_1 .testdrive-btn:hover { transition: .3s; box-shadow: 0 5px 24px #00c869; } .section-2 { width: 100%; height: auto; position: relative; max-width: 1920px; margin: 0 auto; } .section-2 .section-2-images-bg { position: absolute; } .section-2 .section-2-waves { left: 0; bottom: 10%; width: 100%; } .section-2 .section-2-circles-left { left: 0; top: 50%; } .section-2 .section-2-circles-right { right: 0; top: 20%; } .section-2 .section-2-circle-1 { left: 70px; top: 82%; } .section-2 .section-2-circle-2 { right: 0; top: 65%; } .section-2 .section-2-circle-3 { right: 375px; top: 40%; } .section-2 .section-2-circle-4 { top: 10px; right: 50px; } .section-2 .container h2 { text-align: center; font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #000; margin-bottom: 50px; } .section-2 .container p { margin-bottom: 20px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 29px; letter-spacing: -.385882px; color: #000; } .videoo { position: relative; max-width: 652px; height: 367px; margin: 50px auto 120px auto; background-color: #000; background-image: url(images/video_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .videoo .butt_play { position: absolute; top: 55%; left: 50%; width: 141px; height: 141px; background: url(images/butt_def.png) no-repeat 0 0; background-size: cover; transform: translate(-50%,-50%); transition: all .4s ease-in-out; cursor: pointer; } .videoo .butt_play:hover { background: url(images/butt_hov.png) no-repeat 0 0; background-size: cover; transition: all .4s ease-in-out; } .video iframe { width: 100%; height: 729px; } .advantages { margin-top: 120px; margin-bottom: 120px; background: url(images/benefits_bg.png); background-size: contain; background-repeat: no-repeat; background-position: bottom; } .advantages h2 { text-align: center; font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .advantages .advantages_block { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 50px; margin-top: 70px; padding-bottom: 125px; } .advantages .advantages_block .advantages-item { display: flex; flex-direction: column; align-items: center; } .advantages .advantages_block .external-circle { width: 90px; height: 90px; border: 1px dashed rgba(58,99,236,.199574); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 32px; } .advantages .advantages_block .external-circle .internal-circle { width: 76px; height: 76px; background: #fff; box-shadow: 0 8px 28px rgba(57,99,235,.463696); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .advantages .advantages_block h4 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: -.578823px; color: #1a1b21; text-align: center; } .advantages .advantages_block p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; color: #565863; margin-top: 15px; } .advantages .advantages_block_mobile { width: 100%; display: none; } .advantages .advantages_block_mobile .slider_host { display: flex; width: auto; margin-top: 40px; } .advantages .advantages_block_mobile .slider_host .advantages-item { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px; } .advantages .advantages_block_mobile .slider_host .advantages-item .external-circle { width: 90px; height: 90px; border: 1px dashed rgba(58,99,236,.199574); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 32px; } .advantages .advantages_block_mobile .slider_host .advantages-item .external-circle .internal-circle { width: 76px; height: 76px; background: #fff; box-shadow: 0 8px 28px rgba(57,99,235,.463696); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .advantages .advantages_block_mobile .slider_host .advantages-item h4 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: -.578823px; color: #1a1b21; } .advantages .advantages_block_mobile .slider_host .advantages-item p { font-style: normal; text-align: center; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; color: #565863; margin-top: 15px; } .opportunities { height: auto; width: 100%; position: relative; } .opportunities .opport-waves { position: absolute; left: 0; bottom: 0; z-index: -1; width: 45%; } .opportunities .container { height: 100%; } .opportunities .container .opport_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; -webkit-user-select: none; user-select: none; } .opportunities .container .opport_subtitle { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #565863; -webkit-user-select: none; user-select: none; } .opportunities .container .opportunities_host { display: flex; justify-content: space-between; width: 100%; height: 100%; margin-top: 50px; } .opportunities .container .opportunities_host .leftside { max-width: 1115px; width: 60%; height: 500px; } .opportunities .container .opportunities_host .leftside .l-1 { background-image: url(images/opport_image-1.png); } .opportunities .container .opportunities_host .leftside .l-2 { background-image: url(images/tab_img_2.png); } .opportunities .container .opportunities_host .leftside .l-3 { background-image: url(images/tab_img_5.png); } .opportunities .container .opportunities_host .leftside .l-4 { background-image: url(images/tab_img_3.png); } .opportunities .container .opportunities_host .leftside .l-5 { background-image: url(images/tab_img_4.png); } .opportunities .container .opportunities_host .leftside .leftside_item { background-repeat: no-repeat; background-size: contain; background-position: top; max-width: 1115px; width: 100%; height: 100%; display: none; align-items: flex-end; justify-content: flex-start; animation: .5s slides_in; transform-origin: top left; } .opportunities .container .opportunities_host .leftside .leftside_item .opport_description { width: 65%; max-width: 600px; height: auto; display: flex; align-items: center; padding: 25px 25px 25px 70px; background-color: rgba(255,255,255,.73); border-radius: 0 29px 29px 0; position: relative; top: 50px; } .opportunities .container .opportunities_host .leftside .leftside_item .opport_description p { font-style: normal; font-weight: 400; font-size: 13px; line-height: 19px; letter-spacing: -.385882px; color: #575964; -webkit-user-select: none; user-select: none; } .opportunities .container .opportunities_host .leftside .leftside_item.active { display: flex; } .opportunities .container .opportunities_host .rightside { width: 30%; max-width: 560px; height: 500px; display: flex; justify-content: center; align-items: center; } .opportunities .container .opportunities_host .rightside .rightside_host { height: 352px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .opportunities .container .opportunities_host .rightside .rightside_host .choice-opport { font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -.530588px; color: #1a1b21; padding-left: 50px; position: relative; height: 52px; cursor: pointer; -webkit-user-select: none; user-select: none; display: flex; align-items: center; } .opportunities .container .opportunities_host .rightside .rightside_host .choice-opport:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 0; border-radius: 10px; background-color: #4a63e7; } .opportunities .container .opportunities_host .rightside .rightside_host .choice-opport.active:before { height: 60%; } .opportunities .container .opportunities_host_mobile { display: none; margin-top: 30px; } .opportunities .container .opportunities_host_mobile .opportunities_slider { display: flex; height: auto; } .opportunities .container .opportunities_host_mobile .opportunities_slider .opport_slide { position: relative; display: flex; flex-direction: column; align-items: center; height: auto; } .opportunities .container .opportunities_host_mobile .opportunities_slider .opport_slide img { min-width: 100%; width: 100%; } .opportunities .container .opportunities_host_mobile .opportunities_slider .opport_slide .opport_description_mobile { padding: 10px; border-radius: 10px; background-color: rgba(255,255,255,.73); width: 85vw; } .opportunities .container .opportunities_host_mobile .opportunities_slider .opport_slide .choice-opport { font-style: normal; font-weight: 600; font-size: 20px; line-height: 26px; letter-spacing: -.530588px; color: #1a1b21; padding-left: 30px; position: relative; height: 50px; cursor: pointer; -webkit-user-select: none; user-select: none; display: flex; align-items: center; height: auto; margin-bottom: 20px; } .opportunities .container .opportunities_host_mobile .opportunities_slider .opport_slide .choice-opport:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 60%; background-color: #4a63e7; } @keyframes slides_in { 0% { transform: scale(0); } to { transform: scale(1); } } .analytic-interface { width: 100%; max-width: 1920px; margin: 0 auto; margin-top: 150px; position: relative; background-image: url(images/analytic-bg.png); background-position: top; background-repeat: no-repeat; background-size: cover; } .analytic-interface .abs-bg-item { position: absolute; } .analytic-interface .abs-circles { right: 200px; top: 38%; z-index: 1; } .analytic-interface .abs-circle-1 { right: 150px; top: 75%; z-index: -1; display: none; } .analytic-interface .abs-circle-2 { right: 300px; bottom: 150px; z-index: -1; display: none; } .analytic-interface .abs-circle-3 { left: 0; bottom: -180px; z-index: -1; display: none; } .analytic-interface .abs-circle-4 { right: -100px; bottom: 300px; } .analytic-interface .container { padding-top: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1000; } .analytic-interface .container .analytics-title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; margin-bottom: 5px; } .analytic-interface .container .analytics-description { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .analytic-interface .container .analytics-description .analytics-description-center { width: 90%; /*55%;*/ } .analytic-interface .container .analytics-description .analytics-description-center p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; color: #1a1b21; margin: 15px 0; } .analytic-interface .container .analytics-description .analytics-description-center ul { list-style: none; } .analytic-interface .container .analytics-description .analytics-description-center ul .analytics_line_item { display: flex; padding-left: 25px; margin-bottom: 10px; } .analytic-interface .container .analytics-description .analytics-description-center ul .analytics_line_item .blue-list { color: #4a63e7; font-weight: 700; margin-right: 10px; font-size: 16px; } .analytic-interface .container .analytics-description .analytics-description-center ul .analytics_line_item li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; color: #1a1b21; } .analytic-interface .container .analytics-description .btn-toggle-group { display: flex; width: 600px; justify-content: space-between; margin: 40px auto; } .analytic-interface .container .analytics-description .btn-toggle-group .analytics-btn { font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; display: flex; align-items: center; justify-content: center; text-align: center; letter-spacing: -.434118px; color: #4a63e7; padding: 15px 20px; background: 0 0; } .analytic-interface .container .analytics-description .btn-toggle-group .analytics-btn.active { border: 1px solid #4a63e7; border-radius: 20px; transition: .3s; } .analytic-interface .container .analytics-description .laptop-block { width: 100%; display: flex; justify-content: center; position: relative; height: auto; } .analytic-interface .container .analytics-description .laptop-block .analytics-laptop { width: 80%; height: auto; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { height: auto; position: absolute; left: 35.6%; transform: translateX(-25%); top: 5px; width: 56.5%; height: 89%; background-repeat: no-repeat; background-size: cover; border-radius: 30px 30px 0 0; overflow: hidden; display: none; animation: .7s laptop_slides; } .analytic-interface .container .analytics-description .laptop-block .active { display: block; } .analytic-interface .container .analytics-description .laptop-block .slide_1 { background-image: url(images/laptop-interface.png); background-size: contain; } .analytic-interface .container .analytics-description .laptop-block .slide_2 { background-image: url(images/laptop-interface-2.png); background-size: contain; } .analytic-interface .container .analytics-description .laptop-block .slide_3 { background-image: url(images/laptop-interface-3.png); background-size: contain; } @keyframes laptop_slides { 0% { opacity: 0; } to { opacity: 1; } } .benefits { /* margin-bottom: 120px; */ margin-bottom: 20px; margin-top: 100px; padding-top: 100px; background-image: url(images/advantages_bg.png); background-position: top center; background-repeat: no-repeat; background-size: cover; } .benefits .container { position: relative; } .bl_advantages { margin-top: 50px; padding-bottom: 80px; display: flex; box-sizing: border-box; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .benefits_title { text-align: center; font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .adv_item { position: relative; margin: 0 11px 25px 11px; padding: 35px 35px 30px; max-width: 360px; min-height: 303px; max-height: 303px; background-color: #fff; overflow: hidden; cursor: pointer; transition: all 0.5s ease-in-out; box-shadow: 0 8px 35px rgba(58,99,236,.31); border-radius: 37px; } .adv_item:before { content: ''; position: absolute; top: -20px; right: 120%; width: 900%; height: 275%; z-index: 2; background-color: #3a63ec; transition: all .5s ease; transform: rotate(-30deg); } .adv_item:after { content: ''; position: absolute; top: -20px; left: 120%; width: 300%; height: 300%; z-index: 2; background-color: #3a63ec; transition: all .5s ease; transform: rotate(30deg); } .adv_item:hover:before { content: ''; right: -300px; transition: all .5s ease; } .adv_item>* { z-index: 3; position: relative; } .ic_adv { position: relative; width: 75px; height: 75px; margin-bottom: 18px; background-color: #fafbfd; border-radius: 37px; transition: all .4s ease-in-out; } .ic_adv i { position: absolute; top: 50%; left: 50%; transition: all .4s ease-in-out; transform: translate(-50%,-50%); } .adv_item:hover .ic_adv { background-color: #476ef2; transition: all .4s ease; } .adv_item span { display: block; color: #1a1b21; font-size: 20px; line-height: 26px; letter-spacing: -.53px; } .adv_item:hover span { color: #fff; transition: all .5s ease; } .hide_text_adv{ visibility: hidden; height: 0; margin-top: 10px; color: #b6c7ff; font-size: 16px; line-height: 20px; letter-spacing: -.41px; } .adv_item:hover .hide_text_adv { visibility: visible; height: auto; transition: all 1s ease-in-out; } .adv_item:hover .hide_text_adv { visibility: visible; height: auto; transition: all 1s ease-in-out; } .ic_plus_adv { position: absolute; bottom: 29px; left: 31px; width: 15px; height: 15px; background: url(images/plus.png) no-repeat 0 0; } .adv_item:hover .ic_plus_adv { display: none; } .ic_adv_1 { width: 33px; height: 29px; background: url(images/ic_adv_1.png) no-repeat 0 0; } .ic_adv_2 { width: 33px; height: 33px; background: url(images/ic_adv_2.png) no-repeat 0 0; } .ic_adv_3 { width: 33px; height: 33px; background: url(images/ic_adv_3.png) no-repeat 0 0; } .ic_adv_4 { width: 36px; height: 30px; background: url(images/ic_adv_4.png) no-repeat 0 0; } .adv_item:hover .ic_adv_1 { width: 33px; height: 29px; background: url(images/ic_adv_1_1.png) no-repeat 0 0; } .adv_item:hover .ic_adv_2 { width: 33px; height: 33px; background: url(images/ic_adv_2_2.png) no-repeat 0 0; } .adv_item:hover .ic_adv_3 { width: 33px; height: 33px; background: url(images/ic_adv_3_3.png) no-repeat 0 0; } .adv_item:hover .ic_adv_4 { width: 36px; height: 30px; background: url(images/ic_adv_4_4.png) no-repeat 0 0; } .make-result { width: 100%; position: relative; } .make-result .abs-circle { position: absolute; left: -10px; bottom: 0; } .make-result .container { display: flex; flex-direction: column; align-items: center; } .make-result .make-result-title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .make-result .make-result-desc { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #565863; } .make-result .procedure_host { width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; margin-top: 40px; } .make-result .procedure_host .action { display: flex; align-items: center; margin-right: 10px; margin-top: 30px; width: 260px; height: 100%; position: relative; margin-right: 40px; } .make-result .procedure_host .action img { margin-right: 10px; } .make-result .procedure_host .action .action-desc { font-style: normal; font-weight: 600; font-size: 17px; line-height: 25px; letter-spacing: -.530588px; color: #1a1b21; border-bottom: 2px dashed #3a63eb; } .make-result .procedure_host .action:last-child:after { content: ''; } .make-result .procedure_host .action:after { content: url(images/icons/rigth-angle.svg); display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; } .make-result .procedure_host object { margin-right: 35px; align-self: center; margin-top: 25px; } .make-result .procedure_host_mobile { width: 100%; display: none; } .make-result .procedure_host_mobile .procedure_slider { display: flex; } .make-result .procedure_host_mobile .procedure_slider .action { display: flex; align-items: center; justify-content: space-between; width: 260px; } .make-result .procedure_host_mobile .procedure_slider .action img { margin-right: 10px; height: 50px; width: 50px; } .make-result .procedure_host_mobile .procedure_slider .action .action-desc { font-style: normal; font-weight: 600; font-size: 15px; line-height: 26px; letter-spacing: -.530588px; color: #1a1b21; max-width: 174px; margin-left: -50px; } .make-result .procedure_host_mobile .procedure_slider .action object { width: 10px; } .make-result .signup-btn { width: 174px; height: 45px; background: #4a63e7; border-radius: 17px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; color: #fff; border: none; margin: 70px auto 120px auto; } .make-result .signup-btn:hover { transition: .3s ease; box-shadow: 0 5px 24px rgba(74,99,231,.828617); } .accessible { width: 100%; position: relative; overflow: hidden; height: auto; max-width: 1920px; margin: 0 auto; } .accessible .access-circle-1 { position: absolute; left: 22%; } .accessible .access-circle-2 { position: absolute; left: 10%; z-index: -1; } .accessible .container { display: flex; width: 100%; } .accessible .container .empty_block_access { width: 60%; } .accessible .container .accessiblie_host { width: 100%; } .accessible .accessible_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; display: flex; align-items: baseline; justify-content: left; text-align: left; letter-spacing: -1.15765px; margin-bottom: 40px; } .accessible .accessible_title .logotype { margin-right: 15px; } .accessible .accessible_title span { color: #476ef2; } .accessible .container .accessiblie_host .accessible_description { margin-left: 80px; } .accessible .container .accessiblie_host .accessible_description p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; display: flex; align-items: center; letter-spacing: -.578823px; color: #000; } .accessible .container .accessiblie_host .accessible_description .accessible_title_text { margin-bottom: 20px; } .accessible .container .accessiblie_host .accessible_description .list-line { display: flex; margin-top: 15px; align-items: baseline; } .accessible .container .accessiblie_host .accessible_description .list-line object { margin-right: 10px; } .cost { width: 100%; position: relative; /* padding-bottom: 120px; */ height: auto; margin-top: 100px; } .cost .cost-dotted-line-1 { position: absolute; left: 100px; top: 0; z-index: -1; } .cost .cost-dotted-line-2 { position: absolute; left: 400px; z-index: -1; top: 180px; } .cost .cost-waves { position: absolute; left: 0; top: 355px; z-index: -1; } .cost .cost-small-circles { position: absolute; bottom: 70px; left: 150px; z-index: -1; } .cost .cost-big-circles { position: absolute; z-index: -1; right: -40px; bottom: 0; } .cost .cost-waves-2 { position: absolute; z-index: -1; bottom: 0; right: 0; } .cost .cost-circle { position: absolute; z-index: -1; right: 0; bottom: 460px; } .cost .container { display: flex; flex-direction: column; align-items: center; } .cost .container .cost_title { font-size: 40px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .cost .container .cost-desc { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #565863; } .cost .container .cost_host { display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; margin-top: 50px; } .cost .container .cost_host .cost-card { max-width: 368px; height: auto; background: #fff; border: 1px solid #ebeef2; box-sizing: border-box; border-radius: 37px; overflow: hidden; } .cost .container .cost_host .cost-card .cost-card_title { display: flex; justify-content: center; padding: 10px 0; border-bottom: 1px dashed #e5e9ef; } .cost .container .cost_host .cost-card .cost-card_title object { margin-right: 10px; } .cost .container .cost_host .cost-card .cost-bottom-part { display: flex; justify-content: space-around; align-items: center; padding: 25px 36px 30px 36px; } .cost .container .cost_host .cost-card .cost-bottom-part .left-part .left-part-title { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; letter-spacing: -.361765px; color: #565863; margin-bottom: 4px; } .cost .container .cost_host .cost-card .cost-bottom-part .left-part .left-part-price { font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; text-align: center; color: #1a1b21; } .cost .container .cost_host .cost-card .cost-bottom-part .right_part .right_part_title { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; letter-spacing: -.361765px; color: #565863; margin-bottom: 5px; } .cost .container .cost_host .cost-card .cost-bottom-part .right_part .right_part_price { font-style: normal; font-weight: 600; font-size: 24px; line-height: 29px; text-align: center; color: #1a1b21; } .cost .container .cost_host .cost-card .cost-bottom-part .slash { font-size: 25px; font-weight: 200; color: #e3e3e3; margin: 0 10px; } .cost .container .includes { width: 90%; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 0; margin-top: 154px; } .cost .container .includes .includes_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 41px; text-align: center; letter-spacing: -.82px; color: #28292e; margin-bottom: 10px; } .cost .container .includes .includes_host { display: flex; width: 100%; justify-content: space-around; padding: 0 30px; } .cost .container .includes .includes_host .includes_left .includes_line,.cost .container .includes .includes_host .includes_right .includes_line { display: flex; margin-top: 25px; align-items: baseline; } .cost .container .includes .includes_host .includes_left .includes_line object,.cost .container .includes .includes_host .includes_right .includes_line object { margin-right: 15px; } .cost .container .includes .includes_host .includes_left .includes_line .includes_line_desc,.cost .container .includes .includes_host .includes_right .includes_line .includes_line_desc { font-style: normal; font-weight: 400; font-size: 20px; line-height: 26px; letter-spacing: -.530588px; color: #565863; } .check_uxprice div { padding: 20px 0 30px 0; margin: auto; } .check_uxprice div ul { margin: auto; } .check_uxprice div ul li{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; letter-spacing: -.578823px; color: #d5d9ed; margin-top: 10px; margin-bottom: 15px; } .check_uxprice_blog div ul { margin-top: 30px; } .check_uxprice_blog div ul li{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; letter-spacing: -.578823px; color: #d5d9ed; margin-top: 15px; margin-bottom: 10px; } .cost .container .check_uxprice { width: 55%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #5970e9; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; /** padding: 44px; */ padding-top: 31px; padding-bottom: 23px; margin-top: 100px; } .cost .container .check_uxprice .check_ux_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 41px; text-align: center; letter-spacing: -1.15765px; color: #fff; } .cost .container .check_uxprice .check_ux_desc { font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; text-align: center; letter-spacing: -.578823px; color: #d5d9ed; margin-top: 10px; margin-bottom: 15px; } .cost .container .check_uxprice .test-drive-btn { background: #fff; border-radius: 17px; width: 285px; height: 50px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; color: #5970e9; } .section_7 .bl_expert_opinion .comments .slick-list { height: 100%!important; } .review { width: 100%; height: auto; position: relative; } .review .abs_image { position: absolute; } .review .revirew-circle-1 { left: 0; top: -20px; } .review .review-circle-2 { right: 10px; bottom: 0; z-index: -1; } .review .review-waves { left: 0; top: 0; z-index: -1; width: 66%; } .review .container .review_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; letter-spacing: -1.15765px; color: #1a1b21; text-align: center; } .review .container .review_container { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .review .container .review_container .show_more_reviews { display: none; } .review .container .review_container .left_btn_slider,.review .container .review_container .right_btn_slider { position: absolute; cursor: pointer; } .review .container .review_container .left_btn_slider { left: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,.05); display: flex; justify-content: center; align-items: center; } .review .container .review_container .left_btn_slider .left-arrow { width: 15px; height: 15px; border-left: 2px solid #5f5f5f; border-top: 2px solid #5f5f5f; transform: rotate(-45deg); margin-left: 5px; } .review .container .review_container .left_btn_slider.slick-disabled { opacity: .3; } .review .container .review_container .right_btn_slider { right: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,.05); display: flex; justify-content: center; align-items: center; } .review .container .review_container .right_btn_slider .right_arrow { width: 15px; height: 15px; border-left: 2px solid #5f5f5f; border-top: 2px solid #5f5f5f; transform: rotate(135deg); margin-left: -5px; } .review .container .review_container .right_btn_slider.slick-disabled { opacity: .3; } .review .container .review_container .review_host { width: 86%; display: flex; align-items: flex-start; transition: .3s; overflow: hidden; } .review .container .review_container .review_host .review_item:last-child { margin-right: 0; } .review .container .review_container .review_host .review_item { width: 30%; background: #fff; box-shadow: 0 8px 25px rgba(58,99,236,.313128); border-radius: 37px; padding: 45px; cursor: pointer; margin-right: 55px; transition: .3s; } .review .container .review_container .review_host .review_item .review_user { display: flex; justify-content: space-between; } .review .container .review_container .review_host .review_item .review_user .review_user_name .name { font-style: normal; font-weight: 600; font-size: 26px; line-height: 40px; color: #1a1b21; } .review .container .review_container .review_host .review_item .review_user .review_user_name .position { font-style: normal; font-weight: 600; font-size: 18px; line-height: 30px; color: #1a1b21; } .review .container .review_container .review_host .review_item .review_user .review_photo { width: 77px; height: 77px; border-radius: 50%; overflow: hidden; background-image: url(images/review-user-photo.png); } .review .container .review_container .review_host .review_item hr { width: 70%; margin: 10px auto; color: #f4f4f4; background-color: #f4f4f4; border: none; height: 1px; } .review .container .review_container .review_host .review_item .review_desc { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #565863; max-height: 96px; overflow: hidden; } .review .container .review_container .review_host .review_item.active .review_desc { max-height: 500px; transition: .3s; } .review .container .review_container .review_host .slick-track { padding: 20px 30px 20px 20px; } .section_7 { padding-bottom: 120px; padding-top: 95px; } .section_7 .container .title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .section_7 .container .title p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #565863; } .section_7 .bl_expert_opinion { margin-top: 50px; padding-right: 15px; display: flex; box-sizing: border-box; align-items: flex-start; } .section_7 .bl_expert_opinion .video { margin-top: 30px; position: relative; max-height: 700px; max-width: 850px; height: 100%; flex: 1; order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; } .section_7 .bl_expert_opinion .video .img-responsive { height: 100%; } .section_7 .bl_expert_opinion .video .descr_video_info { position: absolute; left: 11%; bottom: 62px; padding-right: 54px; } .section_7 .bl_expert_opinion .video .descr_video_info .title_video { margin-bottom: 25px; font-style: normal; font-weight: 600; font-size: 34px; line-height: 41px; letter-spacing: -.82px; color: #fff; } .section_7 .bl_expert_opinion .video .descr_video_info .name_avtor_video { font-style: normal; font-weight: 500; font-size: 24px; line-height: 29px; letter-spacing: -.578823px; color: #fff; } .section_7 .bl_expert_opinion .video .descr_video_info .details_avtor_video { font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #cbcbcb; } .section_7 .bl_expert_opinion .video .img_video .butt_play, .section_7 .bl_expert_opinion .video .img_video .plyr_play { position: absolute; top: 47%; right: 36%; width: 141px; height: 141px; background: url(images/butt_def.png) no-repeat 0 0; transform: translate(-50%,-50%); transition: all .4s ease-in-out; cursor: pointer; } .section_7 .bl_expert_opinion .video .img_video .butt_play:hover { background: url(images/butt_hov.png) no-repeat 0 0; transition: all .4s ease-in-out; background-size: cover; } .section_7 .bl_expert_opinion .comments { margin-left: 50px; max-width: 700px; height: 785px; flex: 1; order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; overflow: hidden; } .section_7 .bl_expert_opinion .comments .slick-list { padding: 30px; padding-top: 15px; } .section_7 .bl_expert_opinion .comments .slick-dots { bottom: 0; } .section_7 .bl_expert_opinion .comments .comment_item:first-child { margin-top: 0; } .section_7 .bl_expert_opinion .comments .comment_item { margin-bottom: 25px; display: flex; box-sizing: border-box; align-items: flex-start; background-color: #fff; padding: 25px 25px 48px 25px; border-radius: 37px; width: 100%!important; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; box-shadow: 0 0 15px rgba(58,99,236,.313128); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative; } .section_7 .bl_expert_opinion .comments .comment_item .show_comment { position: absolute; right: 35px; bottom: 15px; display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -.434118px; color: #3a63ec; } .section_7 .bl_expert_opinion .comments .comment_item .show_comment span { width: 22px; height: 22px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 8px rgba(89,112,233,.35); display: flex; justify-content: center; align-items: center; margin-left: 12px; } .section_7 .bl_expert_opinion .comments .comment_item .bl_avatar { width: 98px; margin-right: 22px; text-align: center; } .section_7 .bl_expert_opinion .comments .comment_item .bl_avatar span { color: #565863; font-size: 12px; line-height: 14px; letter-spacing: -.34px; } .section_7 .bl_expert_opinion .comments .comment_item .bl_avatar span .avatar { margin-bottom: 7px; width: 98px; height: 98px; overflow: hidden; border-radius: 50%; } .section_7 .bl_expert_opinion .comments .comment_item .info_comment .name_comment { display: block; margin-bottom: 13px; color: #1a1b21; font-size: 22px; line-height: 26px; letter-spacing: -.53px; width: -webkit-max-content; width: max-content; } .section_7 .bl_expert_opinion .comments .comment_item .info_comment p { color: #565863; font-size: 16px; line-height: 20px; letter-spacing: -.39px; max-height: 120px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active { z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments .comment_item.active .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active_last { position: sticky; bottom: 0; z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active_last .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments .comment_item.active_last .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_1 { position: sticky; bottom: -256px; z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_1 .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments .comment_item.active_last_1 .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_2 { position: sticky; bottom: -508px; z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_2 .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments .comment_item.active_last_2 .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_3 { position: sticky; bottom: -765px; z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_3 .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments .comment_item.active_last_3 .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_4 { position: sticky; bottom: -1022px; z-index: 100000; } .section_7 .bl_expert_opinion .comments .comment_item.active_last_4 .info_comment p { transition: .5s; max-height: 645px!important; overflow: hidden; } .section_7 .bl_expert_opinion .comments_mobile { display: none; width: 100%; height: auto; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider { width: 100%; display: flex; height: auto; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m.active .show_comment span svg { transform: rotate(180deg); } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m.active .info_comment p { transition: .5s; max-height: 600px; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m { position: relative; min-width: transparent; width: 100%; height: auto; background: #fff; box-shadow: 0 8px 25px rgba(58,99,236,.313128); border-radius: 37px; padding: 27px 35px 50px 35px; margin: 25px; cursor: pointer; transition: .3s; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .show_comment { position: absolute; right: 35px; bottom: 15px; display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -.434118px; color: #3a63ec; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .show_comment span { width: 22px; height: 22px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 8px rgba(89,112,233,.35); display: flex; justify-content: center; align-items: center; margin-left: 12px; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .bl_avatar { display: flex; flex-direction: column; align-items: center; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .bl_avatar span { color: #565863; font-size: 14px; line-height: 18px; letter-spacing: -.34px; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .bl_avatar span .avatar { margin-bottom: 7px; width: 98px; height: 98px; overflow: hidden; border-radius: 100%; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment .name_comment { display: block; margin-bottom: 13px; color: #1a1b21; font-size: 22px; line-height: 26px; letter-spacing: -.53px; text-align: center; width: -webkit-max-content; width: max-content; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment p { color: #565863; font-size: 16px; line-height: 20px; letter-spacing: -.39px; max-height: 120px; overflow: hidden; } .section_7 .bl_expert_opinion .comments_mobile .comments_mob_indicators { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; margin-top: 30px; } .section_7 .bl_expert_opinion .comments_mobile .comments_mob_indicators .indicator { width: 10px; height: 2px; border-radius: 2px; background-color: #cecece; margin-right: 10px; } .section_7 .bl_expert_opinion .comments_mobile .comments_mob_indicators .indicator.active { width: 20px; height: 4px; background-color: #4a63e7; } .slick-slide img { object-fit: contain; height: 100%; width: 100%; } .section_7 .bl_expert_opinion .comments .comment_item .bl_avatar .avatar { width: 98px; height: 98px; border-radius: 50%; overflow: hidden; } .helpful_inform { width: 100%; position: relative; z-index: 2; padding-top: 100px; background: url(images/bg_blog.png) no-repeat center top; } .helpful_inform .abs_image_help { position: absolute; right: 0; bottom: 50px; z-index: -1; } .helpful_inform .container { height: 100%; display: flex; flex-direction: column; align-items: center; } .helpful_inform .container .helpful_inform_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; } .helpful_inform .container .helpful_inform_desc { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #565863; } .helpful_inform .container .useful_info { margin-top: 50px; display: flex; box-sizing: border-box; align-items: flex-start; min-height: 531px; height: 100%; } .helpful_inform .container .useful_info .item_useful_info:last-child { margin-right: 0; } .helpful_inform .container .useful_info .item_useful_info { max-width: 558px; width: 100%; height: 100%; max-height: 531px; margin-right: 20px; background-color: #fff; overflow: hidden; border-radius: 37px; box-shadow: 0 8px 35px rgba(58,99,236,.31); } .helpful_inform .container .useful_info .item_useful_info .bl_img_us_if { height: 299px; } .helpful_inform .container .useful_info .item_useful_info .bl_img_us_if img { width: 100%; height: 100%; object-fit: cover; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info { padding: 32px; min-height: 232px; display: flex; flex-direction: column; justify-content: space-around; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info span { display: block; margin-bottom: 6px; font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; letter-spacing: -.530588px; color: #1a1b21; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info .more_info { float: left; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info p { color: #565863; height: 78px; overflow: hidden; margin-bottom: 10px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -.385882px; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info .more_info { position: relative; display: inline-block; color: #4a63e7; font-family: LatoBold,sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -.43px; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info .more_info:after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #4a63e7; transition: all .4s ease-in-out; } .helpful_inform .container .useful_info .item_useful_info a:hover .more_info:after { content: ''; width: 90px; transition: all .4s ease-in-out; } .helpful_inform .container .useful_info .item_useful_info a { text-decoration: none; } .helpful_inform .container .all_materials { width: 284px; height: 50px; background: #fff; box-shadow: 0 0 20px rgba(145,145,145,.15); border-radius: 37px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #5970e9; margin: 50px auto 0; display: flex; justify-content: center; align-items: center; text-decoration: none; } .helpful_inform .container .all_materials:hover { box-shadow: 0 0 20px rgba(145,145,145,.3); transition: .5s; } .profitable_block { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; margin-top: 120px; } .profitable_block .container { display: flex; flex-direction: column; align-items: center; } .profitable_block .container h3 { font-style: normal; font-weight: 600; font-size: 34px; line-height: 41px; letter-spacing: -.385882px; color: #000; } .profitable_block .container .profitable_block_title { max-width: 1030px; font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #1a1b21; margin-bottom: 30px; } .profitable_block .container .profit_text { font-style: normal; font-weight: 600; font-size: 16px; line-height: 29px; letter-spacing: -.385882px; color: #565863; } .profitable_block .container .profitable_text_host { width: 100%; } .profitable_block .container .profitable_text_host .part_2 { display: flex; justify-content: flex-start; margin-top: 40px; height: auto; position: relative; overflow: inherit; } .profitable_block .container .profitable_text_host .part_2 .text { height: 100%; max-width: 900px; width: 60%; } .profitable_block .container .profitable_text_host .part_2 .text .profit_text { margin-top: 20px; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop { position: absolute; right: -485px; height: 686px; top: -69px; display: flex; align-items: center; background-image: url(images/profit-bg.png); background-repeat: no-repeat; background-size: contain; z-index: -1; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .abs_image_profit { position: absolute; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .c-1 { right: 10px; top: -250px; display: none; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .c-2 { right: 200px; top: -50px; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .c-3 { left: 60px; z-index: -1; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .laptop-prof { height: 600px; } .profitable_block .container .profitable_text_host .part_3 { display: flex; justify-content: flex-end; height: auto; width: 100%; margin-top: 40px; } .profitable_block .container .profitable_text_host .part_3 .text { width: 70%; max-width: 1140px; } .profitable_block .container .profitable_text_host .part_3 .text ul li { margin-left: 30px; } .profitable_block .container .profitable_text_host .part_3 .text ol li { margin-left: 30px; } .profitable_block .container .profitable_text_host .part_3 .text h3 { margin-bottom: 20px; } .testing_rightnow { width: 100%; display: flex; justify-content: center; align-items: flex-start; margin-top: 100px; background-image: url(images/testing-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 100px; } .testing_rightnow .testing_block { max-width: 1200px; width: 70%; height: 382px; overflow: hidden; background: #fff; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px; z-index: 1; } .testing_rightnow .testing_block .testing_block_desc { background: #5970e9; box-shadow: 0 8px 35px rgba(58,99,236,.313128); border-radius: 37px 37px 0 0; padding: 55px 0; position: relative; } .testing_rightnow .testing_block .testing_block_desc h3 { font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; color: #fff; } .testing_rightnow .testing_block .testing_block_desc p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; letter-spacing: -.578823px; color: #d5d9ed; } .testing_rightnow .testing_block .testing_block_desc .gear_part { position: absolute; top: 0; right: 50px; } .testing_rightnow .testing_block .bottom_part_testing { position: relative; display: flex; justify-content: center; align-items: center; padding-top: 55px; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_1,.testing_rightnow .testing_block .bottom_part_testing .abs_gear_2,.testing_rightnow .testing_block .bottom_part_testing .abs_gear_3 { position: absolute; z-index: -1; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_1 { top: -150px; left: 30px; z-index: -1; animation: 6s gear_anim infinite linear; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_2 { bottom: -150px; left: 300px; animation: 3s gear_anim infinite linear; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_3 { right: 0; bottom: -150px; } .testing_rightnow .testing_block .bottom_part_testing .test_btn { width: 254px; height: 45px; background: #4a63e7; border-radius: 17px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: -.434118px; color: #fff; } .testing_rightnow .testing_block .bottom_part_testing .test_btn:hover { transform: scale(1.05); transition: .3s; box-shadow: 0 8px 15px rgba(74,99,231,.3); } @keyframes gear_anim { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .footer { width: 100%; height: 125px; } .footer .container:last-child { height: auto; padding-bottom: 30px; } .footer .container:last-child .development { display: flex; align-items: center; justify-content: center; } .footer .container:last-child .development img { margin-left: 15px; height: 23px; } .footer .container { height: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; } .footer .container .logo { font-style: normal; font-weight: 500; font-size: 40px; line-height: 47px; letter-spacing: -.964706px; color: #1a1b21; } .footer .container .bread_crumbs { padding: 0 20px; position: absolute; left: 50%; transform: translateX(-50%); } .footer .container .bread_crumbs a:last-child:after { display: none; } .footer .container .bread_crumbs a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: -.337647px; color: #60626c; text-decoration: none; position: relative; margin-right: 20px; } .footer .container .bread_crumbs a:after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: -15px; width: 3px; height: 15px; border-radius: 2px; background-color: #4a63e7; } .footer .container .cards_bank { display: flex; align-items: center; justify-content: center; } .footer .container .cards_bank img:first-child { margin-left: 0; } .footer .container .cards_bank img { margin-left: 30px; } .footer .container .mail { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; text-align: right; letter-spacing: -.434118px; color: #3e404c; } .footer_mobile { width: 100%; height: 125px; display: none; } .footer_mobile .container:last-child { height: auto; padding-bottom: 30px; } .footer_mobile .container:last-child .development { display: flex; align-items: center; justify-content: center; margin-top: 25px; } .footer_mobile .container:last-child .bread_crumbs { margin-top: 25px; flex-direction: column; display: flex; } .footer_mobile .container:last-child .bread_crumbs a { margin-bottom: 10px; } .footer_mobile .container:last-child .bread_crumbs a:before { position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: -15px; width: 3px; height: 15px; border-radius: 2px; background-color: #4a63e7; } .footer_mobile .container:last-child .bread_crumbs a:after { display: none; } .footer_mobile .container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative; } .footer_mobile .container .logo { width: 100%; font-style: normal; font-weight: 500; font-size: 40px; line-height: 47px; letter-spacing: -.964706px; color: #1a1b21; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .footer_mobile .container .bread_crumbs { padding: 0 20px; } .footer_mobile .container .bread_crumbs a:last-child:after { display: none; } .footer_mobile .container .bread_crumbs a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: -.337647px; color: #60626c; text-decoration: none; position: relative; margin-right: 20px; } .footer_mobile .container .bread_crumbs a:after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: -15px; width: 3px; height: 15px; border-radius: 2px; background-color: #4a63e7; } .footer_mobile .container .cards_bank { display: flex; align-items: center; justify-content: center; margin-top: 25px; } .footer_mobile .container .cards_bank img:first-child { margin-left: 0; } .footer_mobile .container .cards_bank img { margin-left: 30px; } .footer_mobile .container .mail { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; text-align: right; letter-spacing: -.434118px; color: #3e404c; } @media screen and (max-width:1750px) { .profitable_block .container .profitable_text_host .part_3 .text { width: 60%; } } @media screen and (max-width:1686px) { .benefits { background-repeat: no-repeat; } .container { max-width: 1600px; } } @media screen and (max-width:1600px) { .bl_advantages { width: 74%; margin: 50px auto; } } @media screen and (max-width:1550px) { .profitable_block .container .profitable_text_host .part_3 .text { width: 60%; } .make-result .procedure_host .action { width: 16%; max-width: 230px; flex-direction: column; } .make-result .procedure_host .action .action-desc { text-align: center; font-size: calc(100vw / 80); } .make-result .procedure_host .action img { margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width:1420px) { .section-1 .container .content_1 .animated_content h3 { font-size: 30px; } .section-1 .container .content_1 .animated_content { height: auto; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 20px; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 20px 20px 0 0; } .review .container .review_container .review_host .review_item .review_user .review_user_name .name { font-size: 26px; } .section_7 { padding-bottom: 35px; padding-top: 50px; } .section_7 .bl_expert_opinion .video { height: 742px; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .section_7 .bl_expert_opinion .video img { object-fit: cover; height: 556px; width: 100%; } .section_7 .bl_expert_opinion .video iframe { height: 100%; } .section_7 .bl_advantages { padding-bottom: 20px; } .profitable_block .container .profitable_text_host .part_2 .text { width: 50%; } .testing_rightnow .testing_block .testing_block_desc h3 { font-size: 40px; } .testing_rightnow .testing_block .testing_block_desc p { font-size: 20px; } .profitable_block .container .profitable_text_host .part_3 .text { width: 50%; } } /** @media screen and (max-width:1380px) { .footer { display: none; } .footer_mobile { display: block; } } */ @media screen and (max-width:1280px) { .make-result .procedure_host { justify-content: center; } .make-result .procedure_host .action .action-desc { line-height: 20px; } .section-1 .container .content_1 { margin-top: 0; } } @media screen and (max-width:1200px) { .analytic-interface .abs-circles { display: none; } .section-1 { margin-bottom: 100px; } .section-1 .container .content_1 .animated_content h3 { font-size: 30px; width: 100%; margin: 0 auto; line-height: 50px; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 25px; } .section-1 .container .content_1 .animated_content .list-line { width: 70%; margin: 30px auto; } .section-1 .container .content_1 .testdrive-btn { position: relative; z-index: 10000; } .section-1 .container .content_1 { align-items: flex-start; justify-content: flex-start; padding-top: 100px; } .section-1 .container { justify-content: center; } .section-1 .container .content_1 .animated_content { height: auto; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 20px; } .section-1 .container .content_1 .animated_content .list-line { width: 100%; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 15px 15px 0 0; } .cost .container .cost_host { flex-direction: column; align-items: center; margin-top: 30px; } .cost .container .cost_host .cost-card { margin-top: 30px; } .review .container .review_container .review_host .review_item .review_user .review_user_name .name { font-size: 20px; } .review .container .review_container .review_host .review_item .review_user .review_user_name .position { font-size: 14px; text-align: center; } .review .container .review_container .review_host .review_item .review_desc { font-size: 14px; max-height: 100px; overflow: hidden; } .review .container .review_container .review_host .review_item .review_user { flex-direction: column-reverse; justify-content: center; align-items: center; } .section_7 .bl_expert_opinion { padding-left: 15px; display: block; } .section_7 .bl_expert_opinion .video { width: 100%; margin: 0 auto 25px; min-width: initial; } .section_7 .bl_expert_opinion .comments { margin-left: 0; width: 100%; display: none; max-width: 100%; } .section_7 .bl_expert_opinion .comment_item { margin-right: 15px; padding: 20px; flex-direction: column; } .section_7 .bl_expert_opinion .comment_item .info_comment p { max-height: initial; overflow: initial; } .section_7 .bl_expert_opinion .comment_item:last-child { margin-right: 0; } .section_7 .bl_expert_opinion .video iframe { height: 100%; } .section_7 .bl_expert_opinion .comments .comment_item { align-items: center; } .section_7 .bl_expert_opinion .comments .comment_item .info_comment .name_comment { text-align: center; } .section_7 .bl_expert_opinion .comments .comment_item .info_comment p { max-height: 200px; overflow: hidden; } .helpful_inform { padding-top: 25px; } .helpful_inform .container .useful_info { flex-wrap: wrap; justify-content: center; margin-top: 30px; } .helpful_inform .container .useful_info .item_useful_info { margin-right: 0; margin-bottom: 15px; max-width: 600px; } .helpful_inform .container .useful_info .item_useful_info .bl_img_us_if { height: 140px; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info p { max-height: 81px; height: auto; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop .laptop-prof { height: 500px; } .profitable_block .container .profitable_text_host .part_2 .text p { font-size: 16px; } .testing_rightnow .testing_block .testing_block_desc h3 { font-size: 30px; line-height: 40px; } .testing_rightnow .testing_block .testing_block_desc p { font-size: 16px; } .testing_rightnow .testing_block .testing_block_desc { padding: 40px 0; padding-left: 20px; padding-right: 20px; } .testing_rightnow .testing_block { height: 340px; } .testing_rightnow .testing_block .testing_block_desc .gear_part { display: none; } .footer .container .bread_crumbs a { font-size: 16px; } .footer .container .bread_crumbs span { margin: 0 7px; } .footer .container .mail { font-size: 16px; } .footer .container .logo { font-size: 35px; } .review .container .review_container .review_host .review_item { padding: 20px; } .bl_advantages { justify-content: center; } .section-1 .ipad-image { top: 50px; left: -70px; } .section-1 .container .content_1 { width: 100%; } .profitable_block .container .profitable_text_host .part_3 { margin-top: 100px; } .section_7 .container .bl_expert_opinion .comments { display: none; } .section_7 .container .bl_expert_opinion .comments_mobile { display: block; } } @media screen and (max-width:1230px) { .opportunities .container .opportunities_host { flex-direction: column-reverse; align-items: center; } .opportunities .container .opportunities_host .rightside { width: 100%; max-width: 100%; height: auto; } .opportunities .container .opportunities_host .rightside .rightside_host { flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: auto; } .opportunities .container .opportunities_host .rightside .rightside_host .choice-opport { width: 300px; font-size: 18px; height: auto; margin-top: 25px; margin-right: 40px; } .opportunities .container .opportunities_host .leftside { width: 100%; height: 400px; } .opportunities .container .opportunities_host { justify-content: flex-end; } .profitable_block .container .profitable_text_host .part_3 .text { max-width: 600px; } } @media screen and (max-width:1093px) { * { cursor: default!important; } .bl_advantages { width: 100%; } } @media screen and (max-width:1060px) { .make-result .procedure_host { width: 70%; } .make-result .procedure_host .action { width: 23%; } } @media screen and (max-width:1050px) { .section-1 .container .content_1 .animated_content { height: auto; } .section-1 .container .content_1 .animated_content .list-line { width: 100%; margin: 10px auto; } .profitable_block .container .profitable_text_host .part_3 .text { max-width: 500px; } .section-1 .container .clearfix { min-width: 500px; } .footer .container .bread_crumbs a { font-size: 14px; } } @media screen and (max-width:960px) { .section-1 .container .content_1 { align-items: center; } .section-1 .container .clearfix { display: none; } .section-1 .container .content_1 .animated_content h3 { font-size: 40px; width: 80%; margin: 0 auto; line-height: 50px; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 27px; } .section-1 .container .content_1 .animated_content .list-line { width: 80%; margin: 35px auto; } .section-1 .container .content_1 .animated_content { height: auto; } .section-1 .header-circle-1 { left: -70px; } .section-1 .ipad-image { display: none; } .advantages .advantages_block { grid-template-columns: 1fr 1fr; } .advantages { margin-bottom: 120px; background-size: contain; background-position: bottom center; } .accessible .accessible_title { font-size: 40px; margin-bottom: 30px; } .accessible .container .accessiblie_host .accessible_description p { font-size: 20px; } .accessible .access-circle-2 { top: 20%; } .cost .container .includes .includes_host { flex-direction: column; align-items: center; justify-content: center; } .cost .container .includes .includes_host .includes_left { padding: 0 25px; width: 100%; } .cost .container .includes .includes_host .includes_right { padding: 0 25px; width: 100%; } .cost .container .check_uxprice .check_ux_title { font-size: 30px; } .cost .container .check_uxprice .check_ux_desc { font-size: 18px; } .section_7 .container .bl_expert_opinion .video { width: 100%; height: auto; } .section_7 .container .bl_expert_opinion .video .descr_video_info { left: 15px; padding-right: 15px; bottom: 20px; } .section_7 .container .bl_expert_opinion .comments { display: noмne; flex-wrap: wrap; justify-content: center; } .section_7 .container .bl_expert_opinion .comment_item { display: flex; margin-right: 3%; max-width: 47%; } .section_7 .container .bl_expert_opinion .video iframe { height: 599px; } .profitable_block .container .profitable_text_host .part_3 .text .profit_text { font-size: 16px; } .profitable_block .container .profitable_text_host .part_3 .text { max-width: 400px; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_2 { display: none; } .footer .container:last-child { flex-direction: row; flex-wrap: wrap; justify-content: center; } .footer .container { flex-direction: column; align-items: flex-start; } .footer { margin-top: 30px; padding-bottom: 30px; height: auto; } .footer .container .logo { align-self: center; margin-bottom: 20px; } .footer .container .bread_crumbs { margin-bottom: 20px; padding-left: 0; display: flex; flex-direction: column; } .footer .container .bread_crumbs a { font-size: 14px; margin-left: 15px; } .footer .container .bread_crumbs a:after { display: none; } .footer .container .bread_crumbs a:before { position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: -15px; width: 3px; height: 15px; border-radius: 2px; background-color: #4a63e7; } .footer .container .cards_bank { align-self: start; margin-bottom: 20px; } .review .container .review_container .review_host .review_item .review_user .review_photo { width: 100px; height: 100px; background-size: cover; } .review .container .review_container .show_more_reviews { background-color: #fff; display: block; margin: 0 auto; font-size: 16px; color: #5970e9; font-weight: 600; } .section-1 .container .content_1 { padding-top: 7%; } .cost .cost-small-circles { display: none; } .articles .container .subtitle_articles .sub_l { top: 190px; } .section-2 .section-2-circles-left { display: none; } .section-2 .section-2-circles-right { display: none; } .make-result .procedure_host .action .action-desc { line-height: 18px; } .fixed_nav.active .container .logo a span { display: none; } } @media screen and (max-width:850px) { .profitable_block .container .profitable_text_host .part_2 .text { width: 100%; } .profitable_block .container .profitable_text_host .part_2 .perenos { width: 50%; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { top: 3px; } .make-result .procedure_host .action .action-desc { font-size: calc(100vw / 60); } .make-result .procedure_host { width: 96%; } } @media screen and (max-width:779px) { .adv_item { margin-right: 0; } } @media screen and (max-width:795px) { .accessible accessible_title { font-size: 30px; } .cost .container .includes .includes_title { font-size: 32px; padding: 0 30px; } } @media screen and (max-width:768px) { .accessible .container .empty_block_access { width: 0%; } .accessiblie_host { display: flex; flex-direction: column; align-items: flex-end; } .accessible .container .accessiblie_host .accessible_description { display: flex; flex-direction: column; align-items: flex-start; } .accessible_title_text:first-child { align-self: flex-end; } } @media screen and (max-width:734px) { .section-1 .container .content_1 .animated_content h3 { font-size: 35px; line-height: 40px; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 22px; } .section-1 .container .content_1 .animated_content .list-line { margin: 15px auto; } .section-1 .container .content_1 .animated_content { height: auto; } .section-2 .container h2 { font-size: 40px; margin-bottom: 40px; } .section-2 .container p { font-size: 18px; } .advantages h2 { font-size: 40px; } .opportunities .container .opport_title { font-size: 40px; } .opportunities .container .opport_subtitle { font-size: 18px; } .opportunities .container .opportunities_host .leftside .opport_description p { font-size: 10px; } .opportunities .container .opportunities_host .leftside .opport_description { width: 80%; } .analytic-interface .container .analytics-title { font-size: 40px; } .analytic-interface .container .analytics-description .btn-toggle-group { width: auto; } .analytic-interface .container .analytics-description .btn-toggle-group .analytics-btn { font-size: 13px; } .bl_advantages { justify-content: center; } .bl_advantages .adv_item { margin-right: 0; } .make-result .procedure_host { justify-content: center; } .accessible .container .accessiblie_host .accessible_description { margin-left: 30px; } .accessible .accessible_title { font-size: 28px; margin-bottom: 30px; line-height: 40px; } .accessible .container .accessiblie_host .accessible_description { margin-left: 0; } .accessible .container .accessiblie_host .accessible_description p { font-size: 16px; } .cost .container .check_uxprice .test-drive-btn { font-size: 16px; } .cost .container .check_uxprice { width: 90%; } .section_7 { padding-top: 0; } .section_7 .container .video { width: 100%; } .section_7 .container .video .img_video .butt_play { top: 50%; right: 32%; width: 119px; height: 119px; background: url(images/butt_def.png) no-repeat 0 0; background-size: cover; } .section_7 .container .video .descr_video_info .title_video { margin-bottom: 14px; font-size: 26px; line-height: 29px; } .section_7 .container .comments .comment_item { margin-right: 0; max-width: 100%; } .section_7 .container .video iframe { height: 392px; } .profitable_block .container .profitable_text_host .part_2 .profit_laptop { display: none; } .profitable_block .container .profitable_text_host .part_2 .perenos { width: 100%; } .profitable_block .container .profitable_text_host .part_2 .text { width: 100%; } .profitable_block .container .profitable_text_host .part_3 .text { max-width: 100%; width: 100%; } .profitable_block .container .profitable_text_host .part_2 .text h3 { text-align: center; margin-bottom: 10px; } .profitable_block .container .profitable_text_host .part_ .text h3 { text-align: center; margin-bottom: 10px; } .profitable_block .container .profitable_text_host .part_2 .text p { font-size: 16px; } .profitable_block .container .profitable_text_host .part_3 .text .profit_text { font-size: 16px; } .testing_rightnow .testing_block .testing_block_desc h3 { font-size: 26px; } .testing_rightnow .testing_block .testing_block_desc p { font-size: 16px; } .testing_rightnow .testing_block .testing_block_desc { padding: 30px 0; } .testing_rightnow .testing_block { height: 300px; width: 100%; margin: 0 30px; } .analytic-interface .container { padding-top: 40px; } .articles .container .subtitle_articles .sub_l { top: 130px; } .header-circle-4 { display: none; } .header-circle-4 { display: none; } } @media screen and (max-width:650px) { .fixed_nav.active .container .btn-group { padding-bottom: 0!important; } .fixed_nav.active .container .logo a svg { width: 80px; } } @media screen and (max-width:625px) { .accessible .container .empty_block_access { width: 0%; } .accessiblie_host { display: flex; flex-direction: column; align-items: flex-end; } .accessible .container .accessiblie_host .accessible_description { display: flex; flex-direction: column; align-items: flex-start; } .accessible_title_text:first-child { align-self: flex-end; bottom: -84px; } .make-result .procedure_host .last-action { margin-right: 43px; } .right_header_part .lang { margin-left: 20px; font-size: 24px; } .right_header_part .lang button { font-size: 14px!important; } .right_header_part .lang button:first-child { margin-right: 5px; } } @media screen and (max-width:600px) { .review .container .review_container .review_host .slick-dots { bottom: 13px; } .review .container .review_container .review_host .slick-track { padding-bottom: 50px; } .review .container .review_container .left_btn_slider { display: none; } .review .container .review_container .right_btn_slider { display: none; } .analytic-interface .container .analytics-description .analytics-description-center { width: 80%; } .cost .container .includes .includes_host .includes_left { padding: 0 40px; } .cost .container .includes .includes_host .includes_right { padding-left: 40px; } .make-result .procedure_host .action .action-desc { line-height: 16px!important; } } @media screen and (max-width:554px) { .footer .container .mail { margin-bottom: 20px; } .footer .container:last-child { padding-bottom: 15px; } } @media screen and (max-width:550px) { .accessible .container .empty_block_access { display: none; } .section_7 { padding-top: 25px; padding-bottom: 25px; } .section_7 .container .bl_expert_opinion .video { width: 100%; } .section_7 .container .bl_expert_opinion .video .descr_video_info .title_video { margin-bottom: 10px; font-size: 21px; line-height: 24px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .name_avtor_video { font-size: 18px; line-height: 22px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .details_avtor_video { font-size: 16px; } .section_7 .container .bl_expert_opinion .video .img_video .butt_play { width: 80px; height: 80px; } .section_7 .container .bl_expert_opinion .video iframe { height: 328px; } .accessible_title_text:first-child { max-width: 100%; } .accessiblie_host { align-items: center; } } @media screen and (max-width:500px) { .section-2 .section-2-circle-4 { display: block; z-index: -100; } .section-1 .header-circle-4 { left: -64px; } .review-circle-2 { display: none; } .section-1 .header-circle-5 { z-index: -1; } footer .container .logo a svg { width: 100px; } .section-1 .container .content_1 .animated_content { margin-top: 20px; position: relative; z-index: auto; } .section-1 { margin-bottom: 0; height: auto; margin-bottom: 60px; } .section-1 .container .content_1 .testdrive-btn { margin-top: 20px; } .section-1 .container .content_1 .animated_content h3 { font-size: 25px; line-height: 40px; margin-bottom: 10px; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 18px; } .section-2 .container h2 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .videoo { margin-top: 30px; margin-bottom: 0; } .section-2 .container p { font-size: 16px; } .section-1 .container .content_1 { height: auto; } .advantages .advantages_block { grid-template-columns: 1fr; display: none; } .advantages .advantages_block_mobile { display: block; } .advantages { background: 0 0; margin-top: 60px; margin-bottom: 90px; } .opportunities .container .opport_title { font-size: 30px; line-height: 40px; margin-bottom: 15px; } .advantages h2 { font-size: 30px; line-height: 40px; } .opportunities .container .opport_subtitle { line-height: 25px; } .analytic-interface .container { padding-top: 60px; } .analytic-interface .container .analytics-description .analytics-description-center p { color: #000; } .advantages .advantages_block_mobile .slider_host { margin-top: 20px; } .analytic-interface .container .analytics-description .btn-toggle-group { width: auto; margin-top: 10px; } .analytic-interface .container .analytics-description .btn-toggle-group .analytics-btn { font-size: 13px; padding: 5px 15px; } .analytic-interface .container .analytics-description .analytics-description-center { width: 100%; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 10px 10px 0 0; width: 70vw; left: 31.5%; top: 2px; } .analytic-interface .container .analytics-description .laptop-block .analytics-laptop { width: 100vw; } .benefits { margin-top: 40px; margin-bottom: 40px; padding-top: 40px; } .benefits .container .bl_advantages { margin-bottom: 30px; padding-bottom: 30px; margin-top: 30px; } .benefits .container .bl_advantages .adv_item .hide_text_adv { font-size: 14px; } .benefits_title { font-size: 30px; line-height: 40px; } .make-result .make-result-title { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .make-result .make-result-desc { font-size: 18px; } .make-result .procedure_host .last-action { transform: translateX(-20px); } .make-result .procedure_host { display: none; } .make-result .procedure_host_mobile { display: block; margin-top: 30px; } .make-result .abs-circle { z-index: -1; } .accessible { height: 600px; } .cost .container .cost_title { font-size: 40px; } .cost .container .cost-desc { font-size: 18px; line-height: 25px; margin-top: 15px; } .cost .container .cost_host { margin-top: 0; } .make-result .signup-btn { margin: 30px auto 0 auto; } .cost .container .cost_host .cost-card .cost-bottom-part .left-part .left-part-title { height: 50px; } .cost .container .cost_host .cost-card .cost-bottom-part .right_part .right_part_title { height: 50px; } .cost .container .includes { padding: 30px 20px; margin-top: 60px; } .cost .container .includes .includes_title { font-size: 26px; line-height: 35px; margin-bottom: 5px; } .cost .container .includes .includes_host .includes_left { padding-left: 0; align-items: baseline; } .cost .container .includes .includes_host .includes_right { padding-left: 0; align-items: baseline; } .cost .container .includes .includes_host .includes_left .includes_line .includes_line_desc,.cost .container .includes .includes_host .includes_right .includes_line .includes_line_desc { font-size: 18px; } .cost .container .includes .includes_host .includes_left .includes_line { align-items: baseline; margin-top: 10px; } .cost .container .includes .includes_host .includes_right .includes_line { align-items: baseline; margin-top: 10px; } .cost .container .check_uxprice .test-drive-btn { width: 100%; } .cost .container .check_uxprice { padding: 30px; } .cost .container .check_uxprice .check_ux_title { font-size: 22px; line-height: 35px; } .cost .container .check_uxprice .check_ux_desc { font-size: 15px; margin: 15px 0 20px 0; } .section_7 { margin-top: 60px; margin-bottom: 30px; } .section_7 .container .bl_expert_opinion .video { width: 100%; height: 380px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .title_video { font-size: 16px; line-height: 21px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .name_avtor_video { font-size: 14px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .details_avtor_video { font-size: 12px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .comment_item { display: block; } .section_7 .container .bl_expert_opinion .comments .comment_item .bl_avatar { margin: 0 auto 15px; } .section_7 .container .bl_expert_opinion .comments .comment_item .info_comment .name_comment { text-align: center; font-size: 20px; margin-top: 15px; } .section_7 .container .bl_expert_opinion .video img { width: 100%; object-fit: cover; height: 100%; } .section_7 .container .bl_expert_opinion .video iframe { height: 100%; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment p { font-size: 14px; line-height: 20px; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m { padding: 20px 20px 50px 20px; } .helpful_inform { padding-top: 30px; } .profitable_block .container .profitable_block_title { margin-bottom: 30px; font-size: 32px; line-height: 40px; text-align: left; } .profitable_block .container .profitable_text_host .part_1 p { font-size: 16px; margin-bottom: 15px; } .profitable_block .container .profitable_text_host .part_2 .text p { font-size: 16px; } .profitable_block .container .profitable_text_host .part_3 .text .profit_text { font-size: 16px; } .profitable_block .container .profitable_text_host .part_3 .text h3 { text-align: left; font-size: 28px; line-height: 35px; margin-bottom: 20px; } .profitable_block .container .profitable_text_host .part_2 .text h3 { font-size: 24px; line-height: 35px; margin-bottom: 20px; text-align: left; } .profitable_block .container .profitable_text_host .part_3 { margin-top: 30px; } .testing_rightnow .testing_block .testing_block_desc h3 { font-size: 21px; line-height: 30px; } .testing_rightnow .testing_block .testing_block_desc p { font-size: 14px; padding: 0 40px; margin-top: 10px; line-height: 20px; } .testing_rightnow .testing_block .testing_block_desc { padding: 30px 10px; } .testing_rightnow .testing_block { border-radius: 15px; } .testing_rightnow .testing_block { height: auto; width: 100%; margin: 0 30px; } .testing_rightnow .testing_block .bottom_part_testing { padding-top: 25px; padding-bottom: 25px; } .testing_rightnow .testing_block .bottom_part_testing img { height: 100px; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_1 { top: -55px; } .testing_rightnow .testing_block .bottom_part_testing .abs_gear_3 { right: 18px; bottom: -80px; } .helpful_inform .container .helpful_inform_title { font-size: 30px; line-height: 40px; margin-bottom: 15px; } .helpful_inform .container .helpful_inform_desc { font-size: 18px; line-height: 25px; text-align: center; } .helpful_inform .container .useful_info { margin-top: 25px; } .section_7 .bl_expert_opinion .comments .comment_item .info_comment p { max-height: 145px; } .section_7 .container .video .img_video .butt_play { top: 50%; left: 50%; } .section_7 .container .title { font-size: 30px; line-height: 40px; } .section_7 .container .title p { margin-top: 15px; font-size: 18px; line-height: 25px; } .section_7 .bl_expert_opinion { margin-top: 20px; } .review .container .review_title { font-size: 30px; line-height: 40px; } .cost .container .includes .includes_host { padding: 0; } .cost .container .includes .includes_host .includes_left .includes_line .includes_line_desc,.cost .container .includes .includes_host .includes_right .includes_line .includes_line_desc { font-size: 16px; } .opportunities .container .opportunities_host .leftside .leftside_item .opport_description { width: 100%; max-width: 100%; top: 157px; padding: 25px; } .section-1 .container .content_1 { align-items: center; padding-top: 50px; } .empty_block { height: 50px; } .section-1 .container .content_1 .animated_content .list-line { margin: 15px 0; align-items: baseline; } .section-1 .container .content_1 .animated_content h3 { margin: 0 0 20px 0; } .opportunities .container .opportunities_host_mobile { display: block; } .opportunities .container .opportunities_host { display: none; } .analytic-interface { margin-top: 50px; } .analytic-interface .container .analytics-title { font-size: 30px; line-height: 40px; } .cost .container .cost_title { font-size: 30px; line-height: 40px; } .review { padding-bottom: 30px; } .cost .container .check_uxprice { margin-top: 60px; } .analytic-interface .abs-circle-3 { display: none; } .helpful_inform .abs_image_help { display: none; } .section-1 .header-circle-5 { display: none; } .accessible .container .accessiblie_host .accessible_description .list-line { align-items: baseline; } .cost { margin-top: 0px; padding-bottom: 60px; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info span { font-size: 20px; } .helpful_inform .container .useful_info .item_useful_info { margin-bottom: 25px; } .helpful_inform .container .all_materials { margin: 20px auto 0 auto; } .profitable_block { margin-top: 60px; } .testing_rightnow { margin-top: 60px; padding-bottom: 60px; } } @media screen and (max-width:472px) { .fixed_nav.active .container .sign-block { height: 28px; font-size: 12px; } .review .container .review_container .review_host { width: 100%; } .fixed_nav.active .container { flex-direction: column; } .right_header_part .lang { display: none; } .menu_nav { top: 125px; } .fixed_nav.active .container .logo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .fixed_nav.active .container .sign-block .not_authorized .signin-btn { border: 1px solid #4a63e7; } .fixed_nav.active .container .logo .lang { display: block; } .fixed_nav.active .container .sign-block .not_authorized .signup-btn { border-radius: 13px; } .fixed_nav.active { height: 150px; } } @media screen and (max-width:425px) { .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 10px 10px 0 0; width: 70.2vw; left: 31.2%; top: 2px; } .fixed_nav.active .container .sign-block .signup-btn { height: 28px; width: 100px; font-size: 12px; } .review .container .review_container .review_host { width: 100%; } .fixed_nav.active .container { flex-direction: column; } .right_header_part .lang { display: none; } .menu_nav { top: 125px; } .fixed_nav.active .container .logo { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .fixed_nav.active .container .sign-block .not_authorized .signin-btn { border: 1px solid #4a63e7; } .fixed_nav.active .container .logo .lang { display: block; } .fixed_nav.active { height: 150px; } .section-1 .header-circle-2 { right: 0; left: auto; top: 25px; } } @media screen and (max-width:400px) { .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 10px 10px 0 0; /* width: 59.6vw; left: 31.9%; */ top: 2px; width: 70vw; top: 2px; } } @media screen and (max-width:375px) { .make-result .procedure_host .last-action { transform: translateX(0); } .make-result .procedure_host object { transform: rotateZ(90deg); } .accessible { height: auto; } .cost { margin-top: 0px; } .cost .container .includes { margin-top: 60px; } /* .analytic-interface .container .analytics-description .laptop-block .laptop-display { left: 28.55%; } */ .accessible .accessible_title { /* display: flex; flex-direction: column; */ } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .comment_item_m .bl_avatar span { text-align: center; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment .name_comment { font-size: 17px; } .section-1 .container .content_1 .testdrive-btn { width: 250px; font-size: 16px; } .footer_mobile .container .bread_crumbs { padding: 0; } .footer_mobile .container .bread_crumbs a { font-size: 14px; margin-right: 17px; } .footer_mobile .container .logo a svg { width: 80px; } .footer_mobile .container .mail { font-size: 15px; margin-top: -5px; } .footer_mobile .container:last-child .development { font-size: 13px; } } @media screen and (max-width:340px) { .analytic-interface .container .analytics-description .laptop-block .analytics-laptop { height: auto; } .section-1 .container .content_1 .testdrive-btn { width: 250px; font-size: 16px; } .section-1 .container .content_1 .animated_content h3 { font-size: 22px; width: 100%; } .fixed_nav.active .container .sign-block .signup-btn { height: 30px; width: 100px; font-size: 12px; } .section-1 .container .content_1 { padding-top: 0; } .section-1 .container .content_1 .animated_content .list-line { margin: 10px 0; } .section-1 .container .content_1 .animated_content .list-line .list-item { font-size: 16px; } .section-2 .container h2 { font-size: 26px; } .advantages .advantages_block_mobile .slider_host .advantages-item h4 { text-align: center; } .section-2 .container p { font-size: 16px; } .advantages { margin-top: 50px; } .videoo { margin: 80px auto; } .advantages h2 { font-size: 35px; } .advantages .advantages_block .advantages-item { display: flex; flex-direction: column; align-items: center; } .advantages .advantages_block h4 { font-size: 22px; } .advantages .advantages_block { margin-top: 50px; } .analytic-interface { margin-top: 60px; } .opportunities .container .opport_title { font-size: 36px; line-height: 50px; } .opportunities .container .opport_subtitle { font-size: 16px; } .opportunities .container .opportunities_host .rightside .rightside_host .choice-opport { font-size: 16px; margin-top: 10px; } .analytic-interface .container .analytics-description .laptop-block .laptop-display { border-radius: 7px 7px 0 0; height: 85.8% !important; } .profitable_block .container .profitable_block_title { font-size: 28px; } .section_7 .container .bl_expert_opinion .video .descr_video_info .title_video { font-size: 14px; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment p { font-size: 12px; } .helpful_inform .container .useful_info .item_useful_info .descr_blog_info p { max-height: 78px; } .section_7 .bl_expert_opinion { padding: 0; } .accessible .accessible_title { /* display: block; */ } .analytic-interface .container { padding-top: 30px; } .make-result .procedure_host_mobile .procedure_slider .action .action-desc { margin-left: 10px; } .benefits .container .bl_advantages { margin-top: 30px; } .benefits .container .bl_advantages .adv_item:before { height: 200%; width: 1000%; } .benefits_title { font-size: 26px; } .cost .container .cost_host .cost-card .cost-bottom-part .right_part .right_part_title { height: 90px; } .cost .container .cost_host .cost-card .cost-bottom-part .left-part .left-part-title { height: 90px; } .cost .container .cost_host .cost-card .cost-bottom-part { padding: 25px; } .cost .container .includes .includes_title { font-size: 26px; } .cost .container .includes .includes_host .includes_left .includes_line .includes_line_desc,.cost .container .includes .includes_host .includes_right .includes_line .includes_line_desc { font-size: 14px; } .cost .container .check_uxprice .check_ux_title { font-size: 20px; line-height: 30px; } .cost .container .check_uxprice .test-drive-btn { font-size: 12px; } .review .container .review_title { font-size: 30px; } .testing_rightnow .testing_block .bottom_part_testing .test_btn { width: 80%; } .testing_rightnow .testing_block .bottom_part_testing { padding-top: 20px; } .helpful_inform .container .all_materials { width: 100%; } .section_7 { margin-top: 40px; } .footer .container .bread_crumbs a { display: flex; align-items: baseline; } .footer .container .bread_crumbs a:before { top: 5px; transform: translate(0,0); } .review .container .review_container .review_host .review_item .review_desc { font-size: 12px; } .menu_nav ul li a { font-size: 16px; } .menu_nav ul li { margin-left: 30px; } } @media screen and (max-width:768px) { .adv_item:last-child { margin-right: 0; } } @media screen and (max-width:472px) { .right_header_part .lang { display: block; } } @media screen and (max-width:425px) { .right_header_part .lang { display: block; } } @font-face { font-family:'Lato';src:local("Lato Regular"),local("Lato-Regular"),url("fonts/latoregular.woff2") format("woff2"),url("fonts/latoregular.woff") format("woff"),url("fonts/latoregular.ttf") format("truetype");font-weight:400;font-style:normal; } @font-face { font-family:'Lato';src:local("Lato Semibold"),local("Lato-Semibold"),url("fonts/latosemibold.woff2") format("woff2"),url("css/fonts/latosemibold.woff") format("woff"),url("fonts/latosemibold.ttf") format("truetype");font-weight:600;font-style:normal; } @font-face { font-family:'Lato';src:local("Lato Heavy"),local("/fonts/Lato-Heavy"),url("fonts/latoheavy.woff2") format("woff2"),url("fonts/latoheavy.woff") format("woff"),url("fonts/latoheavy.ttf") format("truetype");font-weight:800;font-style:normal; } .tariff-wrap { /** font-family: 'Lato',sans-serif; */ font-family: Montserrat; position: relative; width: 100%; padding: 30px; box-sizing: border-box; } .tariff-circle { position: absolute; z-index: -1; object-fit: cover; } .tariff-circle--1 { left: 0px; } .tariff-circle--2 { top: 0px; right: 0px; transform: translate(59%,-45%); z-index: -1; } .tariff-circle--3 { left: 2.65%; bottom: -22%; } .tariff-circle--4 { left: 41.7%; bottom: -31%; } .tariff { margin: 0 auto; } .tariff__coll { margin: 0 0.15%; transition: all 0.1s ease-in-out; } .tariff__coll li { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; line-height: 19px; text-align: center; transition: box-shadow 0.1s ease-in-out; } .tariff__coll li:first-child { height: 79px; } .tariff__coll li:nth-child(3) { height: 58px; } .tariff__coll li:nth-child(7) { height: 62px; } .tariff__coll li:nth-child(4) { height: 62px; } .tariff__coll:not(:first-child) li { cursor: pointer; } .tariff__coll li:nth-child(2),.tariff__coll li:nth-child(5),.tariff__coll li:nth-child(6),.tariff__coll li:nth-child(8),.tariff__coll li:nth-child(9) { height: 43px; } .tariff__coll--1 { width: 274px; } .tariff__coll--1 li { font-weight: 600; font-size: 16px; line-height: 19px; letter-spacing: -0.361765px; color: #141D52; justify-content: left; text-align: left; padding-left: 8%; padding-left: 8%; } .tariff__coll--1 li:first-child { height: 79px; border-radius: 37px 0px 0px 0px; } .tariff__coll--1 li:last-child { border-radius: 0px 0px 0px 37px; } .tariff__coll--6 li:first-child { border-radius: 0px 37px 0px 0px; position: relative; } .tariff__coll--6 li:last-child { border-radius: 0px 0px 37px 0px; } .tariff__coll--2,.tariff__coll--3,.tariff__coll--4,.tariff__coll--5,.tariff__coll--6 { width: 182px; } /** ul.tariff__coll--4:nth-child(3), ul.tariff__coll--5:nth-child(3) { color: #24b263; } */ .tariff__coll:not(:first-child):hover { transform: scale(1.01); } .tariff__coll:not(:first-child) li:nth-child(odd):hover { box-shadow: 0px 0px 10px #E3E3EF; transition: box-shadow 0.1s ease-in-out; } .tariff__coll:not(:first-child) li:first-child:hover { box-shadow: 0px 0px 10px #3A63EC; transition: box-shadow 0.1s ease-in-out; } .tariff__coll:not(:first-child) li:nth-child(2n):hover { box-shadow: 0px 0px 10px #C8CDEE; transition: box-shadow 0.1s ease-in-out; } .tariff__title { font-weight: 600; font-size: 48px; text-align: center; letter-spacing: -1.15765px; color: #1A1B21; line-height: 58px; } .tariff__subtitle { font-weight: 400; font-size: 24px; text-align: center; letter-spacing: -0.578823px; color: #565863; line-height: 29px; padding-top: 5px; padding-bottom: 75px; text-align: center!important; width: 85%; margin: 0 auto; } .tariff__coll li:nth-child(odd) { background: #FAFAFD; } .tariff__coll li:nth-child(2n) { background: #EBEDFC; height: 65px; } .tariff__coll ul li:first-child { height: 79px; } .tariff__coll:not(:first-child) li:first-child { background: #3A63EC; font-weight: 800; font-size: 28px; line-height: 34px; color: #FFFFFF; } .tariff__table { display: flex; justify-content: center; } .tariff__table ul li { height: 65px; } .tarifs_block { justify-content: center; justify-content: center; align-items: center; display: flex; } .tarifs_block > div { display: inline-block; } div .tarifs_block .tarif_block_div_text { padding-top: 15px; padding-bottom: 15px; display: block; text-align: center; line-height: 19px; height: 58px; font-weight: 600 !important; font-size: 19px !important; color: #808080; } .first_li_padding { padding-top: 8px; } .tarif_price { font-size: 20px; display: block !important; margin-top: -5px !important; } @media (max-width:1040px) { .tarifs_block { display: block !important; } .tarifs_block > div { display: block !important; } .tariff__coll:not(:first-child) li:not(:first-child) { font-size: calc(2.1vw/1.2); } .tariff__coll:not(:first-child) li:first-child { font-size: calc(4.75vw/2); } .tariff__coll--1 li { font-size: calc(3.1vw/2); } .tariff__coll li { } .tariff__title { font-size: calc(8.75vw / 2); } .tariff__subtitle { font-size: calc(4.5vw / 2); padding-bottom: 7%; } .tariff-circle--2 { width: 150px; transform: translate(55%,-45%); } } @media (max-width:656px) { .tariff__coll:not(:first-child) li:not(:first-child) { font-size: 12px; } .tariff__coll:not(:first-child) li:first-child { font-size: 18px; } .tariff__coll--1 li { font-size: 12px; line-height: 14px; } .tariff__coll--1 li:first-child { border-radius: 15px 0px 0px 0px; } .tariff__coll--1 li:last-child { border-radius: 0px 0px 0px 15px; } .tariff__title { font-size: 26px; } .tariff__subtitle { font-size: 16px; margin-bottom: 5%; } .tariff__coll--6 li:first-child { border-radius: 0px 15px 0px 0px; } .tariff__coll--6 li:last-child { border-radius: 0px 0px 15px 0px; } .tariff-circle--2 { display: none; } .tariff-wrap { box-sizing: border-box; padding: 0 4px!important; width: 100%!important; } } /** */ @media (max-width:680px) { .tarifs_block { overflow-x: auto; } .tarifs_block::before { /* background: rgba(255,255,255,.5); */ width: 50px; height: 100%; content: ''; position: absolute; top: 0; left: 0; z-index: 1; background: -webkit-linear-gradient(right, rgba(255,0,0,0), rgb(255 255 255)); } .tarifs_block::after { /*background: rgba(255,255,255,.5);*/ width: 50px; height: 100%; content: ''; position: absolute; top: 0; right: 0; z-index: 1; background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgb(255 255 255)); } .tarifs_block::-webkit-scrollbar { display: none; } .tarifs_block > div { width: 700px; } .tariff__coll:not(:first-child) li:first-child, .tariff__coll--1 li { font-size: 16px !important; line-height: 21px !important; } .tarif_price { font-size: 16px !important; } } @media (max-width:534px) { .tariff__coll { margin: 0 1px; } .tariff-circle--2 { width: 120px; } } @media (max-width:514px) { .tariff__coll--1 li { padding-left: 5px; } .tariff__coll:not(:first-child) li:first-child { font-size: 16px; } .tarif_price { font-size: 16px!important; display: block !important; margin-top: -6px !important; } } @media (max-width:478px) { .tariff__coll--1 li { font-size: 12px; line-height: 13px; } .tariff__coll:not(:first-child) li:not(:first-child) { font-size: 11px; line-height: 13px; } .tarif_price { font-size: 10px!important; display: block !important; margin-top: -6px !important; } } @media (max-width:434px) { .tariff__coll:not(:first-child) li:first-child { font-size: 14px; } .tarif_price { font-size: 12px!important; display: block !important; margin-top: -6px !important; } } @media (max-width:390px) { .tariff__coll:not(:first-child) li:first-child { font-size: 13px; } .tarif_price { font-size: 10px!important; display: block !important; margin-top: -6px !important; } } @media (max-width:356px) { .tariff__coll:not(:first-child) li:first-child { font-size: 12px!important; } .tarif_price { font-size: 9px!important; display: block !important; margin-top: -6px !important; } } @media (max-width:334px) { .tariff__coll:not(:first-child) li:first-child { font-size: 10px!important; } .tarif_price { font-size: 8px!important; display: block !important; margin-top: -6px !important; } } @media screen and (max-width:501px) { .advantages h2 { font-size: 28px; } .advantages_block { } } @media screen and (max-width:479px) { .lang { margin-left: 15px!important; } } @media screen and (max-width:376px) { .signin-btn { width: 80px!important; } .signup-btn { width: 105px!important; } .lang { width: 105px!important; } } @media screen and (max-width:377px) { .btn-group .signin-btn,.btn-group .signup-btn { font-size: 15px!important; } } .accessible { /* display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; grid-template-rows: 0.2fr 1fr; gap: 1px 1px; grid-template-areas: "cell1 cell1 cell2 cell2" "cell1 cell1 cell3 cell3"; */ display: flex; align-items: center; } .accessible__image-wrap { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: cell1; } .accessible_title { -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-area: cell2; } .accessible .container { -ms-grid-row: 3; -ms-grid-column: 5; -ms-grid-column-span: 3; grid-area: cell3; } @media screen and (max-width:1200px) { .accessible { grid-template-areas: "cell2 cell2 cell2 cell2" "cell1 cell1 cell1 cell1" "cell3 cell3 cell3 cell3"; } .cost { margin-top: 11%; } .accessible_title { justify-content: center!important; } .accessible__image-wrap { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 4; } .accessible_title { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 4; } .accessible .container { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 4; } } .empty_block_access { display: none; } .accessible .abs-ipad { } .adv_item:hover { max-height: 700px; transition: 0.5s all ease-in-out; } @media screen and (max-width:467px) { .analytics-btn { max-height: 45px!important; line-height: 14px!important; } } @media screen and (max-width:404px) { .analytics-btn { font-size: 2.8vw!important; } * { /* min-height: 0; min-width: 0; */ } } .abs-ipad { width: 50%; } .test-wrap { } .accessible-img { width: 100%; height: auto; display: block; } .part_3_cards { width: 50%; } .profitable__table-img { width: 100%; height: auto; } @media screen and (max-width:1130px) { .part_3 { flex-direction: column; align-items: center; } .part_3_cards { width: 100%; } .part_3 .text { width: 85%; } } @media screen and (max-width:650px) { .part_3 .text { width: 100%; } } @media screen and (max-width:567px) { .fixed_nav.active .container .sign-block .not_authorized .signin-btn { margin-right: 0px; } } @media screen and (max-width:512px) { .fixed_nav.active .container .sign-block .not_authorized .signup-btn { width: auto; } } @media screen and (max-width:472px) { .right_header_part { justify-content: space-between; } } .fixed_nav.active .container .logo { justify-content: center; } .bl_avatar span { padding: 15px 0 5px 0; } .hashtags { font-size: 10px; } .hashtags a { width: 100%; padding: 8px 5px; display: flex; justify-content: center; } .section_7 .bl_expert_opinion .comments_mobile .comments_slider .info_comment .name_comment { width: 100%; } @media screen and (max-width:512px) { .fixed_nav.active .container .sign-block .not_authorized .signup-btn { padding-left: 7px; padding-right: 7px; } } @media screen and (max-width:423px) { .accessible_title p { text-align: center; } } @media screen and (max-width:404px) { .accessible_title { margin-bottom: 60px!important; } } @media screen and (max-width:512px) { .fixed_nav.active .container .sign-block .not_authorized .signup-btn { padding-left: 7px; padding-right: 7px; } } @media screen and (max-width:376px) { .right_header_part { width: 100%; } .fixed_nav .container { padding: 0 5px!important; } } @media screen and (max-width:500px) { .make-result .procedure_host_mobile .procedure_slider .action { margin: 0 auto; width: 90%; } } body { /** overflow: hidden; */ } /* mobile */ /* .advantages-item .external-circle object{ width: fit-content; } */ .accessible_title p { width: 80%; text-align: center; } .accessible__image-wrap { height: fit-content; } /* .advantages-item .internal-circle object{ width: fit-content !important; } */ /* .advantages .advantages_block_mobile .slider_host .advantages-item .external-circle .internal-circle { display: flex !important; } .advantages .advantages_block_mobile .slider_host .advantages-item .external-circle .internal-circle object { display: block; height: fit-content !important; width: fit-content !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } */ @media screen and (max-width: 576px) { .container{ padding: 0 8px; } } #tariffs { overflow: hidden; } .articles figure img{ height: auto; } @media screen and (max-width: 760px){ .articles figure{ width: 100%; display: flex !important; flex-direction: column; align-items: center; } .articles figure img{ width: 95%; } .top_part_article .hashtags{ flex-wrap: wrap; justify-content: center; } } .top_part_article .hashtags a{ min-width: fit-content; max-width: fit-content; display: flex; align-items: center; margin-bottom: 5px; } .show_comment{ cursor: pointer; } .wp-block-table table{ overflow-wrap: break-word; } @media screen and (max-width: 651px){ .wp-block-table table{ overflow-wrap: break-word; font-size: 12px !important; } } @media screen and (max-width: 456px){ .wp-block-table table{ overflow-wrap: break-word; font-size: 11px !important; } } @media screen and (max-width: 415px){ .wp-block-table table{ overflow-wrap: break-word; font-size: 11px !important; word-break: break-all; } } .time_to_read{ display: flex; align-items: center; } .make-result .signup-btn{ min-width: 174px; } /*------------------h3 to h1 webstd----------------------------*/ h1 { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .section-1 .container .content_1 .animated_content h1 { font-style: normal; font-weight: 600; font-size: 40px; line-height: 58px; letter-spacing: -1.30235px; color: #1a1b21; margin-bottom: 50px; } .section-1 .container .content_1 .animated_content h1 span { color: #4a63e7; } @media screen and (max-width:1420px) { .section-1 .container .content_1 .animated_content h1 { font-size: 30px; } } @media screen and (max-width:1200px) { .section-1 .container .content_1 .animated_content h1 { font-size: 30px; width: 100%; margin: 0 auto; line-height: 50px; } } @media screen and (max-width:960px) { .section-1 .container .content_1 .animated_content h1 { font-size: 40px; width: 80%; margin: 0 auto; line-height: 50px; } } @media screen and (max-width:734px) { .section-1 .container .content_1 .animated_content h1 { font-size: 35px; line-height: 40px; } } @media screen and (max-width:500px) { .section-1 .container .content_1 .animated_content h1 { font-size: 25px; line-height: 40px; margin-bottom: 10px; } } @media screen and (max-width:500px) { .section-1 .container .content_1 .animated_content h1 { margin: 0 0 20px 0; } } @media screen and (max-width:340px) { .section-1 .container .content_1 .animated_content h1 { font-size: 22px; width: 100%; } } /* 28.09 */ .faq-tabs{ max-width: 1760px; margin: 120px auto 0 auto; padding: 0 30px; } .faq-tabs__title{ font-weight: 600; font-size: 36px; line-height: 58px; text-align: center; letter-spacing: -1.15765px; margin-bottom: 70px; } .faq-tabs__wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; transition: .2s; } .faq-tabs__tab-wrap{ width: 48.7%; /* height: 160px; */ /* margin-bottom: 50px; */ } .faq-tabs__tab{ margin-bottom: 50px; max-height: 160px; background: #FFFFFF; box-shadow: 0px 5px 25px rgba(58, 99, 236, 0.3); border-radius: 37px; overflow: hidden; display: flex; justify-content: space-between; padding: 55px 30px 50px 50px; transition: .2s; cursor: pointer; } .faq-tabs__tab.active{ height: auto; max-height: 900px; transition: .2s; position: relative; z-index: 2; } .faq-tabs__tab.active .faq-tabs__tab-arrow svg{ transform: rotate(180deg); transition: .3s; } .faq-tabs__tab-text, .faq-tabs__tab-text *{ transform: scaleY(0); transition: 0.2s; font-size: 16px; line-height: 1.4em; } .faq-tabs__tab.active .faq-tabs__tab-text, .faq-tabs__tab.active .faq-tabs__tab-text *{ transform: scaleY(1); transition: .3s; } .faq-tabs__tab-text ul{ margin-left: 20px; } .faq-tabs__tab-title-text{ font-weight: 600; font-size: 21px; line-height: 100%; letter-spacing: -0.385882px; margin-top: 15px; margin-bottom: 30px; } .faq-tabs__tab-ico{ font-size: 40px; margin-right: 20px; height: fit-content; transform: translateY(-3px); } .faq-tabs__tab-title{ display: flex; } .faq-tabs__tab-arrow{ width: fit-content; height: fit-content; cursor: pointer; margin-top: 8px; } .faq-tabs__tab-arrow svg{ transition: .3s; } @media screen and (max-width:1470px) { .faq-tabs__tab-title-text{ margin-top: 5px; } } @media screen and (max-width:1400px) { .faq-tabs__tab{ box-shadow: 0px 5px 20px rgba(58, 99, 236, 0.3); } } @media screen and (max-width:1200px) { .faq-tabs__tab-wrap{ width: 100%; } .faq-tabs__tab{ margin-bottom: 30px; } .faq-tabs__tab-title-text{ margin-top: 15px; } } @media screen and (max-width:768px) { .faq-tabs{ margin-top: 80px; } .faq-tabs__title{ margin-bottom: 50px; } /* .faq-tabs__tab-wrap{ height: 130px; } */ .faq-tabs__tab{ max-height: 130px; padding: 40px 25px 35px 25px; } .faq-tabs__tab-title-text{ margin-top: 10px; font-size: 18px; } .faq-tabs__tab-text, .faq-tabs__tab-text *{ font-size: 14px !important; } .faq-tabs__tab-title-text{ } /* .faq-tabs__tab{ width: 100%; } */ } @media screen and (max-width:585px) { .faq-tabs__tab{ padding: 40px 15px 25px 15px; margin-bottom: 20px; } .faq-tabs__tab-ico{ font-size: 30px; transform: translateY(5px); margin-right: 6px; } .faq-tabs__tab-arrow svg{ width: 24px; } } @media screen and (max-width:500px) { .faq-tabs{ padding: 0 15px; } .faq-tabs__title{ font-size: 28px; } .faq-tabs__tab-title-text{ margin-top: 0; } .faq-tabs__tab.active .faq-tabs__tab-text{ transform: scaleY(1) translateX(-45px); width: 125%; } } .rating{ display: flex; flex-direction: column; width: fit-content; font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: -0.434118px; } .rating__top-section{ display: flex; } .rating__title-text{ font-weight: 900; font-size: 18px; line-height: 22px; letter-spacing: -0.434118px; } .rating-stars { display: flex; width: fit-content; justify-content: center; overflow: hidden; flex-direction: row-reverse; position: relative; transform: translateY(-6px); margin: 0 9px; } .rating-0 { filter: grayscale(100%); } .rating-stars input { display: none; } .rating-stars label { cursor: pointer; width: 28px; height: 28px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 80%; transition: .3s; } .rating-stars input:checked ~ label, .rating-stars input:checked ~ label ~ label { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .rating-stars input:not(:checked) ~ label:hover, .rating-stars input:not(:checked) ~ label:hover ~ label { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .footer-container{ align-items: flex-start !important; } .footer_mobile .rating{ flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 10px; margin-bottom: 15px; } .footer_mobile .container{ height: fit-content !important; } .footer__bottom-center-section{ position: absolute; width: 100%; } .footer__bottom-center-section .mail{ position: absolute; top: 35px; left: 50%; transform: translateX(-71%); } .articles__article-content{ max-width: 906px; margin: 0 auto; word-break: break-word; } .articles__article-content h2{ margin-top: 45px; } /*-----webstd code------*/ .faq-tabs__tab{ margin-bottom: 50px; max-height: 100px; background: #FFFFFF; box-shadow: 0px 5px 25px rgba(58, 99, 236, 0.3); border-radius: 15px; overflow: hidden; display: flex; justify-content: space-between; padding: 22px 30px 15px 25px; transition: .2s; cursor: pointer; } @media screen and (max-width:768px) { .faq-tabs__tab{ max-height: 90px; padding: 22px 30px 15px 25px; } } @media screen and (max-width:585px) { .faq-tabs__tab{ padding: 22px 30px 15px 25px; margin-bottom: 20px; } } /* ==================================================Remove span from header logo============================================================= */ .fixed_nav .logo a > span { display: none; } /* ====================================================Replaced cirlce in head================================================================ */ .section-1 .header-circle-1 { left: -110px; } /* ==================================================Lang selector position change============================================================ */ @media screen and (min-width: 660px) { .right_header_part .lang { margin-left: 30px; margin-right: 20px; } } @media screen and (max-width: 472px) { .fixed_nav.active .container .sign-block { height: fit-content; } } /* ==================================================Head tablet img position change=========================================================== */ @media screen and (min-width: 1420px) { .section-1 .ipad-image { width: 46%; } } .section-1 .container .content_1 { margin-top: 70px; } @media screen and (max-width: 1200px) { .section-1 .container .content_1 { padding-top: 0; margin-top: 30px; } } .section-2 .section-2-circle-2 { z-index: -1; } @media screen and (max-width: 400px) { .section-1 .container .content_1 { margin-top: 0; } .section-1 .container .content_1 .animated_content .list-line { margin: 6px 0 !important; } } .analytics-description__arrow { position: absolute; top: 0; bottom: 0; margin: auto 0; z-index: 1; height: fit-content; cursor: pointer; } .analytics-description__arrow--left { left: 10%; transform: rotate(90deg); } .analytics-description__arrow--right { right: 10%; transform: rotate(-90deg); } .accessible { grid-template-rows: 1fr; } .accessible_description { margin-left: 0 !important; } .accessible_title { padding-left: 0 !important; display: flex; justify-content: center !important; } .accessible .container { flex-direction: column; } .accessible .container .accessiblie_host .accessible_description .list-line object{ width: 14px; } .accessible__image-wrap { height: 100%; display: flex; } .accessible__image-wrap img { margin: auto; } .profitable_block .container .profitable_text_host .part_3 .text { padding-left: 90px; } @media screen and (max-width: 1130px) { .part_3_cards { display: flex; justify-content: center; } .part_3_cards img { max-width: 600px; width: 100%; } .profitable_block .container .profitable_text_host .part_3 .text { padding-left: 0; max-width: 1000px; width: 100%; margin-top: 60px; } } .profitable_block .container .profitable_text_host .part_3 .text h3 { text-align: center; } .footer .container .mail, .footer_mobile .container .mail { display: flex; align-items: center; } .footer .container .mail svg, .footer_mobile .container .mail svg{ width: 20px !important; margin-right: 8px; } .analytics-laptop { user-select: none; } @media screen and (max-width: 500px) { .analytics-description__arrow { display: none; } } .mail { text-decoration: none; } .section-1 .container .content_1 .animated_content .list-line, .section-1 .container .content_1 .testdrive-btn { margin-left: 5px; } .section-1 .container .content_1 { margin-top: 70px; } .accessible-wrap .accessible_title { font-style: normal; font-weight: 600; font-size: 36px; line-height: 58px; display: flex; align-items: baseline; justify-content: left; text-align: center; letter-spacing: -1.15765px; margin-top: 100px; margin-bottom: 40px; } .accessible .accessible__image-wrap, .accessible .container { width: 50%; } .accessible .accessible__image-wrap{ min-width: 840px; } .accessible .container { position: relative; z-index: 3; } @media screen and (max-width: 1374px) { .accessible-wrap .accessible { flex-direction: column; } .accessible .container { width: 100%; } .accessible__image-wrap { justify-content: center; min-width: auto !important; width: 100% !important; } .accessible__image-wrap img { max-width: 1000px; } } @media screen and (max-width: 500px) { .accessible-wrap .accessible_title { font-size: 30px; margin-bottom: 20px; } } @media screen and (max-width: 960px) { .section-1 .container .content_1 .animated_content .list-line { margin-left: auto; margin-right: auto; } .section-1 .container .content_1 { margin-top: 0; } .section-1 .container .content_1 .testdrive-btn { margin-right: 0; } } .color_grey { color: #9b9b9b; } .icon, svg[class*=" icon_"], svg[class^=icon_] { display: inline-block; width: 1em; height: 1em; fill: currentColor; } /** .plyr__poster { background-image: url("images/video_bg.png") !important; } */ /** custom styles for Plyr player */ .videoo .plyr_play { position: absolute; top: 55%; left: 50%; width: 141px; height: 141px; background: url("images/butt_def.png") no-repeat 0 0; background-size: cover; transform: translate(-50%,-50%); transition: all .4s ease-in-out; cursor: pointer; } .video_rozetka { background-color: black; height: 700px !important; } div.video > div.plyr { margin: 0; position: relative; transform: translate(0%, 34%); } /* ---------------------стилі 2-го екрану лендінгу--------------------------- */ .stretch_content_by_height{ display: flex !important; // flex-direction: row !important; justify-content: center !important; align-items: stretch !important; } .container_v2{ margin: 0 auto !important; } .block_of_offer .submit{ border-radius: 17px !important; } .block_of_offer .testdrive-btn:hover { transition: .3s; box-shadow: 0 5px 24px #00c869; } .block_of_offer .testdrive-btn { margin-left: 5px; width: -webkit-fill-available; } .block_of_offer .title2 h1{ width: auto !important; } .block_of_offer .list{ margin-top: 25px !important; } .block_of_offer { align-items: center; text-align: center; grid-gap: 30px; } @media only screen and (min-width: 1000px) { .block_of_offer .section { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 40px; line-height: 58px; letter-spacing: -1.30235px; color: #1a1b21; margin-bottom: 58px; } .block_of_offer .container_for_containers { display: flex; justify-content: center; align-items: center; grid-gap: 30px; } .block_of_offer .container_v2 { width: 460px; //height: 740px; background: #f2f2f2; box-shadow: 0px 0px 30px rgba(74, 99, 231, 0.3); border-radius: 20px; box-sizing: border-box; padding-top: 20px; padding-left: 36px; padding-right: 36px; text-align: center; height: auto; padding-bottom: 35px; } .block_of_offer .containerMainImg { width: 100%; display: flex; justify-content: center; align-items: center; } .block_of_offer .containerMainImg img { width: 420px; height: 203px; } .block_of_offer .title { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title h1 { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 28px; text-align: center; margin: 0; } .block_of_offer .title p { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 28px; line-height: 51px; text-align: center; margin: 0; } .block_of_offer .list { width: 100%; margin-top: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .block_of_offer .itemOfList { width: 100%; height: auto; /*height: 20px;*/ margin-bottom: 18px; /*6px;*/ display: flex; flex-direction: row; box-sizing: border-box; text-align: left; } .block_of_offer .itemOfList img { width: 19px; height: 14px; margin-top: 6px; margin-right: 15px; } .block_of_offer .list p { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; /*16px;*/ /* text-align: center; */ margin-left: 26px; line-height: 26px; margin: 0; color: #000000; } .block_of_offer .title2 { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title2 h1 { width: 350px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 20px; text-align: center; margin: 0; } .block_of_offer .submit { width: 360px; height: 70px; background: #00c869; box-shadow: 0px 0px 30px rgba(58, 99, 236, 0.5); border-radius: 25px; outline: none; border: none; margin-top: 20px; /** font-family: Arial; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; color: #ffffff; } } @media only screen and (min-width: 680px) and (max-width: 999px) { .block_of_offer .section { font-family: Montserrat; font-style: normal; font-weight: 600; line-height: 59px; text-align: center; margin-bottom: 58px; font-size: 40px; color: #000000; } .block_of_offer .container_for_containers { /* background: #b2a0b7; */ display: flex; justify-content: center; align-items: center; grid-gap: 30px; } .block_of_offer .container_v2 { width: 300px; //height: 620px; background: #f2f2f2; box-shadow: 0px 0px 20px rgba(74, 99, 231, 0.3); border-radius: 20px; box-sizing: border-box; padding-top: 20px; padding-left: 15px; padding-right: 15px; text-align: center; height: auto; padding-bottom: 35px; } .block_of_offer .containerMainImg { width: 100%; display: flex; justify-content: center; align-items: center; } .block_of_offer .containerMainImg img { width: 280px; height: 153px; } .block_of_offer .title { width: 100%; height: 40px; margin-top: 20px; } .block_of_offer .title h1 { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 22px; text-align: center; margin: 0; } .block_of_offer .title p { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 22px; line-height: 30px; text-align: center; margin: 0; } .block_of_offer .list { width: 100%; margin-top: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .block_of_offer .itemOfList { width: 100%; height: auto; /*height: 20px;*/ margin-bottom: 18px; /*6px;*/ display: flex; flex-direction: row; box-sizing: border-box; text-align: left; } .block_of_offer .itemOfList img { width: 16px; height: 10px; margin-top: 10px; margin-right: 10px; } .block_of_offer .list p { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; /*12px;*/ /* line-height: 20px; */ /* text-align: center; */ /* margin-left: 10px; */ margin: 0; color: #000000; } .block_of_offer .title2 { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title2 h1 { /* width: 350px; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; text-align: center; margin: 0; } .block_of_offer .submit { width: 250px; height: 40px; background: #00c869; box-shadow: 0px 0px 10px rgba(58, 99, 236, 0.5); border-radius: 25px; outline: none; border: none; margin-top: 20px; /** font-family: Arial; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; line-height: 32px; text-align: center; color: #ffffff; } } @media only screen and (min-width: 480px) and (max-width: 680px) { .block_of_offer .section { font-family: Montserrat; font-style: normal; line-height: 40px; text-align: center; margin-bottom: 38px; font-size: 24px; color: #000000; } .block_of_offer .container_for_containers { /* background: #b2a0b7; */ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 30px; } .block_of_offer .container_v2 { width: 460px; //height: 740px; background: #f2f2f2; box-shadow: 0px 0px 30px rgba(74, 99, 231, 0.3); border-radius: 20px; box-sizing: border-box; padding-top: 20px; padding-left: 36px; padding-right: 36px; text-align: center; height: auto; padding-bottom: 35px; } .block_of_offer .containerMainImg { width: 100%; display: flex; justify-content: center; align-items: center; } .block_of_offer .containerMainImg img { width: 420px; height: 203px; } .block_of_offer .title { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title h1 { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 28px; text-align: center; margin: 0; } .block_of_offer .title p { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 28px; line-height: 51px; text-align: center; margin: 0; } .block_of_offer .list { width: 100%; margin-top: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .block_of_offer .itemOfList { width: 100%; height: auto; /*height: 20px;*/ margin-bottom: 18px; /*6px;*/ display: flex; flex-direction: row; box-sizing: border-box; text-align: left; } .block_of_offer .itemOfList img { width: 19px; height: 14px; margin-top: 10px; margin-right: 15px; } .block_of_offer .list p { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; /*16px;*/ line-height: 29px; /* text-align: center; */ margin-left: 26px; margin: 0; color: #000000; } .block_of_offer .title2 { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title2 h1 { width: 350px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 20px; text-align: center; margin: 0; } .block_of_offer .submit { width: 360px; height: 70px; background: #00c869; box-shadow: 0px 0px 30px rgba(58, 99, 236, 0.5); border-radius: 25px; outline: none; border: none; margin-top: 20px; /** font-family: Arial; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; color: #ffffff; } } @media only screen and (max-width: 479px) { .block_of_offer .section { font-family: Montserrat; font-style: normal; font-size: 20px; line-height: 40px; text-align: center; margin-bottom: 38px; color: #000000; } .block_of_offer .container_for_containers { /* background: #b2a0b7; */ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 30px; } .block_of_offer .container_v2 { width: 300px; //height: 650px; background: #f2f2f2; box-shadow: 0px 0px 20px rgba(74, 99, 231, 0.3); border-radius: 20px; box-sizing: border-box; padding-top: 20px; padding-left: 15px; padding-right: 15px; text-align: center; height: auto; padding-bottom: 35px; } .block_of_offer .containerMainImg { width: 100%; display: flex; justify-content: center; align-items: center; } .block_of_offer .containerMainImg img { width: 280px; height: 153px; } .block_of_offer .title { width: 100%; height: 40px; margin-top: 20px; } .block_of_offer .title h1 { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 22px; text-align: center; margin: 0; } .block_of_offer .title p { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 22px; line-height: 30px; text-align: center; margin: 0; } .block_of_offer .list { width: 100%; margin-top: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .block_of_offer .itemOfList { width: 100%; height: auto; /*height: 20px;*/ // margin-bottom: 24px; /*12px;*/ margin-bottom: 13px; display: flex; flex-direction: row; box-sizing: border-box; text-align: left; } .block_of_offer .itemOfList img { width: 16px; height: 10px; margin-top: 10px; margin-right: 10px; } .block_of_offer .list p { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; /*12px;*/ /* line-height: 20px; */ /* text-align: center; */ /* margin-left: 10px; */ margin: 0; color: #000000; } .block_of_offer .title2 { width: 100%; height: 50px; margin-top: 30px; } .block_of_offer .title2 h1 { /* width: 350px; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; text-align: center; margin: 0; } .block_of_offer .submit { width: 250px; height: 40px; background: #00c869; box-shadow: 0px 0px 10px rgba(58, 99, 236, 0.5); border-radius: 25px; outline: none; border: none; margin-top: 20px; /** font-family: Arial; */ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; line-height: 32px; text-align: center; color: #ffffff; } } .btn-toggle-group .editable_begin { display: flex !important; } /* @media screen and (min-width:1640px) { /*961*//* .section-1{ margin-bottom: 405px !important; padding-top: 20px; } }*/ .header { max-width: 1570px; margin: 0 auto; padding: 20px 15px 60px; align-items: center; justify-content: space-between; display: flex; } .header__logo { width: 140px; height: 43px; display: block; } .nav { align-items: center; justify-content: center; display: flex; } .header_nav { padding-left: 75px; } .nav__item { margin: 0 22px; } .nav__link { font-size: 18px; line-height: 23px; color: #000; display: block; } .nav__link:hover { color: #4a63e7; } .header__right--col { max-width: 375px; width: 100%; align-items: center; justify-content: space-between; display: flex; } .jq-selectbox { width: 43px; height: 21px; margin-right: 20px; z-index: 10 !important; } .jq-selectbox__select { cursor: pointer; } .jq-selectbox__select-text { font-size: 16px; line-height: 21px; color: #000; text-transform: uppercase; } .jq-selectbox__trigger { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1L6 6L1 1' stroke='%234A63E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); width: 12px; height: 7px; content: ''; position: absolute; top: 6px; right: 0; } .jq-selectbox__dropdown { background: #fff; width: 100%; } .jq-selectbox li { font-size: 16px; line-height: 25px; color: #000; text-transform: uppercase; cursor: pointer; } .jq-selectbox li.selected, .jq-selectbox li.sel { display: none !important; } .btn_lang { width: 43px; height: 21px; font-size: 16px; line-height: 21px; color: #000; margin-right: 20px; position: relative; } .btn_lang::after { background: url(images/arrow-lang.svg) no-repeat center; width: 10px; height: 100%; content: ''; position: absolute; top: 0; right: 0; } .row_h_btn { width: 300px; display: flex; justify-content: space-between; } .btn_entry { border: 1px solid #E8EAF2; border-radius: 16px; width: 100px; height: 58px; font-size: 16px; font-weight: 600; line-height: 23px; color: #4A63E7; align-items: center; justify-content: center; display: flex; } .btn_entry:hover, .cases__information--btn:hover { background: #4A63E7; border-color: #4A63E7; color: #fff; } .btn_entry:active, .btn_registration:active { background: #304CE0; border-color: #304CE0; color: #fff; } .btn_registration { border: 1px solid #4A63E7; border-radius: 16px; width: 171px; height: 58px; font-size: 16px; font-weight: 600; line-height: 23px; color: #4A63E7; align-items: center; justify-content: center; display: flex; } .btn_registration:hover { background: #4a63e7; color: #fff; } .btn_user { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10C13.6569 10 15 8.65685 15 7C15 5.34315 13.6569 4 12 4C10.3431 4 9 5.34315 9 7C9 8.65685 10.3431 10 12 10ZM12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z' fill='%23636363'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 16C8.53612 16 6 18.3776 6 21C6 21.5523 5.55228 22 5 22C4.44772 22 4 21.5523 4 21C4 16.9949 7.7319 14 12 14C16.2681 14 20 16.9949 20 21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21C18 18.3776 15.4639 16 12 16Z' fill='%23636363'/%3e%3c/svg%3e"); width: 24px; height: 24px; display: none; } .burger { position:absolute; width:18px; height:14px; right:30px; cursor:pointer; display: none; z-index: 12; } .bar { padding: 0; width: 18px; height: 2px; background-color:#4A63E7; display: block; transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s; position: absolute; } .bar1 { top: 0; } .bar2, .bar3 { top: 13.5px; } .bar2 { width: 0px; transform: rotate(90deg); left: 13.5px; } .bar3 { width: 0px; left: 13.5px; } .bar3 { right: 0; } .bar4 { top: 6px; } .bar5 { bottom: 0px; } .burger.active .bar1 { top: 13.5px; background-color: transparent; } .burger.active .bar2 { left: 0px; top: 8px; width: 21px; transform: rotate(45deg); } .burger.active .bar3 { left: 0px; top: 8px; width: 21px; transform: rotate(-45deg); } .burger.active .bar4 { background-color: transparent; } .burger.active .bar5 { bottom: 13.5px; background-color: transparent; } .footer { max-width: 1570px; margin: 0 auto; padding: 50px 15px 30px; } .footer__rowflex { padding-bottom: 55px; align-items: center; justify-content: space-between; display: flex; } .nav__link-footer { font-weight: 500; } .footer__mail__btn { font-size: 18px; font-weight: 600; line-height: 21px; color: #4A63E7; display: block; } .footer__rating__payment { position: relative; align-items: center; justify-content: space-between; display: flex; } .footer__rating { align-items: center; justify-content: center; display: flex; } .rating__title { font-weight: 600; line-height: 23px; color: #000; } .footer__rating--value { font-weight: 400; } .rating-area { overflow: hidden; padding: 0 36px 0 21px; } .rating-area:not(:checked) > input { display: none; } .rating-area:not(:checked) > label { float: right; width: 23px; height: 23px; color: #DCDCE0; margin: 0 4px; padding: 0; cursor: pointer; } .rating-area:not(:checked) > label:before { width: 23px; height: 23px; content: '★'; line-height: 23px; font-size: 28px; display: block; } .rating-area > input:checked ~ label::before { color: #FFD931; } .rating-area:not(:checked) > label:hover, .rating-area:not(:checked) > label:hover ~ label { color: #DEBB1E; } .rating-area > input:checked + label:hover, .rating-area > input:checked + label:hover ~ label, .rating-area > input:checked ~ label:hover, .rating-area > input:checked ~ label:hover ~ label, .rating-area > label:hover ~ input:checked ~ label { color: #FFD931; } .rate-area > label:active { position: relative; } .payment__list { width: 152px; align-items: center; justify-content: space-between; display: flex; } .overday { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; display: none; } .overday.active { display: block; } @media (min-width: 280px) and (max-width: 980px) { .header__right--col { max-width: 45px; } .btn_lang { margin-right: 0; } .btn_user { display: block; } .row_h_btn { display: none; } .jq-selectbox { margin-right: 0; } .description__top .description--text, .description__top .description--item:nth-child(2n) .description--text { width: 39.33%; padding: 0; } .get__result--container { min-height: 235px; padding: 50px 15px; } .get__result--text { font-size: 24px; line-height: 36px; padding-left: 20px; } } @media (min-width: 780px) and (max-width: 1980px) { .header_nav { display: flex !important; } .overday { display: none !important; } } @media (min-width: 980px) and (max-width: 1980px) { .row_h_btn { display: flex !important; } } @media (min-width: 280px) and (max-width: 780px) { .header { border-bottom: 1px solid #E8EAF2; margin: 0 -15px; padding: 21px 30px; } .header__logo { width: 90px; height: 29px; } .header__logo svg { width: 100%; height: auto; } .header__right--col { margin-right: 50px; } .row_h_btn { width: 100%; position: absolute; top: 35px; left: 0; right: 0; z-index: 12; } .row_h_btn a { width: 220px; margin: 0 auto 15px; } .header_nav { background: #fff; width: 100%; text-align: center; padding: 182px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 11; display: none; } .header_nav li { padding: 10px 0; } .header_nav li a { font-size: 18px; line-height: 31px; } .burger { display: block; } .footer__rating__payment .nav { display: block; } .footer__rating__payment .nav__item { margin: 0 0 17px !important; } } @media (min-width: 280px) and (max-width: 640px) { .footer { text-align: center; padding: 40px 15px 110px; position: relative; } .footer .header__logo { display: none; } .footer__rating { width: 100%; display: block; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); } .rating-area { margin: 0 auto; padding: 15px 0; display: table; } .footer__rowflex { display: block; } .footer__rowflex .nav { display: block; position: relative; top: 135px; } .footer__rowflex .nav li { margin-bottom: 15px; } .footer__rating__payment .nav { padding-top: 100px; } .footer__mail__btn { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); } } @media (min-width: 280px) and (max-width: 1430px) { .footer__rating__payment { padding-bottom: 75px; } .payment__list { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .footer__rating__payment .nav__item { margin: 0 10px; } } @media (min-width: 280px) and (max-width: 1210px) { .header_nav { padding-left: 0; } .header_nav li { margin: 0 10px; } .footer__rating__payment { text-align: center; display: block; } .footer__rating__payment .nav { padding-top: 100px; } }