@charset "UTF-8";
  [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.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: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.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: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.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: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.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: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.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: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.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: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.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: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.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: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.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: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.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: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.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: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.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: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.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: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.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: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.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: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.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: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.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: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.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: 0.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(0.25, 0.25, 0.75, 0.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(0.6, -0.28, 0.735, 0.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(0.175, 0.885, 0.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(0.68, -0.55, 0.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(0.47, 0, 0.745, 0.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(0.39, 0.575, 0.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(0.445, 0.05, 0.55, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.6);
}
[data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0);
}
[data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
} @font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
position: relative;
z-index: 1;
padding: 0;
margin-right: auto;
margin-left: auto;
overflow: hidden;
list-style: none;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
z-index: 1;
box-sizing: content-box;
display: flex;
width: 100%;
height: 100%;
transition-property: transform;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
position: relative;
flex-shrink: 0;
width: 100%;
height: 100%;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
flex-shrink: 0;
order: 9999;
content: "";
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
width: var(--swiper-centered-offset-after);
height: 100%;
min-height: 1px;
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
content: "";
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
width: var(--swiper-virtual-size);
height: 1px;
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: none;
cursor: auto;
opacity: 0.35;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: initial;
line-height: 1;
text-transform: none !important;
text-transform: none;
letter-spacing: 0;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
right: auto;
left: 10px;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-scrollbar {
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
bottom: 3px;
left: 1%;
z-index: 50;
width: 98%;
height: 5px;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
top: 1%;
right: 3px;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
box-sizing: border-box;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top-color: transparent;
border-radius: 50%;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
top: 0;
left: 0;
z-index: -1000;
pointer-events: none;
opacity: 0;
}
.swiper-free-mode > .swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-direction: column;
flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
z-index: 1;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
bottom: 0px;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: 0.6;
}
.swiper-cube .swiper-cube-shadow:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
background: #000;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
z-index: 1;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
overflow: hidden;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.carousel {
position: relative;
box-sizing: border-box;
}
.carousel *, .carousel *:before, .carousel *:after {
box-sizing: inherit;
}
.carousel.is-draggable {
cursor: move;
cursor: grab;
}
.carousel.is-dragging {
cursor: move;
cursor: grabbing;
}
.carousel__viewport {
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%;
}
.carousel__track {
display: flex;
}
.carousel__slide {
flex: 0 0 auto;
width: var(--carousel-slide-width, 60%);
max-width: 100%;
padding: 1rem;
position: relative;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.has-dots {
margin-bottom: calc(0.5rem + 22px);
}
.carousel__dots {
margin: 0 auto;
padding: 0;
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
right: 0;
display: flex;
justify-content: center;
list-style: none;
user-select: none;
}
.carousel__dots .carousel__dot {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
}
.carousel__dots .carousel__dot:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: currentColor;
opacity: 0.25;
transition: opacity 0.15s ease-in-out;
}
.carousel__dots .carousel__dot.is-selected:after {
opacity: 1;
}
.carousel__button {
width: var(--carousel-button-width, 48px);
height: var(--carousel-button-height, 48px);
padding: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: all;
cursor: pointer;
color: var(--carousel-button-color, currentColor);
background: var(--carousel-button-bg, transparent);
border-radius: var(--carousel-button-border-radius, 50%);
box-shadow: var(--carousel-button-shadow, none);
transition: opacity 0.15s ease;
}
.carousel__button.is-prev, .carousel__button.is-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.carousel__button.is-prev {
left: 10px;
}
.carousel__button.is-next {
right: 10px;
}
.carousel__button[disabled] {
cursor: default;
opacity: 0.3;
}
.carousel__button svg {
width: var(--carousel-button-svg-width, 50%);
height: var(--carousel-button-svg-height, 50%);
fill: none;
stroke: currentColor;
stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
stroke-linejoin: bevel;
stroke-linecap: round;
filter: var(--carousel-button-svg-filter, none);
pointer-events: none;
}
html.with-fancybox {
scroll-behavior: auto;
}
body.compensate-for-scrollbar {
overflow: hidden !important;
touch-action: none;
}
.fancybox__container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
margin: 0;
padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
box-sizing: border-box;
display: flex;
flex-direction: column;
color: var(--fancybox-color, #fff);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: hidden;
z-index: 1050;
outline: none;
transform-origin: top left;
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
box-sizing: inherit;
}
.fancybox__container :focus {
outline: none;
}
body:not(.is-using-mouse) .fancybox__container :focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}
@media all and (min-width: 1024px) {
.fancybox__container {
--carousel-button-width:48px;
--carousel-button-height:48px;
--carousel-button-svg-width:27px;
--carousel-button-svg-height:27px;
}
}
.fancybox__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}
.fancybox__carousel {
position: relative;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10;
}
.fancybox__carousel.has-dots {
margin-bottom: calc(0.5rem + 22px);
}
.fancybox__viewport {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
cursor: default;
}
.fancybox__track {
display: flex;
height: 100%;
}
.fancybox__slide {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 48px 8px 8px 8px;
position: relative;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
outline: 0;
overflow: auto;
--carousel-button-width: 36px;
--carousel-button-height: 36px;
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px;
}
.fancybox__slide::before, .fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto;
}
@media all and (min-width: 1024px) {
.fancybox__slide {
padding: 64px 100px;
}
}
.fancybox__content {
margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
padding: 36px;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
position: relative;
align-self: center;
display: flex;
flex-direction: column;
z-index: 20;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: thin dotted;
box-shadow: none;
}
.fancybox__caption {
align-self: center;
max-width: 100%;
margin: 0;
padding: 1rem 0 0 0;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
visibility: visible;
cursor: auto;
flex-shrink: 0;
overflow-wrap: anywhere;
}
.is-loading .fancybox__caption {
visibility: hidden;
}
.fancybox__container > .carousel__dots {
top: 100%;
color: var(--fancybox-color, #fff);
}
.fancybox__nav .carousel__button {
z-index: 40;
}
.fancybox__nav .carousel__button.is-next {
right: 8px;
}
@media all and (min-width: 1024px) {
.fancybox__nav .carousel__button.is-next {
right: 40px;
}
}
.fancybox__nav .carousel__button.is-prev {
left: 8px;
}
@media all and (min-width: 1024px) {
.fancybox__nav .carousel__button.is-prev {
left: 40px;
}
}
.carousel__button.is-close {
position: absolute;
top: 8px;
right: 8px;
top: calc(env(safe-area-inset-top, 0px) + 8px);
right: calc(env(safe-area-inset-right, 0px) + 8px);
z-index: 40;
}
@media all and (min-width: 1024px) {
.carousel__button.is-close {
right: 40px;
}
}
.fancybox__content > .carousel__button.is-close {
position: absolute;
top: -40px;
right: 0;
color: var(--fancybox-color, #fff);
}
.fancybox__no-click, .fancybox__no-click button {
pointer-events: none;
}
.fancybox__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
color: var(--fancybox-color, currentColor);
}
.fancybox__slide .fancybox__spinner {
cursor: pointer;
z-index: 1053;
}
.fancybox__spinner svg {
animation: fancybox-rotate 2s linear infinite;
transform-origin: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
}
.fancybox__spinner svg circle {
fill: none;
stroke-width: 2.75;
stroke-miterlimit: 10;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: fancybox-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: currentColor;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes fancybox-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
animation: 0.15s ease backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
animation: 0.15s ease both fancybox-fadeOut;
}
.fancybox-fadeIn {
animation: 0.15s ease both fancybox-fadeIn;
}
.fancybox-fadeOut {
animation: 0.1s ease both fancybox-fadeOut;
}
.fancybox-zoomInUp {
animation: 0.2s ease both fancybox-zoomInUp;
}
.fancybox-zoomOutDown {
animation: 0.15s ease both fancybox-zoomOutDown;
}
.fancybox-throwOutUp {
animation: 0.15s ease both fancybox-throwOutUp;
}
.fancybox-throwOutDown {
animation: 0.15s ease both fancybox-throwOutDown;
}
@keyframes fancybox-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fancybox-fadeOut {
to {
opacity: 0;
}
}
@keyframes fancybox-zoomInUp {
from {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fancybox-zoomOutDown {
to {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutUp {
to {
transform: translate3d(0, -30%, 0);
opacity: 0;
}
}
@keyframes fancybox-throwOutDown {
to {
transform: translate3d(0, 30%, 0);
opacity: 0;
}
}
.fancybox__carousel .carousel__slide {
scrollbar-width: thin;
scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 2px;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
cursor: move;
cursor: grab;
}
.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__carousel .fancybox__slide .fancybox__content {
cursor: auto;
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
cursor: zoom-in;
}
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
cursor: zoom-out;
}
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
}
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__image {
transform-origin: 0 0;
user-select: none;
transition: none;
}
.has-image .fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1px;
}
.is-closing .has-image .fancybox__content {
overflow: visible;
}
.has-image[data-image-fit=contain] {
overflow: visible;
touch-action: none;
}
.has-image[data-image-fit=contain] .fancybox__content {
flex-direction: row;
flex-wrap: wrap;
}
.has-image[data-image-fit=contain] .fancybox__image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.has-image[data-image-fit=contain-w] {
overflow-x: hidden;
overflow-y: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__content {
min-height: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__image {
max-width: 100%;
height: auto;
}
.has-image[data-image-fit=cover] {
overflow: visible;
touch-action: none;
}
.has-image[data-image-fit=cover] .fancybox__content {
width: 100%;
height: 100%;
}
.has-image[data-image-fit=cover] .fancybox__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
width: 100%;
height: 80%;
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video, .fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.fancybox__thumbs {
flex: 0 0 auto;
position: relative;
padding: 0px 3px;
opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
opacity: 0;
}
.fancybox__thumbs .carousel__slide {
flex: 0 0 auto;
width: var(--fancybox-thumbs-width, 96px);
margin: 0;
padding: 8px 3px;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
cursor: pointer;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5px;
border-style: solid;
border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
opacity: 0;
transition: opacity 0.15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
opacity: 0.92;
}
.fancybox__thumbs .carousel__slide > * {
pointer-events: none;
user-select: none;
}
.fancybox__thumb {
position: relative;
width: 100%;
padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
background-size: cover;
background-position: center center;
background-color: rgba(255, 255, 255, 0.1);
background-repeat: no-repeat;
border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__toolbar {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background: linear-gradient(to top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.006) 8.1%, hsla(0, 0%, 0%, 0.021) 15.5%, hsla(0, 0%, 0%, 0.046) 22.5%, hsla(0, 0%, 0%, 0.077) 29%, hsla(0, 0%, 0%, 0.114) 35.3%, hsla(0, 0%, 0%, 0.155) 41.2%, hsla(0, 0%, 0%, 0.198) 47.1%, hsla(0, 0%, 0%, 0.242) 52.9%, hsla(0, 0%, 0%, 0.285) 58.8%, hsla(0, 0%, 0%, 0.326) 64.7%, hsla(0, 0%, 0%, 0.363) 71%, hsla(0, 0%, 0%, 0.394) 77.5%, hsla(0, 0%, 0%, 0.419) 84.5%, hsla(0, 0%, 0%, 0.434) 91.9%, hsla(0, 0%, 0%, 0.44) 100%);
padding: 0;
touch-action: none;
display: flex;
justify-content: space-between;
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}
@media all and (min-width: 1024px) {
.fancybox__toolbar {
padding: 8px;
}
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
opacity: 0;
}
.fancybox__toolbar__items {
display: flex;
}
.fancybox__toolbar__items--left {
margin-right: auto;
}
.fancybox__toolbar__items--center {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.fancybox__toolbar__items--right {
margin-left: auto;
}
@media (max-width: 640px) {
.fancybox__toolbar__items--center:not(:last-child) {
display: none;
}
}
.fancybox__counter {
min-width: 72px;
padding: 0 10px;
line-height: var(--carousel-button-height, 48px);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
}
.fancybox__progress {
background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 30;
user-select: none;
}
.fancybox__container:fullscreen::backdrop {
opacity: 0;
}
.fancybox__button--fullscreen g:nth-child(2) {
display: none;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block;
}
.fancybox__button--slideshow g:nth-child(2) {
display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
display: block;
} * {
padding: 0;
margin: 0;
border: 0;
outline: none;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
}
body {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
textarea {
font-family: inherit;
color: inherit;
}
button:active {
outline: none;
}
input[type=submit] {
cursor: pointer;
}
button {
color: inherit;
cursor: pointer;
background: inherit;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a {
color: inherit;
}
a,
a:link,
a:visited {
text-decoration: none;
}
ul li {
list-style: none;
list-style-position: inside;
}
ol li {
list-style-position: inside;
}
picture {
display: block;
}
img,
svg {
width: 100%;
height: 100%;
object-fit: contain;
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} :root {
--index: calc(1vw + 1vh);
--tr: 0.3s;
--tr-regular: all var(--tr) ease;
--c-accent: #FF42A4;
--c-wa: #20B038;
--c-text-regular: #fff;
--c-text-dark: #5A5561;
--c-text-on: #fff;
--fancybox-accent-color: var(--c-accent);
--bg-element: #fff;
--bg-app: #fff;
--ff-regular: "Noto Sans", sans-serif;
--w-container: 65.8rem;
}
@media (max-width: 992px) {
:root {
--w-container: 100%;
}
}     .flex {
display: flex;
width: 100%;
justify-content: flex-start;
}
.flex--center {
justify-content: center;
align-items: center;
}
.flex--column {
flex-direction: column;
} @media (max-width: 992px) {
._only-desktop {
display: none !important;
}
}
@media (min-width: 993px) {
._only-mobile {
display: none !important;
}
}      @font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-light.woff2) format("woff2"), url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-light.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-regular.woff2) format("woff2"), url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-regular.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-bold.woff2) format("woff2"), url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/resources/fonts/noto-sans/notosans-bold.woff) format("woff");
font-display: swap;
}
html {
--fz-modifier: 0.61644;
font-size: calc(var(--index) * var(--fz-modifier));
}
@media (max-width: 1800px) {
html {
--fz-modifier: 0.759735;
}
}
@media (max-width: 1100px) {
html {
--fz-modifier: 0.69;
}
}
@media (max-width: 992px) {
html {
--fz-modifier: 1.91939;
}
}
@media (max-width: 450px) {
html {
--fz-modifier: 1.228714;
}
}
@media (max-width: 320px) {
html {
--fz-modifier: 1.47059;
}
}
body {
font-family: var(--ff-regular);
font-weight: 400;
line-height: 1.35;
color: var(--c-text-regular);
background-color: var(--bg-app);
letter-spacing: initial;
}
body._lock {
overflow: hidden;
touch-action: none;
}
.wrapper {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
width: 100%;
min-height: 100%;
}
.wrapper > .content {
position: relative;
z-index: 1;
flex: 1 0 auto;
}
.container {
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: var(--w-container);
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
} input[type=search]::-webkit-search-cancel-button {
display: none;
opacity: 0;
}
ol {
counter-reset: ol;
}
ol > li {
position: relative;
list-style: none;
padding-left: 1.2em;
counter-increment: ol;
margin-bottom: 0.2em;
}
ol > li::before {
content: counter(ol) ". ";
position: absolute;
left: -0.1em;
}
.ul-regular li {
position: relative;
list-style: none;
padding-left: 1.2em;
margin-bottom: 0.2em;
}
.ul-regular > li::before {
content: "—";
position: absolute;
left: -0.1em;
}
.poppa__clsoer {
background: rgba(0, 0, 0, 0.1);
border-radius: 1rem;
}  :root {
--fz-button: 1.2222222222222223rem;
--fw-button: 700;
--lh-button: 1.4;
--button-color: var(--c-text-on);
--button-color-hover: var(--c-accent);
}
.button, .button-thirdly, .button-secondary, .button-primary {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1.4545454545em 0.4545454545em;
min-width: 23.8333333333rem;
letter-spacing: 0.03em;
font-size: var(--fz-button);
font-weight: var(--fw-button);
line-height: var(--lh-button);
text-align: center;
text-transform: uppercase;
border-radius: 1.1666666667rem;
color: var(--button-color);
--icon-color: var(--button-color);
cursor: pointer;
transition: all 0.3s ease;
}
@media (max-width: 992px) {
.button, .button-thirdly, .button-secondary, .button-primary {
font-size: 1.02564rem;
min-width: initial;
width: 100%;
max-width: initial;
}
}
.button__shade {
content: "";
position: absolute;
top: 0.3333333333rem;
left: 0;
right: 0;
display: block;
width: calc(100% - 2 * 0.5444444444444444rem);
height: 100%;
margin-left: auto;
margin-right: auto;
background-color: var(--button-shadow, red);
border-radius: 1.1666666667rem;
z-index: 1;
pointer-events: none;
}
.button:before, .button-thirdly:before, .button-secondary:before, .button-primary:before,
.button:after,
.button-thirdly:after,
.button-secondary:after,
.button-primary:after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 1.1666666667rem;
pointer-events: none;
}
.button:before, .button-thirdly:before, .button-secondary:before, .button-primary:before {
background-image: var(--button-bg);
z-index: 2;
}
.button:after, .button-thirdly:after, .button-secondary:after, .button-primary:after {
background-image: var(--button-bg-hover);
opacity: 0;
transition: opacity 0.3s ease-out;
z-index: 3;
}
@media (any-hover: hover) {
.button:hover:after, .button-thirdly:hover:after, .button-secondary:hover:after, .button-primary:hover:after {
opacity: 1;
}
}
.button-primary {
--button-bg: radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
--button-shadow: #2B93C3;
--button-bg-hover: radial-gradient(50% 50% at 50% 50%, #5FCCFF 0%, #47C1FA 100%);
}
.button-secondary {
--button-bg: linear-gradient(180deg, #FF42A4 0%, #C14B8F 100%);
--button-shadow: #984474;
--button-bg-hover: linear-gradient(180deg, #FF66B5 0%, #E15DA9 100%);
}
.button-thirdly {
--button-bg: radial-gradient(50% 50% at 50% 50%, #9934E1 0%, #7F37BB 100%);
--button-bg-hover: radial-gradient(50% 50% at 50% 50%, #A840F2 0%, #8E3FCF 100%);
color: var(--c-text-on);
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 0.7777777778rem;
padding: 1.0714285714em 0.7857142857em;
border-radius: 1.2111111111rem;
min-width: 9.8888888889rem;
line-height: initial;
text-align: center;
transition: all 0.3s ease-out;
text-align: center;
text-transform: uppercase;
width: initial;
padding-left: 2em;
padding-right: 2em;
white-space: nowrap;
}
@media (max-width: 992px) {
.button-thirdly {
font-size: 0.60824rem;
min-width: 5.6666666667rem;
padding-top: 1.0719452848em;
padding-bottom: 1.0719452848em;
}
}
@media (max-width: 330px) {
.button-thirdly {
font-size: 0.50824rem;
}
}
.button--wait {
opacity: 0.5;
pointer-events: none;
}
.button__text {
position: relative;
z-index: 4;
pointer-events: none;
}
.button--success {
--button-bg: linear-gradient(0deg, #5BCE58, #5BCE58), radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
--button-bg-hover: linear-gradient(0deg, #5BCE58, #5BCE58), radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
--button-shadow: #4FBA4C;
pointer-events: none;
} .swiper-button-next:after,
.swiper-button-prev:after {
color: var(--c-text-on);
font-size: 0.8888888889rem;
display: block;
width: 30%;
}
.swiper-button-prev {
left: -5.5rem;
}
.swiper-button-next {
right: -5.5rem;
}
.swiper-button-prev:after {
transform: translateX(0%);
}
.swiper-button-next:after {
transform: translateX(24%);
}
.swiper-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.swiper-pagination-bullet {
--size: 0.6666666666666666rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
background-color: #f8f8f8;
border-radius: 50%;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.swiper .swiper-wrapper {
margin-bottom: 1.7777777778rem;
}
.swiper-pagination-bullet-active {
background: radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
}
.swiper-button-prev .swiper-button__icon {
position: absolute;
display: block;
width: 100%;
height: 100%;
transform: scale(-1, 1);
}
.swiper-button-next .swiper-button__icon {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.swiper-button-prev .swiper-button__icon,
.swiper-button-next .swiper-button__icon {
fill: var(--bg-element);
stroke: var(--c-text-regular);
transition: var(--tr);
}
@media (any-hover: hover) {
.swiper-button-prev:hover .swiper-button__icon,
.swiper-button-next:hover .swiper-button__icon {
fill: var(--c-text-regular);
stroke: var(--bg-element);
}
} .input {
--text-color: #5A5561;
--label-color: var(--bg-element);
--border-color: #f0f0f0;
--input-bg: var(--bg-element);
--fz: 0.875rem;
--lh: 1;
padding: 1.25rem 2rem 1.25rem 2.25rem;
position: relative;
display: block;
width: 100%;
font-family: var(--ff-regular);
font-weight: 600;
background-color: var(--input-bg);
border: 1px solid var(--border-color);
border-radius: 20px;
cursor: text;
z-index: 1;
}
@media (max-width: 810px) {
.input {
--lh: initial;
--fz: 0.857rem;
padding: 1.25rem 2.3rem;
border-radius: 1.6303733333rem;
}
}
.input-email .input__icon {
fill: #CFCFCF;
}
.input-tel .iti {
width: 100%;
position: static;
color: #BABABA;
}
.input-tel .iti__selected-flag {
position: absolute;
left: 1px;
top: 1px;
height: calc(100% - 2px);
background-color: transparent;
padding-left: 0.875rem;
border-radius: 0.375rem;
transition: var(--tr-regular);
}
.input-tel .iti .iti__selected-flag:hover {
background-color: #F6F6F6;
}
.input-tel .iti__selected-dial-code {
order: 3;
}
.input-tel .iti__flag {
transform: scale(1.2, 1.3);
transform-origin: left center;
margin-right: 0.625rem;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 2px;
}
@media (max-width: 1100px) {
.input-tel .iti__flag {
transform: scale(1, 1.1);
}
}
.input-tel .iti__arrow {
border: none;
width: 0.6875rem;
height: 0.6875rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/angle-dropdown.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width: 1100px) {
.input-tel .iti__arrow {
margin-left: 0;
}
}
.input-tel .iti .input__field {
padding-left: 4.375rem;
}
@media (max-width: 1100px) {
.input-tel .iti .input__field {
margin-left: 1px;
}
}
.input-tel .iti__country-list {
display: block;
top: 105%;
border-radius: 0.625rem;
padding-top: 0.875rem;
transform-origin: top;
transition: var(--tr-regular);
opacity: 1;
transform: scale(1, 1);
pointer-events: initial;
}
.input-tel .iti__country-list.iti__hide {
opacity: 0;
transform: scale(1, 0.3);
pointer-events: none;
}
.input-tel .iti__country {
padding-left: 0.875rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.input-tel .iti__flag-box {
margin-right: 1rem;
}
.input-tel .iti__divider {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.input__field {
position: relative;
z-index: 2;
width: 100%;
font-size: var(--fz);
line-height: var(--lh);
transition: all 0.3s ease;
background-color: var(--input-bg);
color: var(--text-color);
}
.input__field::placeholder {
color: #BABABA;
}
.input:last-of-type {
margin-bottom: 0;
}
.input--invalid {
--border-color: #FF3B30 !important;
}
.input__icon {
position: absolute;
top: 1.5rem;
left: 0.95rem;
z-index: 3;
display: block;
width: 0.9rem;
height: 0.9rem;
}
.input__error-icon {
display: block;
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 0.6875rem;
right: 0.6875rem;
z-index: 2;
transform: var(--error-icon-transform);
transition: all 0.45s ease;
}
.input__message {
z-index: 1;
min-height: 1.2em;
margin-top: var(--message-offset);
transition: all 0.3s ease;
transform: var(--message-transform);
transform-origin: top;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.1666666667;
color: #FFFFFF;
background: #A1AEB3;
border-radius: var(--brad-regular);
padding: 0.4166666667em 0.8333333333em 0.6666666667em;
display: inline-block;
}
.link__text {
line-height: inherit;
}
.link-tel .link__icon {
width: 1.3333333333em;
height: 1em;
}
.link-mail .link__icon {
width: 1.3333333333em;
height: 1.3333333333em;
}
.input-attach {
--icon-color: var(--c-text-regular);
--icon-size: 1.8125rem;
--border-color: var(--c-text-regular);
--color: var(--c-text-regular);
--underline-color: #959DA7;
position: relative;
display: flex;
cursor: pointer;
background-color: var(--bg-element);
border: 1px solid var(--border-color);
border-radius: 0.625rem;
padding: 0.75rem 1.25rem;
width: 100%;
}
.input-attach--on {
--icon-color: var(--c-text-on);
--color: var(--c-text-on);
}
.input-attach__field {
visibility: hidden;
position: absolute;
opacity: 0;
appearance: none;
}
.input-attach__icon {
z-index: 3;
position: absolute;
top: 0.9375rem;
right: 1.1875rem;
display: block;
--size: var(--icon-size);
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/attach-icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.input-attach__captions {
position: relative;
z-index: 3;
--link-color: var(--color);
text-align: left;
transition: var(--tr-regular);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
@media (any-hover: hover) {
.input-attach__captions:hover {
--link-color: var(--color);
}
}
.input-attach__title {
font-size: 0.875rem;
font-weight: 500;
line-height: initial;
margin-bottom: 0;
}
.input-attach__desc {
font-weight: 300;
font-style: italic;
font-size: 0.75rem;
}
.input-attach__dropdown {
position: absolute;
background: #fff;
top: 2.9rem;
z-index: 2;
left: -1px;
width: calc(100% + 2px);
border: 1px solid var(--c-text-regular);
border-top: none;
border-radius: 0 0 10px 10px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 1rem;
transition: var(--tr-regular);
opacity: 1;
}
.input-attach__dropdown--hidden,
.input-attach__dropdown:empty {
opacity: 0;
}
.input-attach-file {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 65%;
}
.input-attach-file__img {
width: 18px;
height: 18px;
object-fit: cover;
}
.input-attach-file__name {
max-width: 85%;
width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 1em;
font-size: 0.75rem;
}
.textarea {
--brad: 4px;
--text-color: var(--c-text-regular);
--label-color: var(--bg-element);
--border-color: var(--c-text-regular);
--input-bg: var(--bg-element);
--fz: 0.875rem;
--lh: 1;
--padding: 0.75rem 1.25rem;
border-radius: 0.625rem;
position: relative;
display: block;
width: 100%;
height: 100%;
max-width: 100%;
min-width: 100%;
min-height: 94px;
}
.textarea__field {
max-width: 100%;
display: block;
width: 100%;
height: 100%;
padding-left: 42px;
resize: none;
background: var(--input-bg);
border: 1px solid var(--border-color);
border-radius: var(--brad);
padding: var(--padding);
font-weight: 600;
font-size: var(--fz);
line-height: var(--lh);
color: var(--text-color);
min-height: inherit;
position: relative;
border-radius: inherit;
}
.textarea__field::placeholder {
color: var(--c-text-regular);
}
.form {
--form-gtc: 1fr;
--form-auto-rows: fit-content;
--form-display: grid;
--form-column-gap: 14px;
--form-row-gap: 14px;
}
.form-regular {
padding-left: 3.8888888889rem;
padding-right: 3.8888888889rem;
padding-top: 1.9444444444rem;
padding-bottom: 3.5rem;
color: #5A5561;
background: #FCFCFC;
border: 0.0555555556rem solid #F5F5F5;
border-radius: 2.2222222222rem;
}
@media (max-width: 992px) {
.form-regular {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.7rem;
padding-bottom: 2rem;
}
}
.form__title {
width: 100%;
margin-bottom: 2.2777777778rem;
font-size: 1.3888888889rem;
margin-bottom: 0.12em;
font-weight: 400;
line-height: 1.35;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.03em;
}
@media (max-width: 992px) {
.form__title {
font-size: 1.2rem;
margin-bottom: 0.2666666667rem;
}
}
.form__desc {
font-size: 1rem;
text-align: center;
font-weight: 300;
margin-bottom: 1.1111111111em;
}
@media (max-width: 992px) {
.form__desc {
font-size: 0.9333333333rem;
margin-bottom: 0.5em;
}
}
@media (max-width: 992px) {
.form__desc br {
display: none;
}
}
.form__fieldset {
margin-bottom: 1.3888888889rem;
display: grid;
row-gap: 0.6011111111rem;
}
@media (max-width: 992px) {
.form__fieldset {
margin-bottom: 0.689rem;
}
}
.form__button {
min-height: 4.7222222222rem;
min-width: initial;
width: 100%;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
letter-spacing: -0.03em;
font-size: 0.9444444444rem;
} .burger {
position: relative;
width: var(--burger-width, 40px);
height: var(--burger-height, 40px);
transition: var(--tr);
}
.burger span {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: var(--line-width, 40%);
height: var(--line-height, 2px);
background: var(--c-burger-line, var(--c-text-regular));
transition: var(--tr);
}
.burger span:nth-child(1) {
transform: translate(-50%, calc(-50% - 0.8rem));
}
.burger span:nth-child(2) {
transform: translate(-50%, calc(-50% - 0.1333333333rem));
}
.burger span:nth-child(3) {
transform: translate(-50%, calc(-50% + 0.5333333333rem));
}
.burger.is-active span:nth-child(1) {
transform: translate(-50%, calc(-50% + 0.1333333333rem)) rotate(40deg);
}
.burger.is-active span:nth-child(2) {
width: 0;
}
.burger.is-active span:nth-child(3) {
transform: translate(-50%, calc(-50% + 0.1333333333rem)) rotate(-40deg);
} .section {
padding-top: 5.5555555556rem;
padding-bottom: 5.5555555556rem;
}
@media (max-width: 1500px) {
.section {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media (max-width: 992px) {
.section {
padding-top: 3.2857142857rem;
padding-bottom: 3.2857142857rem;
}
}
.section .vertical-strings {
z-index: 0;
}
.section--bg-grey {
background-color: #F6F6F6;
}
.section--bg-grey:first-child {
margin-top: -120px;
border-top: 120px solid #f6f6f6;
}
.section--bg-grey:first-child .vertical-strings {
top: -120px;
height: calc(100% + 120px);
}
.section-title {
font-weight: 400;
font-size: 2.5rem;
text-transform: uppercase;
line-height: 1.05;
letter-spacing: 0.02em;
margin-bottom: 0.5em;
}
@media (max-width: 992px) {
.section-title {
font-size: 1.3333333333rem;
margin-bottom: 0.75em;
line-height: 1.25;
}
}
.section-text--color {
color: var(--c-accent);
}
.section-text--em {
font-style: italic;
}
.section-text--bold {
font-weight: 700;
}
.section-text--center {
text-align: center;
}
.section-text--right {
text-align: right;
}
.section-ul {
font-size: 1rem;
padding-left: 1.7222222222em;
--color: var(--c-text-regular);
color: var(--color);
}
@media (max-width: 992px) {
.section-ul {
padding-left: 1.322em;
}
}
.section-ul li {
position: relative;
font-size: inherit;
color: inherit;
margin-bottom: 0.8888888889em;
line-height: 1.45;
letter-spacing: -0.03em;
}
@media (max-width: 992px) {
.section-ul li {
margin-bottom: 0.6888888889em;
}
}
.section-ul li:last-child {
margin-bottom: 0;
}
.section-ul li:before {
content: "";
position: absolute;
top: 0;
left: -1.7222222222em;
display: block;
--size: 1.3333333333333333em;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
background-color: var(--color);
-webkit-mask: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/ul-bullet.svg);
mask: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/ul-bullet.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
@media (max-width: 992px) {
.section-ul li:before {
--size: 1.0666666666666667em;
left: -1.322em;
top: 0.1em;
}
}
.section-ol li {
padding-left: 1.9em;
margin-bottom: 0.75em;
}
.section-ol li:before {
content: counter(ol);
color: var(--c-text-on);
background: #35B4EF;
border-radius: 0.2561111111rem;
--size: 1.1111111111111112rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: 300;
font-size: 1.0333333333em;
}
@media (max-width: 992px) {
.section-ol li:before {
--size: 1.4814814814814814rem;
border-radius: 0.35rem;
}
}
.section-ul a,
.section-ol a {
color: var(--c-accent);
}
.section__buttons, .section__buttons-center {
display: flex;
align-items: center;
}
.section__buttons-center {
justify-content: center;
}
.socials {
display: flex;
align-items: center;
}
.socials__link {
--size: 2.5rem;
display: block;
width: var(--size);
min-width: var(--size);
max-width: var(--size);
height: var(--size);
min-height: var(--size);
max-height: var(--size);
transition: var(--tr);
margin-right: 1.25rem;
transition: var(--tr-regular);
border-radius: 50%;
}
@media (max-width: 810px) {
.socials__link {
--size: 2.142rem;
margin-right: 1.0714rem;
}
}
.socials__link:last-child {
margin-right: 0;
}
@media (any-hover: hover) {
.socials__link:hover {
transform: scale(1.1);
}
}
.socials__icon {
border-radius: 50%;
}
.socials__icon--whatsapp {
background: linear-gradient(0deg, #20B038 0%, #60D66A 100%);
}
.socials__icon--telegram {
background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%);
}
.socials__icon--vk {
background: linear-gradient(45deg, #025BC7 0.73%, #0089FD 91.97%);
}
:root {
--bg-poppa-overlay: rgba(0, 0, 0, 0.8);
--c-poppa-closer-hover: var(--c-accent);
--z-poppa: 1234567890;
}
.poppa__storage {
position: relative;
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
.poppa__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
background-color: var(--bg-poppa-overlay);
opacity: 0;
transition: all 0.3s ease;
}
.poppa__overlay._show {
pointer-events: initial;
opacity: 1;
}
.poppa__aligner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.poppa--scrollable .poppa__aligner {
align-items: flex-start;
}
.poppa--scrollable .poppa__closer {
position: fixed;
}
.poppa {
max-width: 900px;
padding: 1em;
margin-right: auto;
margin-left: auto;
border-radius: 2em;
transition: all 0.3s ease;
transform: scale(0.86);
}
._show .poppa {
transform: scale(1);
}
.poppa__closer {
position: absolute;
top: 1.4em;
right: 0.9em;
display: block;
width: 2.5em;
height: 2.5em;
font-size: 0;
background: transparent;
transition: all 0.3s ease;
--closer-color: var(--c-accent);
}
@media (min-width: 602px) and (max-width: 768px) {
.poppa__closer {
font-size: 24px;
}
}
.poppa__closer::before,
.poppa__closer::after {
position: absolute;
top: 48%;
left: 0;
display: block;
width: 100%;
height: 20%;
content: "";
background-color: var(--closer-color);
border-radius: 1em;
transition: all 0.3s ease;
}
.poppa__closer::before {
transform: rotate(45deg);
}
.poppa__closer::after {
transform: rotate(-45deg);
}
.poppa__closer:hover::before,
.poppa__closer:hover::after {
background-color: var(--c-poppa-closer-hover);
}
.poppa__closer {
font-size: 1.2rem;
color: transparent;
}
.poppa__closer::before,
.poppa__closer::after {
top: 44%;
right: 0;
width: 65%;
height: 7%;
margin-right: auto;
margin-left: auto;
}  .poppa {
width: 100%;
max-width: 300px;
padding-top: 24px;
padding-right: 18px;
padding-bottom: 37px;
padding-left: 18px;
color: var(--c-text-on);
border-radius: 0;
}
@media (min-width: 1100px) {
.poppa {
max-width: 500px;
}
}
.poppa--wide {
max-width: 100%;
height: 100%;
padding-top: 80px;
overflow-x: hidden;
overflow-y: auto;
padding-left: 8px;
padding-right: 8px;
}
.poppa--overlay {
background: var(--bg-poppa-overlay);
}
.poppa__title {
margin-bottom: 20px;
font-family: var(--ff-title);
font-size: 18px;
line-height: 126%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.poppa__title-link {
color: inherit;
}
@media (any-hover: hover) {
.poppa__title-link:hover {
color: var(--c-accent);
}
}
.poppa__button {
display: block;
width: 100%;
}
@media (max-width: 768px) {
.poppa__button {
padding-top: 15px;
padding-bottom: 16px;
}
}
@media (min-width: 769px) {
body:not(.os-linux):not(.os-macos) .poppa__closer {
right: 33px;
}
}
@media (max-width: 810px) {
.poppa__overlay {
padding-top: 1.78rem;
}
}
.poppa--scrollable {
overflow-y: auto;
overflow-x: hidden;
padding-top: 7.14rem;
}
@media (max-width: 992px) {
.poppa--scrollable {
padding-top: 5.14rem;
}
}
.poppa--scrollable .poppa {
margin-bottom: 7.14rem;
}
.modal {
background: #342960;
border: 0.638298px solid rgba(255, 255, 255, 0.03);
border-radius: 25.5319px;
max-width: 26.6666666667rem;
padding-top: 1.4444444444rem;
padding-left: 0.8605555556rem;
padding-right: 0.8605555556rem;
padding-bottom: 2.5rem;
}
.modal-callback-form .form-regular {
background-color: transparent;
padding: 0;
border: none;
max-width: 100%;
width: 100%;
}
.modal-callback-form__title {
margin-bottom: 0.6666666667rem;
color: var(--c-text-on);
}
.modal-callback-form .form__fieldset {
margin-bottom: 0.8333333333rem;
}
.modal__title {
font-weight: 700;
font-size: 1.3888888889rem;
line-height: 135%;
text-align: center;
margin-bottom: 0.2222222222rem;
}
.modal__desc {
font-weight: 400;
font-size: 1rem;
line-height: 135%;
margin-bottom: 1.6666666667rem;
text-align: center;
}
.modal-thanks__icon {
display: block;
--size: 4.222222222222222rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
margin-left: auto;
margin-right: auto;
} .cookie {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
transition: 0.5s;
transform: translate(0, 100%);
opacity: 0;
}
.cookie._show {
opacity: 1;
bottom: 1rem;
transform: translate(0);
}
.cookie__body {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 40rem;
padding: 1.6666666667rem;
margin: 0 auto;
border-radius: 2.2222222222rem;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
background: #342960;
border: 1px solid rgba(255, 255, 255, 0.03);
}
@media (max-width: 992px) {
.cookie__body {
padding: 1.2rem;
max-width: calc(100% - 2rem);
}
}
.cookie__content {
display: flex;
align-items: center;
}
.cookie-icon {
min-width: 2rem;
max-width: 2rem;
margin-right: 0.5rem;
height: 2rem;
}
.cookie-icon svg {
width: 100%;
height: 100%;
}
.cookie-text {
font-size: 0.85rem;
font-weight: 300;
}
@media (max-width: 992px) {
.cookie-text {
font-size: 0.65rem;
}
}
@media (max-width: 992px) {
.cookie-text br {
display: none;
}
}
.cookie-text a {
text-decoration: underline;
}
@media (any-hover: hover) {
.cookie-text a:hover {
text-decoration: none;
}
}
.cookie-accept {
position: relative;
font-size: 0.65rem;
display: inline-flex;
margin: 0 0 0 1rem;
width: initial;
min-width: 10em;
border-radius: 3rem; }
@media (max-width: 992px) {
.cookie-accept {
font-size: 0.7rem;
}
}
@media (max-width: 330px) {
.cookie-accept {
min-width: 7em;
}
}
.vertical-strings {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: -1;
max-width: 97.375rem;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
pointer-events: none;
}
@media (max-width: 1600px) {
.vertical-strings {
max-width: 84.375rem;
}
}
@media (max-width: 1100px) {
.vertical-strings {
max-width: 64.375rem;
}
}
@media (max-width: 810px) {
.vertical-strings {
display: none;
}
}
.vertical-strings .section {
z-index: 0;
}
.vertical-strings__item {
width: 1px;
background-color: #E4E4E4;
height: 100%;
}
.platforms {
display: flex;
}
.platforms__link {
height: 3.0625rem;
display: block;
margin-right: 2.5rem;
transition: var(--tr-regular);
}
.platforms__link:last-child {
margin-right: 0;
}
@media (any-hover: hover) {
.platforms__link:hover {
transform: scale(1.1);
}
}
.megachips {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.megachips {
position: relative;
flex-direction: column;
}
}
@media (max-width: 992px) {
.megachips::before,
.megachips::after {
content: "";
position: absolute;
bottom: -5px;
display: block;
width: 70px;
height: 32px;
border-radius: 50%;
}
.megachips::before {
right: -30px;
background: radial-gradient(circle 30px at top left, rgba(0, 0, 0, 0) 98%, #fff) top left, radial-gradient(circle 30px at top right, rgba(0, 0, 0, 0) 98%, #f6f6f6);
transform: scaleX(-1);
}
.megachips::after {
left: -30px;
background: radial-gradient(circle 30px at top left, rgba(0, 0, 0, 0) 98%, #fff) top left, radial-gradient(circle 30px at top right, rgba(0, 0, 0, 0) 98%, #f6f6f6);
}
}
.megachips__list {
display: flex;
flex-wrap: wrap;
white-space: nowrap;
}
@media (max-width: 992px) {
.megachips__list {
position: absolute;
left: 0;
top: 4.5rem;
width: 100%;
display: block;
background-color: var(--bg-element);
pointer-events: none;
opacity: 0;
transform: translateY(-20px);
transition: all 0.3s ease-in;
padding-bottom: 2rem;
border-radius: 0 0 20px 20px;
}
}
@media (max-width: 992px) {
.megachips._active .megachips__list {
pointer-events: initial;
opacity: 1;
transform: translateY(0);
}
}
.megachips__button {
padding-top: 1.5625rem;
padding-bottom: 1.1875rem;
margin-right: 1.475rem;
color: var(--c-accent);
font-size: 1rem;
font-style: italic;
font-weight: 600;
border-radius: 20px 20px 0 0;
}
@media (max-width: 992px) {
.megachips__button {
display: block;
margin-right: 0;
padding-top: 0.4285714286rem;
padding-right: 2.0714285714rem;
padding-bottom: 0.4285714286rem;
padding-left: 2.0714285714rem;
text-align: left;
}
}
.megachips__button._active {
color: var(--c-text-regular);
background-color: var(--bg-element);
padding-left: 3.75rem;
padding-right: 3.75rem;
font-style: normal;
position: relative;
}
@media (max-width: 992px) {
.megachips__button._active {
text-align: left;
padding-top: 0.4285714286rem;
padding-right: 2.0714285714rem;
padding-bottom: 0.4285714286rem;
padding-left: 2.0714285714rem;
}
}
.megachips__button._active::before,
.megachips__button._active::after {
position: absolute;
bottom: -5px;
content: "";
display: block;
width: 70px;
height: 32px;
border-radius: 50%;
}
@media (max-width: 992px) {
.megachips__button._active::before,
.megachips__button._active::after {
display: none;
}
}
.megachips__button._active::before {
right: -30px;
background: radial-gradient(circle 30px at top left, rgba(0, 0, 0, 0) 98%, #fff) top left, radial-gradient(circle 30px at top right, rgba(0, 0, 0, 0) 98%, #f6f6f6);
transform: scaleX(-1);
}
.megachips__button._active::after {
left: -30px;
background: radial-gradient(circle 30px at top left, rgba(0, 0, 0, 0) 98%, #fff) top left, radial-gradient(circle 30px at top right, rgba(0, 0, 0, 0) 98%, #f6f6f6);
}
.tabs__page:not(._active) {
display: none;
}
.megachips__current {
padding: 1.5714285714rem 2.1428571429rem;
background-color: var(--bg-element);
border-radius: 20px 20px 0 0;
width: 100%;
display: flex;
justify-content: space-between;
font-weight: 600;
align-items: center;
font-style: normal;
position: relative;
}
@media (min-width: 992px) {
.megachips__current {
display: none;
}
}
@media (max-width: 992px) {
.megachips__current::after {
position: absolute;
top: 1.25rem;
right: 1.125rem;
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
-webkit-mask: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/slider-arrow-right.svg);
mask: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/common/slider-arrow-right.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--c-text-regular);
transform: rotate(90deg);
transition: var(--tr-regular);
}
.megachips__current::before {
content: "";
width: 0.75rem;
height: 0.25rem;
position: absolute;
top: 1.6875rem;
right: 1.375rem;
background-color: var(--c-text-regular);
transition: var(--tr-regular);
opacity: 0;
order: 3;
border-radius: 2px;
}
.megachips._active .megachips__current::after {
background-color: transparent;
}
.megachips._active .megachips__current::before {
opacity: 1;
}
}
@media (max-width: 992px) {
.comparer__title {
margin-bottom: 2.2857142857rem;
}
}
.slider-container .slider-wrap {
overflow: hidden;
border-radius: 20px;
}
.before-after-slider {
height: 45.5625rem;
}
@media (max-width: 992px) {
.before-after-slider {
height: 13.5rem;
}
}
.before-after-slider .slider-container .before-img img {
object-fit: cover;
object-position: left;
border-radius: 20px 0 0 20px;
}
.before-after-slider .slider-container > img {
object-fit: cover;
object-position: right;
border-radius: 20px;
}
.before-after-slider .slider-container .slider-wrap .slider-btn {
background: var(--c-text-on);
}
.before-after-slider .slider-container .slider-wrap .slider-btn::after {
content: "";
border-radius: 0;
box-shadow: none;
background: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/compare/compare-desktop.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 2.375rem;
height: 11.1875rem;
}
@media (max-width: 992px) {
.before-after-slider .slider-container .slider-wrap .slider-btn::after {
width: 4.5rem;
height: 4.5rem;
background: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/compare/compare-mobile.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.before-after-slider .slider-container .slider-wrap .slider-btn:hover::after {
width: 2.375rem;
height: 11.1875rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media (max-width: 992px) {
.before-after-slider .slider-container .slider-wrap .slider-btn:hover::after {
width: 4.5rem;
height: 4.5rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.comparer-carousel-button-prev,
.comparer-carousel-button-next {
width: 2.375rem;
height: 2.375rem;
border-radius: 50%;
background: var(--bg-element);
}
.comparer-carousel-button-prev {
left: -13px;
}
.comparer-carousel-button-next {
right: -13px;
}
.comparer-carousel-button-prev .swiper-button__icon {
width: 60%;
margin-right: auto;
margin-left: 0;
left: unset;
right: 10%;
}
.comparer-carousel-button-next .swiper-button__icon {
width: 60%;
margin-right: 0;
margin-left: auto;
left: 10%;
right: unset;
}
.comparer-carousel-button-prev:after,
.comparer-carousel-button-next:after {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
width: 50%;
height: 100%;
background-color: #fff;
}
.comparer-carousel-button-prev:after {
left: 0;
}
.comparer-carousel-button-next:after {
right: 0;
}
.slider-container .slider-wrap img {
object-fit: cover;
}   .header {
position: fixed;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 20;
letter-spacing: initial;
color: #643F90;
transition: all 0.35s ease-in;
}
@media (max-width: 992px) {
.header {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-end;
pointer-events: none;
}
}
.header--hidden {
transform: translateY(-50vh);
opacity: 0;
}
.header__container {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
background-color: var(--bg-element);
padding: 0 1.2222222222rem 0 0.8888888889rem;
border-radius: 0 0 2.2222222222rem 2.2222222222rem;
pointer-events: initial;
transition: background-color 0.3s ease;
}
@media (max-width: 992px) {
.header__container {
justify-content: space-between;
padding-left: 0.6rem;
padding-right: 1.1rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
border-radius: 0 0 1.3333333333rem 1.3333333333rem;
}
}
.header__logo {
min-width: 4.9444444444rem;
width: 4.9444444444rem;
height: 4.7222222222rem;
margin-right: 1.1111111111rem;
}
@media (max-width: 992px) {
.header__logo {
width: 3.8666666667rem;
height: 3.1666666667rem;
margin-right: 1.2666666667rem;
}
}
.header__menu {
display: flex;
align-items: center;
transition: all 0.3s ease-out;
}
@media (max-width: 992px) {
.header__menu {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: calc(130 * 1vh);
transform: translateY(-200vh);
}
}
@media (max-width: 992px) {
.header__nav {
width: 100%;
padding-top: 2rem;
padding-bottom: 6.6666666667rem;
border-bottom: 0.0666666667rem solid rgba(123, 123, 123, 0.1);
margin-bottom: 1rem;
}
}
.header__nav-list {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 0.8333333333rem;
line-height: initial;
padding-right: 0.8444444444rem;
padding-left: 0.9555555556rem;
margin-right: 1.1111111111rem;
}
@media (max-width: 992px) {
.header__nav-list {
font-size: 1.0666666667rem;
flex-direction: column;
align-items: flex-start;
}
}
.header__nav-item {
font-size: inherit;
margin-right: 0.8em;
}
@media (max-width: 992px) {
.header__nav-item {
margin-right: 0;
margin-bottom: 1.4285714286rem;
}
}
.header__nav-item:last-child {
margin-right: 0;
}
@media (max-width: 992px) {
.header__nav-item:last-child {
margin-bottom: 0;
}
}
.header__nav-link {
--color: var(--c-text-bold);
font-size: inherit;
color: var(--color);
border-bottom: 1px solid transparent;
transition: var(--tr-regular);
}
.header__nav-link--current {
--color: var(--c-text-regular);
border-color: var(--color);
}
@media (any-hover: hover) {
.header__nav-link:hover {
--color: #7A51AB;
border-color: var(--color);
}
}
.header__contacts {
display: flex;
align-items: flex-start;
flex-direction: column;
font-size: 0.8333333333rem;
margin-right: 1.0555555556rem;
}
@media (max-width: 992px) {
.header__contacts {
margin-right: auto;
}
}
.header__contacts-link {
--color: #643F90;
color: var(--color);
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 3px;
}
.header__contacts-link:last-child {
margin-bottom: 0;
}
.header__contacts-link .link__icon {
fill: var(--color);
margin-right: 0.5333333333em;
}
@media (max-width: 992px) {
.header__menu {
background-color: var(--bg-element);
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: flex;
flex-direction: column;
width: 100%;
padding-top: 4.2857142857rem;
padding-bottom: 4.2857142857rem;
padding-left: 0.6666666667rem;
padding-right: 0.6666666667rem;
transition: var(--tr-regular);
transform: translateY(-150%);
overflow-y: auto;
max-height: calc(100 * 1vh);
max-width: 100%;
}
}
.header--opened .header__menu {
transform: translateY(0);
}
.header::before {
position: absolute;
z-index: -2;
display: block;
width: 100%;
opacity: 0;
transition: all 0.3s 0.15s ease;
pointer-events: none;
}
@media (max-width: 992px) {
.header::before {
content: "";
}
}
.header::before {
height: calc(1vh * 100);
background-color: rgba(0, 0, 0, 0.56);
}
.header--opened::before {
opacity: 1;
pointer-events: initial;
}
.header-contacts-mobile {
display: flex;
align-items: center;
margin-right: 0.4666666667rem;
}
@media (min-width: 993px) {
.header-contacts-mobile {
display: none;
}
}
.header-contacts-mobile__link {
--size: 2.2rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
border-radius: 0.5333333333rem;
fill: #643F90;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.5333333333rem;
}
.header-contacts-mobile__link:last-child {
margin-right: 0;
}
.header-contacts-mobile__link.link-tel {
background: rgba(116, 113, 228, 0.1);
}
.header-contacts-mobile__link.link-mail {
background: rgba(213, 36, 166, 0.1);
}
.header-contacts-mobile__link.link-tel .link__icon {
width: 47%;
height: auto;
}
.header-contacts-mobile__link.link-mail .link__icon {
width: 60%;
height: auto;
}
.header__burger {
--c-burger-line: #777782;
--burger-width: 1.6666666666666667rem;
--burger-height: 1.6666666666666667rem;
--line-width: 100%;
--line-height: 3px;
min-width: var(--burger-width);
margin-left: 0.7333333333rem;
}
@media (min-width: 993px) {
.header__burger {
display: none;
}
}
.header__burger.is-active {
--line-width: 2rem;
}
.hero {
padding-top: 8.6111111111rem;
padding-bottom: 8.2rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/hero/hero-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #170550;
overflow: hidden;
}
@media (max-width: 992px) {
.hero {
padding-top: 6.9333333333rem;
}
}
.hero__container {
display: grid;
grid-template-columns: 31rem auto;
}
@media (max-width: 992px) {
.hero__container {
grid-template-columns: 1fr;
}
}
@media (max-width: 992px) {
.hero__title {
font-size: 1.7333333333rem;
margin-bottom: 0.5769230769em;
line-height: 110%;
}
}
.hero__desc {
font-size: 1.3888888889rem;
margin-bottom: 0.75em;
line-height: 1.35;
}
@media (max-width: 992px) {
.hero__desc {
font-size: 1.0666666667rem;
line-height: 1.45;
margin-bottom: 1.15em;
}
}
.hero__button {
padding-top: 0.8636363636em;
padding-bottom: 0.9090909091em;
}
.hero__pic {
width: 170%;
margin-left: -32%;
margin-top: -6%;
margin-bottom: -67.8%;
pointer-events: none;
}
@media (max-width: 992px) {
.hero__pic {
width: 130%;
margin-left: -16%;
margin-top: 14%;
margin-bottom: -48.8%;
}
}
.cases {
background: linear-gradient(60.65deg, #45108A 12.91%, #3D065F 33.65%, #10054D 87.44%);
overflow: hidden;
}
.cases__container {
max-width: 90rem;
}
.cases-card {
background-color: #FCFCFC;
border-radius: 5rem;
color: #5A5561;
display: grid;
grid-template-columns: 30rem auto;
column-gap: 2rem;
align-items: center;
padding: 3.3333333333rem 3.388889rem 3.3333333333rem 3.555556rem;
margin-bottom: 2.2222222222rem;
}
@media (max-width: 992px) {
.cases-card {
grid-template-columns: 1fr;
row-gap: 1.2777777778rem;
padding: 1.9444444444rem 1.8333333333rem;
border-radius: 2.2222222222rem;
margin-bottom: 1.1111111111rem;
}
}
.cases-card:last-child {
margin-bottom: 0;
}
.cases-card:nth-of-type(even) {
grid-template-columns: auto 30rem;
}
@media (max-width: 992px) {
.cases-card:nth-of-type(even) {
grid-template-columns: 100%;
}
}
@media (max-width: 992px) {
.cases-card__media {
order: -1;
}
}
@media (min-width: 993px) {
.cases-card:nth-of-type(even) .cases-card__media {
order: -1;
}
}
.cases__title {
max-width: var(--w-container);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.cases__title {
font-size: 1.1111111111rem;
}
}
.cases__title .section-text--center {
display: block;
}
.cases__desc {
font-weight: 300;
font-size: 1rem;
line-height: 135%;
max-width: 26.0555555556rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2.2222222222rem;
}
@media (max-width: 992px) {
.cases__desc {
font-size: 0.8333333333rem;
}
}
.cases__gallery {
margin-bottom: 3.3333333333rem;
}
@media (max-width: 992px) {
.cases__gallery {
margin-bottom: 1.3888888889rem;
}
}
.cases-card__title {
font-size: 2.2222222222rem;
line-height: 135%;
margin-bottom: 1.1111111111rem;
}
@media (max-width: 992px) {
.cases-card__title {
font-size: 2rem;
margin-bottom: 0.6666666667em;
}
}
.cases-card__bullets {
--color: #5A5561;
margin-bottom: 2.0714285714rem;
}
@media (max-width: 992px) {
.cases-card__bullets {
margin-bottom: 0.9rem;
}
}
.cases-card__bullets li:before {
background-color: #35B4EF;
--color: #35B4EF;
}
.cases-card__subtitle {
font-weight: 700;
font-size: 1rem;
line-height: 135%;
margin-bottom: 1em;
}
@media (max-width: 992px) {
.cases-card__subtitle {
margin-bottom: 0.6666666667rem;
}
}
.cases-card__pic {
background: #FFFFFF;
border-radius: 2.2222222222rem;
padding: 0.5rem;
height: 100%;
}
@media (max-width: 992px) {
.cases-card__pic {
padding: 0.2222222222rem;
}
}
.cases-card__img {
border-radius: 2.2222222222rem;
height: 100%;
display: block;
object-fit: cover;
}
.modal-case {
max-width: 65rem;
}
.modal-case__section {
padding: 3.3333333333rem 3.6111111111rem;
margin-bottom: 2rem;
border-radius: 5rem;
background-color: var(--bg-element);
color: var(--c-text-dark);
}
@media (max-width: 992px) {
.modal-case__section {
padding: 2.5925925926rem 1.777778rem 2.59rem 1.9rem;
border-radius: 2.962962963rem;
}
}
.modal-case__title.section-title {
font-size: 2.2222222222rem;
}
@media (max-width: 992px) {
.modal-case__title.section-title {
font-size: 1.1851851852rem;
}
}
.modal-case__title {
margin-bottom: 0.7777777778rem;
font-weight: 700;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
text-transform: initial;
color: #333;
}
@media (max-width: 992px) {
.modal-case__title {
text-align: left;
margin-bottom: 0.5em;
}
}
.modal-case__subtitle {
max-width: 30rem;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.modal-case__subtitle {
text-align: left;
}
}
.modal-case-comparer {
padding-top: 2.7777777778rem;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 3.8888888889rem;
row-gap: 2.4444444444rem;
}
@media (max-width: 992px) {
.modal-case-comparer {
grid-template-columns: 1fr;
padding-top: 1.5rem;
row-gap: 1.4814814815rem;
}
}
.modal-case-comparer--vertical {
grid-template-columns: 1fr;
}
.modal-case-comparer-card__media {
position: relative;
}
.modal-case-comparer-card__media-fancy {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
@media (max-width: 992px) {
.modal-case-comparer--vertical .modal-case-comparer-card {
width: 100%;
overflow: hidden;
}
.modal-case-comparer--vertical .modal-case-comparer-card__media {
overflow-x: auto;
width: 100%;
-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 9px, rgb(0, 0, 0) 18px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), rgba(0, 0, 0, 0));
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.25) 9px, rgb(0, 0, 0) 18px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0.25) calc(100% - 9px), rgba(0, 0, 0, 0));
}
.modal-case-comparer--vertical .modal-case-comparer-card__pic {
height: auto;
width: 100%;
margin-left: 1rem;
}
.modal-case-comparer--vertical .modal-case-comparer-card__img {
width: initial;
max-height: 27rem;
}
}
.modal-case-comparer-card__title {
color: #333;
font-size: 1.1111111111rem;
margin-bottom: 0.8888888889rem;
font-weight: 700;
}
@media (max-width: 992px) {
.modal-case-comparer-card__title {
text-align: left;
}
}
.modal-case-comparer-card__ul,
.modal-case-comparer-card__ol {
color: var(--c-text-dark);
font-size: 0.8888888889rem;
}
@media (max-width: 992px) {
.modal-case-comparer-card__ul,
.modal-case-comparer-card__ol {
font-size: 1.131111rem;
}
}
.modal-case-comparer-card__ul li:before,
.modal-case-comparer-card__ol li:before {
background-color: #35B4EF;
}
.modal-case-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-top: 2rem;
grid-gap: 1.3888888889rem;
align-items: start;
}
@media (max-width: 992px) {
.modal-case-gallery {
grid-template-columns: repeat(1, 1fr);
}
}
.profit {
padding-top: 5.556rem;
padding-bottom: 0;
background-color: #994EF3;
}
@media (max-width: 992px) {
.profit {
padding-top: 3.356rem;
overflow: hidden;
}
}
.profit__title {
font-size: 2.6155555556rem;
margin-bottom: 2.6808510638em;
line-height: 1.3;
}
@media (max-width: 992px) {
.profit__title {
font-size: 1.3333333333rem;
margin-bottom: 6.45em;
}
}
.profit__gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(100% + 2 * 0.8333333333333334rem);
max-width: initial;
margin-left: -0.8333333333rem;
margin-bottom: -1.4444444444rem;
}
@media (max-width: 992px) {
.profit__gallery {
margin-bottom: -2.144rem;
}
}
.profit-card {
margin-left: 0.7333333333rem;
margin-right: 0.7333333333rem;
max-width: 20.5555555556rem;
background-color: #A860FE;
padding-left: 1.8888888889rem;
padding-bottom: 1.6666666667rem;
padding-right: 0.8333333333rem;
font-size: 1rem;
margin-bottom: 7rem;
border-radius: 0.8333333333rem;
}
@media (max-width: 992px) {
.profit-card {
padding-left: 1.089rem;
padding-right: 1.889rem;
margin-bottom: 5.5rem;
border-radius: 1rem;
}
}
.profit-card__media {
position: relative;
height: 9.2222222222rem;
width: 9.2222222222rem;
margin-top: -32%;
margin-bottom: 1rem;
}
@media (max-width: 992px) {
.profit-card__media {
width: 9.622rem;
margin-top: -39%;
}
}
.profit-card__media:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: block;
width: 100%;
height: 5.0555555556rem;
background: linear-gradient(0deg, #A864FA, #A864FA), linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
border: 0.0555555556rem solid rgba(255, 255, 255, 0.3);
border-radius: 10px;
}
@media (max-width: 992px) {
.profit-card__media:after {
height: 5.356rem;
}
}
.profit-card__pic {
position: relative;
z-index: 2;
}
.profit-card__title {
font-weight: 700;
margin-bottom: 0.7222222222em;
}
@media (max-width: 992px) {
.profit-card__title {
max-width: 80%;
margin-bottom: 0.4222222222em;
line-height: 1.25;
}
}
@media (max-width: 992px) {
.profit-card__title br {
display: none;
}
}
.profit-card__desc {
font-weight: 300;
}
.rules {
background: radial-gradient(50% 50% at 50% 50%, #5C52EE 0%, #5148D1 100%);
padding-bottom: 5.9rem;
}
@media (max-width: 992px) {
.rules {
padding-bottom: 4.35rem;
overflow: hidden;
}
}
@media (max-width: 992px) {
.rules__title {
letter-spacing: 0;
margin-bottom: 5.5em;
}
}
@media (max-width: 992px) {
.rules__title br {
display: none;
}
}
.rules__gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 11rem;
column-gap: 5rem;
align-content: start;
align-items: start;
}
@media (max-width: 992px) {
.rules__gallery {
grid-template-columns: 1fr;
row-gap: 5.2rem;
}
}
.rules-card {
position: relative;
max-width: 18.3333333333rem;
}
@media (max-width: 992px) {
.rules-card {
max-width: 17.333rem;
}
}
.rules-card:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
border-radius: 1.3888888889rem;
background: #6E66DF;
}
@media (max-width: 992px) {
.rules-card:before {
border-radius: 1.2727266667rem;
}
}
.rules-card__inner {
position: relative;
z-index: 3;
max-width: 100%;
width: 100%;
padding-left: 1.3333333333rem;
padding-right: 0.7888888889rem;
padding-bottom: 1.2777777778rem;
}
@media (max-width: 992px) {
.rules-card__inner {
padding-left: 1.033rem;
padding-bottom: 1.378rem;
}
}
.rules-card:nth-of-type(1) .rules-card__connector {
position: absolute;
z-index: 1;
bottom: -2.8rem;
right: -6.4rem;
display: block;
width: 11.1111111111rem;
height: 11.1111111111rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/rules/rules-connector-1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(-80deg) scaleY(1.2);
}
@media (max-width: 992px) {
.rules-card:nth-of-type(1) .rules-card__connector {
bottom: -7.8rem;
right: -2.7rem;
width: 12.111rem;
height: 13.111rem;
transform: none;
}
}
.rules-card:nth-of-type(2) {
top: 11.2rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(2) {
top: 0;
left: 0;
justify-self: end;
}
}
.rules-card:nth-of-type(2) .rules-card__inner {
padding-bottom: 2.2222222222rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(2) .rules-card__inner {
padding-bottom: 1.422rem;
padding-right: 0.633rem;
}
}
@media (max-width: 992px) {
.rules-card:nth-of-type(2) .rules-card__pic {
top: 1.5rem;
width: 80%;
height: 80%;
}
}
.rules-card:nth-of-type(2) .rules-card__connector {
position: absolute;
z-index: 1;
top: -1rem;
right: -8rem;
display: block;
width: 11.1111111111rem;
height: 11.1111111111rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/rules/rules-connector-2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(-120deg) scaleY(1.2);
}
@media (max-width: 992px) {
.rules-card:nth-of-type(2) .rules-card__connector {
transform: none;
top: unset;
right: unset;
left: -4.5rem;
width: 13.111rem;
height: 13.111rem;
bottom: -9.9rem;
}
}
@media (max-width: 810px) {
.rules-card:nth-of-type(2) .rules-card__connector {
left: 0.5rem;
}
}
@media (max-width: 450px) {
.rules-card:nth-of-type(2) .rules-card__connector {
left: -4.5rem;
}
}
.rules-card:nth-of-type(3) {
top: 1.4rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(3) {
top: 1rem;
left: 0;
}
}
.rules-card:nth-of-type(3) .rules-card__inner {
padding-bottom: 2.6111111111rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(3) .rules-card__inner {
padding-bottom: 1.311rem;
padding-right: 0.3rem;
}
}
.rules-card:nth-of-type(3) .rules-card__connector {
position: absolute;
z-index: 1;
bottom: -12.9rem;
left: -10.5rem;
display: block;
width: 18.3333333333rem;
height: 18.3333333333rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/rules/rules-connector-3.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: scale(-1, 1);
}
@media (max-width: 992px) {
.rules-card:nth-of-type(3) .rules-card__connector {
transform: none;
width: 12.333rem;
height: 12.333rem;
bottom: -11.7rem;
left: 8rem;
}
}
@media (max-width: 810px) {
.rules-card:nth-of-type(3) .rules-card__connector {
left: 12rem;
}
}
@media (max-width: 450px) {
.rules-card:nth-of-type(3) .rules-card__connector {
left: 5rem;
}
}
@media (max-width: 330px) {
.rules-card:nth-of-type(3) .rules-card__connector {
left: 0rem;
}
}
.rules-card:nth-of-type(4) {
top: 0.8rem;
left: 8.5rem;
order: 5;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(4) {
top: 1rem;
left: 0;
order: initial;
justify-self: end;
}
}
.rules-card:nth-of-type(4) .rules-card__inner {
padding-bottom: 1.2111111111rem;
}
.rules-card:nth-of-type(4) .rules-card__connector {
position: absolute;
z-index: 1;
top: 2.5rem;
left: -11rem;
display: block;
width: 11.1111111111rem;
height: 11.1111111111rem;
background-image: url(//agency.beefheads.ru/wp-content/themes/bh/static/dist/img/rules/rules-connector-4.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(69deg);
}
@media (max-width: 992px) {
.rules-card:nth-of-type(4) .rules-card__connector {
transform: none;
top: unset;
bottom: -8rem;
width: 13.111rem;
height: 13.111rem;
}
}
@media (max-width: 810px) {
.rules-card:nth-of-type(4) .rules-card__connector {
left: -5rem;
}
}
@media (max-width: 330px) {
.rules-card:nth-of-type(4) .rules-card__connector {
left: unset;
right: 0rem;
}
}
.rules-card:nth-of-type(5) {
left: 4.8rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(5) {
top: 1rem;
left: 0;
}
}
.rules-card:nth-of-type(5) .rules-card__inner {
padding-bottom: 3.3rem;
}
@media (max-width: 992px) {
.rules-card:nth-of-type(5) .rules-card__inner {
padding-bottom: 1.3rem;
}
}
.rules-card__media {
position: relative;
width: 8.8888888889rem;
height: 8.3333333333rem;
margin-top: -31%;
margin-bottom: 1.0555555556rem;
margin-left: -1.2rem;
}
@media (max-width: 992px) {
.rules-card__media {
margin-top: -33.4%;
margin-left: -1.5rem;
margin-bottom: 0.756rem;
}
}
.rules-card__media:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
background: linear-gradient(0deg, #7269FF, #7269FF), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
width: 6.6666666667rem;
height: 6.6666666667rem;
z-index: 1;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.rules-card__media:before {
width: 6.067rem;
height: 6.067rem;
}
}
.rules-card__pic {
position: relative;
z-index: 2;
}
.rules-card__title {
margin-bottom: 0.4444444444em;
font-weight: 700;
letter-spacing: -0.03em;
}
@media (max-width: 992px) {
.rules-card__title {
max-width: 70%;
}
}
.rules-card__desc {
font-weight: 300;
margin-bottom: 1em;
line-height: 1.29;
letter-spacing: -0.01em;
}
@media (max-width: 992px) {
.rules-card__desc {
margin-bottom: 0.9em;
line-height: 1.25;
}
}
.rules-card__desc + ul.rules-card__desc,
.rules-card__desc + ol.rules-card__desc {
margin-top: -0.8em;
}
@media (max-width: 992px) {
.rules-card__desc + ul.rules-card__desc,
.rules-card__desc + ol.rules-card__desc {
margin-top: -0.7em;
}
}
.rules-card__desc:last-child {
margin-bottom: 0;
}
.consult {
padding-top: 7.6rem;
padding-bottom: 3rem;
color: #5A5561;
}
@media (max-width: 992px) {
.consult {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
}
.consult__container {
display: grid;
grid-template-columns: 29.4444444444rem 26.1111111111rem;
justify-content: space-between;
align-items: start;
}
@media (max-width: 992px) {
.consult__container {
grid-template-columns: 1fr;
row-gap: 0.7rem;
}
}
.consult__title {
font-size: 1.6666666667rem;
line-height: 1.35;
margin-bottom: 0.5428571429em;
letter-spacing: 0;
}
@media (max-width: 992px) {
.consult__title {
font-size: 1.3333333333rem;
text-align: center;
}
}
.consult__desc {
margin-bottom: 1.1rem;
}
@media (max-width: 992px) {
.consult__desc {
text-align: center;
}
}
.consult-card {
display: grid;
grid-template-columns: 100px 300px;
align-items: center;
column-gap: 1rem;
margin-bottom: 1rem;
}
@media (max-width: 992px) {
.consult-card {
grid-template-columns: 1fr;
justify-items: center;
margin-bottom: 0.5rem;
}
}
.consult-card:nth-of-type(2) {
margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
.consult-card__pic {
max-width: 6.5rem;
margin-bottom: 0.1rem;
}
}
@media (max-width: 992px) {
.consult-card__img {
margin-top: 0.5rem;
margin-left: 0.4rem;
}
}
.consult-card__desc {
padding-top: 0.3333333333rem;
font-size: 1rem;
}
@media (max-width: 992px) {
.consult-card__desc {
padding-top: 0;
text-align: center;
letter-spacing: -0.03em;
max-width: 95%;
}
}
@media (max-width: 992px) {
.consult-card__desc br {
display: none;
}
}
.consult__form-button {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1.3;
letter-spacing: 0;
} .button-secondary.services__button {
display: none;
}  .services {
overflow: hidden;
}
.services__container {
display: grid;
grid-template-columns: 29.4444444444rem auto;
}
@media (max-width: 992px) {
.services__container {
grid-template-columns: 1fr;
row-gap: 1.6rem;
}
}
.section-title.services__title {
font-size: 3.3333333333rem;
font-weight: 700;
margin-bottom: 1.25em;
letter-spacing: 0;
}
@media (max-width: 992px) {
.section-title.services__title {
font-size: 1.3333333333rem;
margin-bottom: 1.75em;
}
}
.services__title {
font-size: 2.5rem;
margin-bottom: 0.2222222222em;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 400;
}
@media (max-width: 992px) {
.services__title {
font-size: 1.3333333333rem;
margin-bottom: 0.5222222222em;
}
}
.services__subtitle {
font-weight: 700;
margin-bottom: 1.3em;
line-height: 1.45;
}
@media (max-width: 992px) {
.services__subtitle {
font-size: 1rem;
letter-spacing: -0.03em;
line-height: 1.35;
margin-bottom: 0.95em;
}
}
@media (max-width: 992px) {
.services__subtitle br {
display: none;
}
}
.services__desc {
margin-bottom: 0.9em;
letter-spacing: -0.011em;
}
@media (max-width: 992px) {
.services__desc {
font-size: 1rem;
font-weight: 300;
}
}
@media (max-width: 992px) {
.services__desc br {
display: none;
}
}
.services__offer {
position: relative;
z-index: 2;
}
.services__offer .services__desc:last-of-type {
margin-bottom: 1.9rem;
}
.services__button {
margin-bottom: 1.7rem;
}
@media (max-width: 992px) {
.services__button {
margin-bottom: 1.1rem;
}
}
.services__media {
position: relative;
}
.services__pic {
pointer-events: none;
}
.services__products {
position: absolute;
left: 0;
top: 0;
display: grid;
width: 100%;
grid-template-columns: repeat(auto-fit, minmax(5rem, 9.2222222222rem));
column-gap: 0.8888888889rem;
align-items: start;
}
@media (max-width: 992px) {
.services__products {
grid-template-columns: repeat(6, 1fr);
row-gap: 23rem;
grid-template-areas: "thefirst thefirst second second third third" "fourth fourth fourth fifth fifth fifth";
height: 100%;
align-items: stretch;
grid-auto-rows: max-content;
}
}
@media (max-width: 810px) {
.services__products {
row-gap: 12rem;
}
}
@media (max-width: 601px) {
.services__products {
row-gap: 10rem;
}
}
@media (max-width: 450px) {
.services__products {
row-gap: 17rem;
}
}
@media (max-width: 330px) {
.services__products {
row-gap: 15rem;
}
}
.services-card {
position: relative;
background: linear-gradient(0deg, rgba(176, 176, 242, 0.7), rgba(176, 176, 242, 0.7)), linear-gradient(135.94deg, rgba(255, 255, 255, 0.32) -10.42%, rgba(255, 255, 255, 0) 233.15%);
border: 0.0555555556rem solid #FFFFFF;
backdrop-filter: blur(47px);
border-radius: 0.5555555556rem;
padding: 0.8333333333rem;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.7222222222rem;
}
@media (max-width: 992px) {
.services-card {
position: static;
padding: 0.5rem 0.4rem 0.6rem;
}
}
@media (max-width: 992px) {
.services-card:nth-of-type(1) {
grid-area: thefirst;
}
.services-card:nth-of-type(2) {
grid-area: second;
}
.services-card:nth-of-type(3) {
grid-area: third;
}
.services-card:nth-of-type(4) {
grid-area: fourth;
}
.services-card:nth-of-type(5) {
grid-area: fifth;
}
}
.services-card__pic {
background: linear-gradient(135.94deg, rgba(255, 255, 255, 0.8) -10.42%, rgba(255, 255, 255, 0) 233.15%);
border: 0.0555555556rem solid #FFFFFF;
backdrop-filter: blur(7px);
border-radius: 0.5555555556rem;
margin-bottom: 0.3333333333remj;
max-width: 5.5555555556rem;
height: 5.5555555556rem;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.services-card__pic {
max-width: 2.6666666667rem;
height: 2.6666666667rem;
margin-bottom: 0.4rem;
}
}
.services-card__desc {
font-size: 1rem;
font-weight: 700;
line-height: 1.35;
text-align: center;
}
@media (max-width: 992px) {
.services-card__desc {
font-size: 0.8rem;
}
}
.services-marketing {
padding-top: 5.044rem;
background: radial-gradient(88.91% 133.37% at 80.22% 11.83%, #00B3F4 0%, #00ABEF 15.36%, #0095E1 39.34%, #0071CA 68.94%, #0044AE 99.37%);
}
@media (max-width: 992px) {
.services-marketing {
padding-top: 3.444rem;
padding-bottom: 5.6rem;
}
}
.services-marketing .services-card:nth-of-type(1) {
top: 11.25rem;
left: 2.3rem;
}
.services-marketing .services-card:nth-of-type(2) {
top: -1.8rem;
left: 15.85rem;
}
.services-marketing .services-card:nth-of-type(3) {
top: 30rem;
left: -24.1rem;
}
.services-marketing .services-card:nth-of-type(4) {
top: 18.6rem;
left: 13.2rem;
}
.services-marketing .services-card:nth-of-type(5) {
left: 15rem;
top: 8.3rem;
}
.services-marketing .services__pic {
width: 150%;
margin-left: -11.6%;
margin-top: -2%;
margin-bottom: -11.5%;
}
@media (max-width: 992px) {
.services-marketing .services__pic {
width: 120%;
margin-left: -7.6%;
margin-top: 13%;
margin-bottom: 0;
}
}
@media (max-width: 330px) {
.services-marketing .services__pic {
margin-top: 33%;
}
}
.services-website {
padding-top: 5rem;
padding-bottom: 4.5rem;
background: radial-gradient(26.64% 122.6% at 31.74% 54.86%, #2727C4 0%, #2D2D8C 100%);
}
@media (max-width: 992px) {
.services-website {
padding-top: 3.4rem;
}
}
.services-website .services__container {
grid-template-columns: auto 27.7777777778rem;
}
@media (max-width: 992px) {
.services-website .services__container {
grid-template-columns: 1fr;
}
}
.services-website .services__offer {
order: 2;
padding-top: 5.3rem;
}
@media (max-width: 992px) {
.services-website .services__offer {
order: initial;
padding-top: 0;
}
}
.services-website .services__title {
margin-bottom: 0.6em;
}
.services-website .services__desc {
margin-bottom: 0.9em;
font-weight: 400;
line-height: 1.45;
letter-spacing: -0.025em;
}
@media (max-width: 992px) {
.services-website .services__desc {
margin-top: -0.2rem;
margin-bottom: 1.2em;
line-height: 1.35;
}
}
@media (max-width: 992px) {
.services-website .services__products {
row-gap: 23rem;
}
}
@media (max-width: 810px) {
.services-website .services__products {
row-gap: 17rem;
}
}
@media (max-width: 601px) {
.services-website .services__products {
row-gap: 14rem;
}
}
@media (max-width: 450px) {
.services-website .services__products {
row-gap: 22rem;
}
}
@media (max-width: 330px) {
.services-website .services__products {
row-gap: 16.4rem;
}
}
.services-website .services__pic {
width: 168%;
margin-left: -54.6%;
margin-top: 16%;
margin-bottom: -15.3%;
mix-blend-mode: screen;
}
@media (max-width: 992px) {
.services-website .services__pic {
width: 138%;
margin-left: -2.6%;
margin-top: 30%;
margin-bottom: 10.7%;
}
}
@media (max-width: 330px) {
.services-website .services__pic {
margin-top: 34%;
}
}
.services-website .services-card:nth-of-type(1) {
top: 0.2rem;
}
.services-website .services-card:nth-of-type(2) {
top: 3rem;
left: 2.6rem;
}
.services-website .services-card:nth-of-type(3) {
top: 14.1rem;
left: 4.2rem;
}
.services-website .services-card:nth-of-type(4) {
top: 25.4rem;
left: 11.2rem;
}
.services-website .services-card:nth-of-type(5) {
top: 20.5rem;
left: 13.2rem;
}
.services-website .services__offer .services__desc:last-of-type {
margin-bottom: 2.8rem;
}
@media (max-width: 992px) {
.services-website .services__offer .services__desc:last-of-type {
margin-bottom: 1.7rem;
}
}
.services-design {
padding-top: 5.5rem;
padding-bottom: 0;
background: radial-gradient(51.08% 92.61% at 34.48% 48.92%, #857EE2 0%, #665DED 100%);
}
@media (max-width: 992px) {
.services-design {
padding-top: 3.5rem;
}
}
.services-design .services__container {
grid-template-columns: 23.8888888889rem auto;
}
@media (max-width: 992px) {
.services-design .services__container {
grid-template-columns: 1fr;
row-gap: 1rem;
}
}
.services-design .services__title {
margin-bottom: 0.522em;
}
.services-design .services__desc {
line-height: 1.38;
letter-spacing: -0.025em;
}
.services-design .services__pic {
margin-top: -3.6rem;
width: 71.4%;
margin-left: 11.2rem;
margin-bottom: -0.75rem;
}
@media (max-width: 992px) {
.services-design .services__pic {
margin-top: 2.4rem;
width: 93.4%;
margin-left: 0.9rem;
margin-bottom: 1.25rem;
}
}
@media (max-width: 992px) {
.services-design .services__products {
row-gap: 30.2rem;
}
}
@media (max-width: 810px) {
.services-design .services__products {
row-gap: 14.2rem;
}
}
@media (max-width: 601px) {
.services-design .services__products {
row-gap: 11.2rem;
}
}
@media (max-width: 450px) {
.services-design .services__products {
row-gap: 20.2rem;
}
}
@media (max-width: 330px) {
.services-design .services__products {
row-gap: 10.2rem;
}
}
.services-design .services-card:nth-of-type(1) {
top: 19.6rem;
left: 32.3rem;
}
.services-design .services-card:nth-of-type(1) .services-card__img {
width: 80%;
height: 100%;
margin: 0 auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: block;
}
.services-design .services-card:nth-of-type(2) {
top: 28rem;
left: 9.4rem;
}
@media (max-width: 992px) {
.services-design .services-card:nth-of-type(2) {
padding-left: 0;
padding-right: 0;
}
}
.services-design .services-card:nth-of-type(2) .services-card__img {
width: 80%;
height: 100%;
margin: 0 auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: block;
}
.services-design .services-card:nth-of-type(3) {
top: 23.1rem;
right: 16.2rem;
}
.services-design .services-card:nth-of-type(4) {
top: -0.7rem;
left: 1.4rem;
}
.services-design .services-card:nth-of-type(5) {
top: -6.5rem;
left: 5.7rem;
}
.services-adv {
padding-top: 6rem;
background: radial-gradient(19.53% 105.02% at 24.11% 62.86%, #E069A3 0%, #D92D82 100%);
}
@media (max-width: 992px) {
.services-adv {
padding-top: 3.3rem;
}
}
.services-adv .services__container {
grid-template-columns: auto 27.7777777778rem;
}
@media (max-width: 992px) {
.services-adv .services__container {
grid-template-columns: 1fr;
row-gap: 1rem;
}
}
.services-adv .services__offer {
order: 2;
}
@media (max-width: 992px) {
.services-adv .services__offer {
order: initial;
}
}
.services-adv .services__title {
margin-bottom: 0.6em;
}
.services-adv .services__desc {
line-height: 1.25;
margin-bottom: 1.3em;
}
@media (max-width: 992px) {
.services-adv .services__products {
row-gap: 25.1rem;
}
}
@media (max-width: 810px) {
.services-adv .services__products {
row-gap: 11.1rem;
}
}
@media (max-width: 601px) {
.services-adv .services__products {
row-gap: 8.1rem;
}
}
@media (max-width: 450px) {
.services-adv .services__products {
row-gap: 18.1rem;
}
}
@media (max-width: 330px) {
.services-adv .services__products {
row-gap: 10.1rem;
}
}
.services-adv .services-card:nth-of-type(1) {
top: 13.8rem;
right: -0.3rem;
}
@media (max-width: 992px) {
.services-adv .services-card:nth-of-type(1) {
padding-left: 0;
padding-right: 0;
}
}
.services-adv .services-card:nth-of-type(2) {
top: 11.4rem;
right: -1.1rem;
}
.services-adv .services-card:nth-of-type(3) {
top: 8.8rem;
right: -1.9rem;
}
.services-adv .services-card:nth-of-type(4) {
top: 14.8rem;
left: 11.4rem;
}
.services-adv .services-card:nth-of-type(5) {
top: 11.3rem;
left: 12rem;
}
@media (max-width: 992px) {
.services-adv .services-card br {
display: none;
}
}
.services-adv .services__pic {
width: 163%;
margin-left: -47%;
margin-top: -6.5%;
margin-bottom: -41.9%;
}
@media (max-width: 992px) {
.services-adv .services__pic {
width: 151%;
margin-left: -22.7%;
margin-top: 33.5%;
margin-bottom: -48.5%;
}
}
@media (max-width: 330px) {
.services-adv .services__pic {
margin-top: 43.5%;
margin-bottom: -58.5%;
}
}
.services-insta {
padding-top: 6.344rem;
padding-bottom: 0.3rem;
background: radial-gradient(29.09% 87.35% at 74.64% 57.13%, #A561F7 0%, #852DEE 100%);
}
@media (max-width: 992px) {
.services-insta {
padding-top: 3.2rem;
}
}
.services-insta .services__container {
grid-template-columns: 29.5rem auto;
}
@media (max-width: 992px) {
.services-insta .services__container {
grid-template-columns: 1fr;
row-gap: 1.4rem;
}
}
.services-insta .services__title {
margin-bottom: 0.4em;
}
@media (max-width: 992px) {
.services-insta .services__title {
max-width: 80%;
margin-bottom: 0.3em;
}
}
.services-insta .services__desc {
margin-bottom: 1.4em;
}
@media (max-width: 992px) {
.services-insta .services__desc {
margin-bottom: 0.9em;
}
}
@media (max-width: 992px) {
.services-insta .services__offer .services__desc:last-of-type {
margin-bottom: 1.3em;
}
}
.services-insta .services__pic {
width: 162%;
margin-left: -28%;
margin-top: -5%;
margin-bottom: -0.3%;
}
@media (max-width: 992px) {
.services-insta .services__pic {
width: 159%;
margin-left: -31%;
margin-top: 13%;
margin-bottom: 6.7%;
}
}
.services-insta .services-card:nth-of-type(1) {
top: -0.2rem;
right: -2.2rem;
}
@media (max-width: 992px) {
.services-insta .services-card:nth-of-type(1) {
padding-left: 0;
padding-right: 0;
}
}
.services-insta .services-card:nth-of-type(2) {
top: 3.5rem;
right: -3.8rem;
}
.services-insta .services-card:nth-of-type(3) {
top: 15.1rem;
right: 18.7rem;
}
.services-insta .services-card:nth-of-type(4) {
top: -13.4rem;
left: 26rem;
}
@media (max-width: 992px) {
.services-insta .services-card:nth-of-type(4) {
padding-bottom: 1rem;
}
}
.services-insta .services-card:nth-of-type(5) {
top: 4.2rem;
left: 3.5rem;
}
@media (max-width: 992px) {
.services__products--insta {
grid-template-areas: "thefirst thefirst second second third third" "fourth fourth fourth . . ." "fifth fifth fifth . . .";
row-gap: 1.3rem;
}
}
.services__desc + ul.services__desc,
.services__desc + ol.services__desc {
margin-top: -0.8em;
}
@media (max-width: 992px) {
.services__desc + ul.services__desc,
.services__desc + ol.services__desc {
margin-top: -0.7em;
}
}
.services-programming {
background: radial-gradient(88.91% 133.37% at 80.22% 11.83%, #00B3F4 0%, #00ABEF 15.36%, #0095E1 39.34%, #0071CA 68.94%, #0044AE 99.37%);
}
.services-programming .services__offer {
order: 3;
margin-left: auto;
max-width: 29.6rem;
margin-right: -2.3rem;
}
@media (max-width: 992px) {
.services-programming .services__offer {
margin-right: 0;
max-width: 100%;
order: initial;
}
}
.services-programming .services__pic {
width: 183%;
margin-left: -86%;
margin-top: -52%;
margin-bottom: 2.7%;
}
@media (max-width: 992px) {
.services-programming .services__pic {
width: 110%;
margin-left: -32%;
margin-top: -17%;
margin-bottom: 23.7%;
}
}
.services-programming .services__img {
margin-top: 11rem;
margin-left: 6rem;
}
.services-programming .services-card:nth-of-type(1) {
top: -2.5rem;
right: -0.6rem;
}
@media (max-width: 992px) {
.services-programming .services-card:nth-of-type(1) {
padding-left: 0;
padding-right: 0;
}
}
.services-programming .services-card:nth-of-type(2) {
top: 0.8rem;
right: -2.2rem;
}
.services-programming .services-card:nth-of-type(3) {
top: 10.9rem;
right: -4.1rem;
}
.services-programming .services-card:nth-of-type(4) {
top: 9.6rem;
left: 12.3rem;
}
@media (max-width: 992px) {
.services-programming .services-card:nth-of-type(4) {
padding-bottom: 1rem;
}
}
.services-programming .services-card:nth-of-type(5) {
top: 11.7rem;
left: -9.5rem;
}
.price {
color: #5A5561;
padding-top: 6rem;
overflow: hidden;
}
@media (max-width: 992px) {
.price {
padding-top: 3.2rem;
padding-bottom: 1.5rem;
}
}
.price__container {
display: grid;
grid-template-columns: 22.8888888889rem auto;
align-items: center;
}
@media (max-width: 992px) {
.price__container {
grid-template-columns: 1fr;
}
}
.price__title {
line-height: 1.35;
font-weight: 700;
letter-spacing: 0;
font-size: 2.2222222222rem;
margin-bottom: 0em;
}
@media (max-width: 992px) {
.price__title {
font-size: 1.3333333333rem;
max-width: 80%;
margin-bottom: 0.4em;
}
}
@media (max-width: 992px) {
.price__title br {
display: none;
}
}
.price__desc {
line-height: 1.45;
margin-bottom: 1rem;
}
@media (max-width: 992px) {
.price__desc {
margin-bottom: 1.8rem;
}
}
.price__form {
max-width: 16.6666666667rem;
}
@media (max-width: 992px) {
.price__form {
max-width: 100%;
}
}
.price__form .form__fieldset {
margin-bottom: 0.9rem;
}
.price__form-button {
padding-top: 1.7rem;
padding-bottom: 1.7rem;
letter-spacing: 0;
}
.price__form .input {
--input-bg: #EFEFEF;
}
.price__form .input__field {
letter-spacing: -0.01em;
}
.price__pic {
width: 130%;
margin-top: -7.4%;
margin-left: 10%;
}
@media (max-width: 992px) {
.price__pic {
width: 110%;
margin-top: 12.6%;
margin-left: -5%;
}
}  .reviews {
padding-top: 2.5rem;
padding-bottom: 6rem;
color: #5A5561;
overflow: hidden;
}
@media (max-width: 992px) {
.reviews {
padding-top: 1.9rem;
padding-bottom: 2.6rem;
}
}
.reviews__title {
margin-bottom: 1.2em;
}
.reviews__gallery {
max-width: 53.8888888889rem;
margin-left: auto;
margin-right: auto;
}
.reviews-card {
padding: 1.5405555556rem 1.7216666667rem 1.9444444444rem;
background-color: var(--bg-element);
box-shadow: 0px 4px 20px rgba(206, 206, 206, 0.25);
border-radius: 0.5555555556rem;
color: #333333;
}
@media (max-width: 992px) {
.reviews-card {
padding: 1.841rem 1.022rem 1.9444444444rem;
}
}
.reviews-card__user {
display: flex;
align-items: center;
margin-bottom: 0.5705555556rem;
}
.reviews-card__user-pic {
--size: 2.7777777777777777rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
margin-right: 0.8677777778rem;
border-radius: 50%;
}
@media (max-width: 992px) {
.reviews-card__user-pic {
--size: 3.3333333333333335rem;
}
}
.reviews-card__user-name {
font-weight: 700;
font-size: 0.8888888889rem;
line-height: 131.4%;
letter-spacing: -0.05em;
}
@media (max-width: 992px) {
.reviews-card__user-name {
font-size: 1.2rem;
}
}
.reviews-card__user-links {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.6666666667rem;
}
.reviews-card__user-link {
font-weight: 400;
font-size: 0.8888888889rem;
line-height: 131.4%;
background: radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
border-bottom: 0.0555555556rem solid #44C4FF;
}
.reviews-card__feedback {
font-weight: 400;
font-size: 1rem;
line-height: 131.4%;
color: #333333;
max-width: 87%;
letter-spacing: -0.02em;
}
@media (max-width: 992px) {
.reviews-card__feedback {
font-size: 1.0666666667rem;
line-height: 131.4%;
max-width: 91%;
}
}
.reviews-card__media {
position: relative;
min-height: 18rem;
box-shadow: 0px 4px 20px rgba(206, 206, 206, 0.25);
border-radius: 0.5555555556rem;
overflow: hidden;
}
@media (max-width: 992px) {
.reviews-card__media {
min-height: 18.233rem;
}
}
@media (max-width: 810px) {
.reviews-card__media {
min-height: 23.9333333333rem;
}
}
@media (max-width: 412px) {
.reviews-card__media {
min-height: 20.9333333333rem;
}
}
@media (max-width: 330px) {
.reviews-card__media {
min-height: 23.9333333333rem;
}
}
.reviews-card__pic {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.reviews-card__img {
object-fit: cover;
}
.reviews-card__video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.reviews-card-video {
padding: 0.6666666667rem;
}
.reviews-carousel {
overflow: visible;
}
.reviews-button-prev,
.reviews-button-next {
--size: 2.7777777777777777rem;
max-width: var(--size);
min-width: var(--size);
width: var(--size);
height: var(--size);
border-radius: 50%;
background: radial-gradient(50% 50% at 50% 50%, #44C4FF 0%, #33B2EC 100%);
}
.reviews-slide {
opacity: 0;
transition: all 0.3s ease-out;
}
.reviews-slide.swiper-slide-active {
opacity: 1;
}
.reviews-slide.swiper-slide-next {
opacity: 1;
} @media (max-width: 1500px) {
.person {
padding-bottom: 5.55rem;
}
}
@media (max-width: 992px) {
.person {
padding-top: 2.55rem;
overflow: hidden;
}
}
.person:nth-of-type(odd) {
background: radial-gradient(35.44% 163.09% at 75% 54.64%, #CFCFFE 0%, #8484E0 100%);
}
.person:nth-of-type(odd) .person__container {
display: grid;
grid-template-columns: 23.7222222222rem auto;
}
@media (max-width: 992px) {
.person:nth-of-type(odd) .person__container {
grid-template-columns: 1fr;
}
}
.person:nth-of-type(odd) .person__pic {
margin-top: -8.4rem;
margin-bottom: -5.6rem;
width: 97.2%;
}
@media (max-width: 992px) {
.person:nth-of-type(odd) .person__pic {
margin-top: 0.3em;
margin-bottom: -5.6rem;
width: 145.2%;
margin-left: -8.3rem;
}
}
@media (max-width: 810px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -5.7rem;
}
}
@media (max-width: 601px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -5.1rem;
}
}
@media (max-width: 450px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -7rem;
}
}
@media (max-width: 412px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -6.6rem;
}
}
@media (max-width: 390px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -6.95rem;
}
}
@media (max-width: 330px) {
.person:nth-of-type(odd) .person__pic {
margin-left: -5.3rem;
}
}
.person:nth-of-type(even) {
background: radial-gradient(20.73% 95.41% at 25.49% 52.12%, #6FB6DD 0%, #4B89D2 100%);
}
.person:nth-of-type(even) .person__container {
display: grid;
grid-template-columns: auto 27.8888888889rem;
}
@media (max-width: 992px) {
.person:nth-of-type(even) .person__container {
grid-template-columns: 1fr;
}
}
.person:nth-of-type(even) .person__about {
order: 1;
}
@media (max-width: 992px) {
.person:nth-of-type(even) .person__about {
order: initial;
}
}
.person:nth-of-type(even) .person__pic {
margin-top: -9rem;
margin-left: -6.7rem;
width: 109.7%;
margin-bottom: -5.55rem;
}
@media (max-width: 992px) {
.person:nth-of-type(even) .person__pic {
margin-top: -0.4rem;
margin-left: -6.2rem;
width: 141.7%;
margin-bottom: -5.55rem;
}
}
@media (max-width: 810px) {
.person:nth-of-type(even) .person__pic {
margin-left: -4.5rem;
}
}
@media (max-width: 601px) {
.person:nth-of-type(even) .person__pic {
margin-left: -3.9rem;
}
}
@media (max-width: 450px) {
.person:nth-of-type(even) .person__pic {
margin-left: -5.4rem;
}
}
@media (max-width: 412px) {
.person:nth-of-type(even) .person__pic {
margin-left: -5.1rem;
}
}
@media (max-width: 390px) {
.person:nth-of-type(even) .person__pic {
margin-left: -5.55rem;
}
}
@media (max-width: 330px) {
.person:nth-of-type(even) .person__pic {
margin-left: -4.2rem;
}
}
.person__title {
font-weight: 400;
font-size: 1rem;
line-height: 145%;
margin-bottom: 1.1666666667em;
letter-spacing: -0.03em;
}
@media (max-width: 992px) {
.person__title {
margin-bottom: 0.2666666667em;
}
}
.person__name {
font-weight: 400;
font-size: 2.5rem;
line-height: 110%;
letter-spacing: 0.03em;
text-transform: uppercase;
margin-bottom: 0.5777777778em;
}
@media (max-width: 992px) {
.person__name {
font-size: 1.6666666667rem;
margin-bottom: 0.6666666667em;
}
}
.catcher {
overflow: hidden;
padding-top: 5.7rem;
background: linear-gradient(60.65deg, #45108A 12.91%, #3D065F 33.65%, #10054D 87.44%);
}
@media (max-width: 992px) {
.catcher {
padding-top: 3.5rem;
padding-bottom: 3.8rem;
}
}
.catcher__container {
display: grid;
grid-template-columns: 27.4444444444rem auto;
transform: translateX(-0.3rem);
}
@media (max-width: 992px) {
.catcher__container {
grid-template-columns: 1fr;
transform: none;
}
}
.catcher__title {
font-size: 2.2222222222rem;
letter-spacing: -0.03em;
line-height: 1.35;
margin-bottom: 0.35em;
}
@media (max-width: 992px) {
.catcher__title {
font-size: 1.3333333333rem;
text-align: center;
}
}
@media (max-width: 992px) {
.catcher__title br {
display: none;
}
}
.catcher__form {
background: #342960;
border: 1px solid rgba(255, 255, 255, 0.03);
color: var(--c-text-regular);
max-width: 26.1111111111rem;
padding-top: 2.2222222222rem;
}
@media (max-width: 992px) {
.catcher__form {
padding-top: 1.722rem;
max-width: 100%;
}
}
.catcher__desc {
letter-spacing: -0.03em;
line-height: 1.45;
margin-bottom: 1.1111111111rem;
}
@media (max-width: 992px) {
.catcher__desc {
text-align: center;
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.411rem;
}
}
@media (max-width: 992px) {
.catcher__desc br {
display: none;
}
}
.catcher__offer {
z-index: 2;
position: relative;
}
.catcher__pic {
width: 165%;
margin-left: -28%;
margin-top: -12%;
margin-bottom: -4%;
}
@media (max-width: 992px) {
.catcher__pic {
width: 132%;
margin-left: -15.6%;
margin-top: 7%;
margin-bottom: -4%;
}
}
.footer {
background: #1E0552;
padding-top: 0.3888888889rem;
padding-bottom: 2.3888888889rem;
}
@media (max-width: 992px) {
.footer {
padding-top: 0.689rem;
}
}
.footer__contacts {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: -0.489rem;
}
@media (max-width: 992px) {
.footer__contacts {
margin-bottom: 0.989rem;
}
}
.footer__contacts-logo {
width: 5.5555555556rem;
}
@media (max-width: 992px) {
.footer__contacts-logo {
width: 4.256rem;
}
}
.footer__contacts-links {
margin-top: -0.6666666667rem;
padding-right: 0.5555555556rem;
}
@media (max-width: 992px) {
.footer__contacts-links {
padding-right: 0;
margin-top: 0;
}
}
.footer__contacts-link {
--color: var(--c-text-on);
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 0.8333333333rem;
}
@media (max-width: 992px) {
.footer__contacts-link {
font-size: 0.9333333333rem;
margin-bottom: 0.4em;
}
}
.footer__contacts-link .link__icon {
fill: var(--color);
margin-right: 0.5333333333em;
}
@media (max-width: 992px) {
.footer__contacts-link .link__icon {
margin-right: 0.833em;
}
}
.footer__law {
margin-bottom: 1rem;
font-size: 0.8888888889rem;
line-height: 1.55;
}
@media (max-width: 992px) {
.footer__law {
text-align: center;
line-height: 1.9;
margin-bottom: 0.7rem;
}
}
.footer__link-privacy {
opacity: 0.5;
text-align: center;
font-size: 0.8888888889rem;
font-weight: 300;
width: 12.5em;
margin-left: auto;
margin-right: auto;
display: block;
}
.link.footer__link-privacy {
text-decoration: underline;
} html[lang=ru-RU] .section-title.services__title {
font-size: 2.1rem;
margin-bottom: 2em;
}
html[lang=ru-RU] .services-programming .services__title {
font-size: 1.9rem;
}
html[lang=ru-RU] .section-title {
font-size: 2.1rem;
}
@media (max-width: 992px) {
html[lang=ru-RU] .section-title {
font-size: 1.1111111111rem;
}
}
html[lang=ru-RU] .header__menu {
width: 100%;
}
html[lang=ru-RU] .header__nav {
margin-right: auto;
}