body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
transition-delay: 3000ms;
}
body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
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: translate3d(0, 0, 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: translate3d(0, 0, 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: translate3d(0, 0, 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: "Baloo Da 2";
src: url(//jobforme.com.pl/wp-content/themes/jobforme/fonts/BalooDa2-VariableFont_wght.ttf) format("truetype-variations");
font-weight: 100 1000;
font-display: swap;
}
@font-face {
font-family: Oswald;
src: url(//jobforme.com.pl/wp-content/themes/jobforme/fonts/Oswald-VariableFont_wght.ttf) format("truetype-variations");
font-weight: 100 1000;
font-display: swap;
}
.bold {
font-weight: 700;
}
.sideText {
color: #ffffff;
font-family: "Baloo Da 2";
font-size: 60px;
font-weight: 700;
line-height: 50px;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.heading {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 26px;
line-height: 1.53;
font-weight: 900;
}
p,
.text {
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 400;
line-height: 1.53;
color: #1d1d1b;
}
p a,
.text a {
color: #ef8100;
transition: 0.3s color;
text-decoration: none;
}
p a:hover,
.text a:hover {
color: #ffe400;
cursor: pointer;
}
@media (min-width: 1100px) {
.text,
p {
font-size: 16px;
font-weight: 400;
line-height: 1.88;
}
.sideText {
font-size: 125px;
}
.heading {
font-size: 42px;
}
}
.hero1,
.hero2,
.hero3,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Baloo Da 2";
color: #1d1d1b;
font-weight: 900;
margin: 0;
}
.hero1 {
font-size: 52px;
line-height: 1.15;
}
@media (min-width: 1280px) {
.hero1 {
font-size: 62px;
line-height: 1.15;
}
}
.hero2 {
font-size: 42px;
line-height: 1.15;
}
@media (min-width: 1280px) {
.hero2 {
font-size: 52px;
line-height: 1.15;
}
}
.hero3 {
font-size: 32px;
line-height: 1.15;
}
@media (min-width: 1280px) {
.hero3 {
font-size: 42px;
line-height: 1.15;
}
}
h1,
.h1 {
font-size: 30px;
line-height: 1.2;
}
@media (min-width: 1280px) {
h1,
.h1 {
font-size: 40px;
line-height: 1.2;
}
}
h2,
.h2 {
font-size: 22px;
line-height: 1.2;
}
@media (min-width: 1280px) {
h2,
.h2 {
font-size: 32px;
line-height: 1.2;
}
}
h3,
.h3 {
font-size: 18px;
line-height: 1.2;
}
@media (min-width: 1280px) {
h3,
.h3 {
font-size: 28px;
line-height: 1.2;
}
}
h4,
.h4 {
font-size: 16px;
line-height: 1.3;
}
@media (min-width: 1280px) {
h4,
.h4 {
font-size: 24px;
line-height: 1.3;
}
}
h5,
.h5 {
font-size: 14px;
line-height: 1.4;
}
@media (min-width: 1280px) {
h5,
.h5 {
font-size: 20px;
line-height: 1.4;
}
}
h6,
.h6 {
font-size: 12px;
line-height: 1.4;
}
@media (min-width: 1280px) {
h6,
.h6 {
font-size: 18px;
line-height: 1.4;
}
}
html {
width: 100%;
max-width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
}
html iframe,
html img,
html svg {
width: 100%;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}
*:focus {
outline: none;
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-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 {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
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-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.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 {
content: "";
flex-shrink: 0;
order: 9999;
}
.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 {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.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%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.header {
position: fixed;
top: 0;
background-color: transparent;
z-index: 10;
height: 60px;
left: 0;
right: 0;
transition: all 0.3s;
}
.header__nav {
display: none;
}
.header__placeholder {
height: 60px;
}
.header .container {
padding: 10px 16px;
display: flex;
width: 100%;
height: 100%;
align-items: center;
flex-direction: row;
}
.header__hamburger {
margin-top: 0px;
}
.header__button {
color: #ef8100;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 700;
line-height: 10px;
height: 32px;
border-radius: 16px;
border: 2px solid #d0d0d0;
padding: 0 20px;
display: flex;
text-decoration: none;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
display: none;
margin-right: 16px;
}
.header__logo {
width: 80px;
display: block;
margin-right: auto;
}
.header__logo img {
width: 100%;
display: block;
}
.header--scrolled {
background-color: #000000;
}
.header--scrolled .container {
padding: 0 16px;
}
@media (min-width: 600px) {
.header__button {
display: flex;
}
}
@media (min-width: 1100px) {
.header {
height: 90px;
}
.header .container {
padding: 20px 16px;
}
.header__hamburger {
display: none !important;
}
.header__nav {
display: flex;
transition: margin-top 0.3s;
}
.header__nav__list {
display: flex;
flex-direction: row;
list-style: none;
margin-left: auto;
}
.header__nav__list li:first-of-type a {
margin: 0 10px 0 0;
}
.header__nav__list li:last-of-type a {
margin: 0 0 0 10px;
}
.header__nav__list li.menu-item-has-children {
position: relative;
}
.header__nav__list li:hover ul {
transform: translate(-50%) translateY(0);
opacity: 1;
visibility: visible;
}
.header__nav__list li ul {
display: flex;
flex-direction: column;
margin-top: 20px;
padding: 18px 32px;
min-width: 180px;
position: absolute;
top: calc(100% - 10px);
background-color: #000000;
left: 50%;
transform: translate(-50%) translateY(10px);
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.header__nav__list li ul li {
display: flex;
flex-direction: row;
justify-content: center;
margin: 5px 0;
}
.header__nav__list li ul li a {
text-align: center;
margin: 0 !important;
}
.header__nav__list li a {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
font-weight: 400;
font-family: "Baloo Da 2";
margin: 0 10px;
position: relative;
}
.header__nav__list li a::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
height: 2px;
background-color: #ffffff;
max-width: 0;
width: 100%;
will-change: max-width;
transition: max-width 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
}
.header__nav__list li a:hover::after {
max-width: 100%;
}
.header__logo {
width: 100px;
height: unset;
transition: 0.3s all;
}
.header__button {
display: none;
}
.header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.header--scrolled {
padding: 10px 60px;
height: 75px;
}
.header--scrolled .header__logo {
width: 80px;
}
}
@media (min-width: 1480px) {
.header__logo {
margin-right: auto;
}
.header .container {
justify-content: flex-end;
}
.header__button {
display: flex;
height: 34px;
align-items: center;
line-height: 0.7;
padding-bottom: 0;
padding-top: 0;
margin-left: 20px;
}
}
@media (min-width: 1600px) {
.header__link {
margin-right: 40px;
}
.header__link img {
display: flex;
}
.header__nav ul li:first-of-type a {
margin: 0 22px 0 0;
}
.header__nav ul li:first-of-type a {
margin: 0 24px 0 0;
}
.header__nav ul li a {
margin: 0 22px;
}
}
.button {
border-radius: 25px;
border: 1px solid #231f20;
color: #231f20;
font-family: "Baloo Da 2";
background-color: #ffe400;
font-size: 13px;
font-weight: 700;
line-height: 0.98;
display: flex;
flex-direction: row;
position: relative;
justify-content: flex-start;
max-width: 250px;
width: fit-content;
text-decoration: none;
align-items: center;
padding: 8px 50px 8px 28px;
transition: 0.3s all;
}
.button svg {
width: 15px;
height: 11px;
display: block;
object-fit: contain;
object-position: center;
position: absolute;
top: calc(50% - 5px);
right: 24px;
z-index: 1;
transition: transform 0.3s;
}
.button:hover {
cursor: pointer;
background-color: #231f20;
border: 1px solid #ffe400;
color: #ffe400;
}
.button:hover svg {
transform: translateX(10px);
}
.button:hover svg * {
fill: #ffe400 !important;
}
@media (min-width: 1100px) {
.button {
font-size: 15px;
}
}
.mobileNav {
height: 100vh;
width: 100vw;
padding: 110px 30px 30px;
position: fixed;
top: 0;
left: -100vw;
right: 0;
bottom: 0;
z-index: 10;
background-color: #000000;
will-change: left;
transition: left cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}
.mobileNav.open {
left: 0;
}
.mobileNav .container {
overflow: auto;
}
.mobileNav__list {
list-style: none;
}
.mobileNav__list li {
text-align: center;
margin-bottom: 16px;
}
.mobileNav__list li:last-of-type {
margin-bottom: 0;
}
.mobileNav__list li .sub-menu {
margin-top: 0;
max-height: 0;
overflow: hidden;
}
.mobileNav__list li .sub-menu--open {
margin-top: 16px;
max-height: unset;
}
.mobileNav__list li.menu-item-has-children > a {
padding-left: 40px;
}
.mobileNav__list li.menu-item-has-children .menu-item-open-submenu {
margin-left: 21px;
}
.mobileNav__list li.menu-item-has-children .menu-item-open-submenu img {
width: fit-content !important;
transition: transform 0.15s;
}
.mobileNav__list li.menu-item-has-children .menu-item-open-submenu:hover {
cursor: pointer;
}
.mobileNav__list li.menu-item-has-children .menu-item-open-submenu.open img {
transform: rotate(180deg);
}
.mobileNav__list li a {
color: #ffffff;
font-family: "Baloo Da 2";
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
.mobileNav__list li a:hover {
color: #ffe400;
}
.mobileNav__buttons {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 32px;
}
.mobileNav__buttons .button {
margin-bottom: 16px;
}
.hamburger {
height: 40px;
width: 40px;
background-color: transparent;
border: none;
position: relative;
border: none;
cursor: pointer;
display: flex;
padding: 0;
}
.hamburger__bar {
fill: none;
stroke: white;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger__bar--1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.hamburger__bar--2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.hamburger__bar--3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.hamburger--opened .hamburger__bar--1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.hamburger--opened .hamburger__bar--2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.hamburger--opened .hamburger__bar--3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.blogCard a {
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
}
.blogCard__date {
color: #8d8d8d;
font-family: "Baloo Da 2";
font-size: 14px;
display: block;
margin-left: auto;
text-decoration: none;
font-weight: 400;
line-height: 2.29;
}
.blogCard__image {
width: 100%;
height: auto;
display: block;
}
.blogCard__image img {
aspect-ratio: 4/3;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
display: block;
}
.blogCard__header {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 17px;
font-weight: 600;
margin-top: 30px;
padding: 0px 50px 0 4px;
position: relative;
}
.blogCard__text {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 16px;
font-weight: 400;
line-height: 1.53;
margin-top: 20px;
padding: 0px 50px 0 4px;
}
.blogCard svg {
width: 15px;
height: 11px;
right: 20px;
top: calc(50% - 5px);
position: absolute;
}
.opinion__stars {
display: flex;
flex-direction: row;
}
.opinion__stars svg {
width: 21px;
height: 21px;
margin-right: 6px;
}
.opinion__stars svg * {
fill: #ffe400;
}
.opinion__title {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 400;
margin-top: 30px;
}
.opinion__content {
margin-top: 20px;
font-family: "Baloo Da 2";
color: #1d1d1b;
font-size: 16px;
font-weight: 600;
line-height: 1.53;
}
.opinion__content p {
font-weight: 600;
}
.person {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.person:last-of-type {
margin-bottom: 0;
}
.person__image {
width: 32px;
height: 32px;
margin-right: 30px;
}
.person__details p,
.person__details a {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 17px;
font-weight: 400;
line-height: 1.4;
}
.person__details a {
display: block;
text-decoration: none;
}
.person__details a:hover {
color: #ffe400;
}
.footer {
background-color: #231f20;
}
.footer .container {
padding: 64px 16px 32px;
}
.footer__logo {
width: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}
.footer__socials {
display: flex;
flex-direction: row;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.footer__social {
border: 1px solid #fcbd12;
width: 36px;
height: 36px;
display: block;
border-radius: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.footer__social svg {
width: 14px;
height: 14px;
object-fit: contain;
object-position: center;
}
.footer__social svg * {
fill: #fcbd12 !important;
}
.footer__social:hover {
border: 1px solid #ffffff;
}
.footer__social:hover svg * {
fill: #ffffff !important;
}
.footer__nav {
margin-left: auto;
margin-right: auto;
margin-top: 32px;
list-style: none;
width: fit-content;
}
.footer__nav li {
text-align: center;
}
.footer__nav li a {
text-decoration: none;
color: #ffffff;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 400;
line-height: 1.53;
transition: all 0.3s;
text-align: center;
}
.footer__nav li a:hover {
color: #ffe400;
}
.under {
background-color: #231f20;
}
.under .container {
padding: 32px 16px;
border-top: 1px solid #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.under a {
width: 150px;
display: block;
}
.under a img {
width: 100%;
height: 16px;
display: block;
overflow: 0.8;
filter: brightness(0) invert(1);
}
.under p {
color: #ffffff;
}
@media (min-width: 600px) {
.footer__logo {
margin-left: 0;
width: 100px;
margin-right: 0;
}
.footer__socials {
width: fit-content;
margin-left: 0;
margin-right: 0;
}
.footer__nav {
width: fit-content;
margin-left: 0;
margin-right: 0;
}
.footer__nav li {
text-align: left;
}
.footer__nav li a {
text-align: left;
}
}
@media (min-width: 868px) {
.footer .container {
display: flex;
flex-direction: row;
}
.footer__logo {
width: 100px;
margin-right: auto;
}
.footer__socials {
flex-direction: column;
margin-top: 0;
margin-left: auto;
}
.footer__social {
margin-right: 0;
margin-bottom: 10px;
margin-top: 0;
}
.footer__nav {
margin-left: 80px;
margin-top: 0;
}
}
.hero {
background-image: url(//jobforme.com.pl/wp-content/themes/jobforme/img/hero.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.hero::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000000 100%), linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000000 100%), linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.hero .container {
padding: 94px 16px 64px;
position: relative;
z-index: 1;
}
.hero__header {
text-shadow: 0 0 3px rgba(25, 24, 28, 0.75);
color: #ffffff;
font-family: Oswald;
font-size: 50px;
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 1100px) {
.hero .container {
padding: 200px 16px 150px;
}
.hero__header {
font-size: 73px;
}
}
@media (min-width: 1280px) {
.hero .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.hero__header {
grid-column: 2/12;
}
}
.intro {
height: calc(var(--vh, 1vh) * 100);
top: 0px;
overflow: hidden;
position: relative;
}
.intro::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
background-color: #000000;
opacity: 0.7;
}
.intro video {
width: 100%;
object-fit: cover;
height: calc(var(--vh, 1vh) * 100);
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.intro::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%);
}
.intro__slider {
margin-top: auto;
}
.intro__slider .swiper {
width: 100%;
}
.intro__slider .swiper .swiper-slide img {
display: block;
height: auto;
width: 200px;
margin-left: auto;
margin-right: auto;
}
.intro__slider .swiper .swiper-wrapper {
align-items: center;
display: flex;
flex-direction: row;
}
.intro__logos__image {
max-width: 100%;
object-position: center;
display: block;
width: fit-content;
max-height: 70px;
object-fit: contain;
display: none;
}
.intro__logos .button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.intro .container {
position: relative;
z-index: 2;
padding: 32px 16px;
height: 100%;
display: flex;
flex-direction: column;
}
.intro__buttons {
background-color: #000000;
}
.intro__buttons .container {
padding: 32px 16px;
}
.intro__buttons .button {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.intro__buttons .button:last-of-type {
margin-bottom: 0;
}
.intro__figure {
position: absolute;
top: -60px;
right: -50px;
z-index: -1;
width: 120px;
height: 120px;
}
.intro__figure svg {
width: 100%;
height: 100%;
}
.intro__figure svg * {
fill: #ef8100 !important;
}
.intro__socials {
display: flex;
flex-direction: column;
position: absolute;
bottom: 32px;
right: 10px;
}
.intro__socials > a:first-of-type {
margin-bottom: 12px;
}
.intro__social {
border: 1px solid #fcbd12;
width: 36px;
height: 36px;
display: block;
border-radius: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.intro__social svg {
width: 14px;
height: 14px;
object-fit: contain;
object-position: center;
}
.intro__social svg * {
fill: #fcbd12 !important;
}
.intro__social:hover {
border: 1px solid #ffffff;
}
.intro__social:hover svg * {
fill: #ffffff !important;
}
.intro__header {
text-shadow: 0 0 3px rgba(25, 24, 28, 0.75);
color: #ffffff;
font-family: Oswald;
font-size: 40px;
font-weight: 500;
line-height: 1;
text-align: center;
margin-top: 100px;
text-transform: uppercase;
position: relative;
}
.intro__subheader {
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 400;
line-height: 1.01;
color: #ef8100;
letter-spacing: 5px;
margin-top: 17px;
display: block;
text-align: center;
text-transform: uppercase;
}
.intro__logo {
width: 150px;
margin-left: 0;
display: block;
margin-right: auto;
margin-top: 32px;
display: none;
}
@media (min-width: 400px) {
.intro__logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.intro__logos .swiper {
display: block;
}
}
@media (max-height: 800px) {
.intro__logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-right: 50px;
}
.intro__logos > * {
object-fit: contain;
width: 50%;
height: 50px;
}
.intro__logos > *:first-child {
display: block;
height: 70px;
}
}
@media (min-width: 600px) {
.intro__figure {
width: 200px;
height: 200px;
right: -60px;
top: -60px;
}
.intro__logos {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.intro__logos img {
margin-right: 30px;
}
.intro__logos .button {
height: fit-content;
}
.intro__logos .button {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
}
.intro__slider {
display: none;
}
.intro__logo {
width: 150px;
margin-top: auto;
margin-bottom: auto;
display: block;
}
.intro__header {
font-size: 50px;
margin-left: auto;
margin-top: 200px;
margin-right: auto;
width: fit-content;
text-align: center;
}
.intro__subheader {
font-size: 18px;
text-align: center;
margin-top: 16px;
}
.intro__buttons .container {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.intro__buttons .button {
margin-bottom: 0;
width: fit-content;
margin-left: 10px;
}
}
@media (min-width: 868px) {
.intro::after {
background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000000 100%), linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000000 100%);
}
.intro::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
background-color: #000000;
opacity: 0.7;
}
.intro__buttons {
background-color: transparent;
position: relative;
}
.intro__buttons::before {
content: "";
width: 240px;
height: 240px;
background-image: url(//jobforme.com.pl/wp-content/themes/jobforme/img/svg/decor.svg);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.intro__buttons::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
background-color: #000000;
z-index: -2;
}
.intro__header {
text-align: right;
}
.intro__subheader {
text-align: right;
}
.intro__logos {
padding-right: 32px;
}
}
@media (min-width: 1100px) {
.intro {
height: calc(var(--vh, 1vh) * 100);
}
.intro .container {
display: grid;
grid-template-columns: auto 330px;
grid-template-rows: 1fr auto auto auto 1fr;
}
.intro__socials {
right: unset;
left: 0;
bottom: 200px;
}
.intro__buttons {
margin-top: -60px;
}
.intro__buttons .button {
margin-right: 0;
}
.intro__logo {
grid-column: 2/3;
grid-row: 2/4;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
}
.intro__header {
width: 500px;
margin-left: auto;
margin-right: auto;
grid-column: 1/2;
height: fit-content;
grid-row: 2/3;
margin-top: 0px;
}
.intro__subheader {
width: 500px;
margin-left: auto;
margin-right: auto;
grid-column: 1/2;
grid-row: 3/4;
height: fit-content;
}
.intro__logos {
grid-row: 4/5;
grid-column: 1/3;
justify-content: flex-start;
margin-top: 40px;
margin-left: auto;
width: 1000px;
margin-right: auto;
}
.intro__logos .button {
margin-left: auto;
margin-right: 0;
width: fit-content;
}
.intro__logos img {
margin-right: 30px;
}
.intro__logo {
width: 150px;
margin: auto 0;
}
.intro__logo:first-of-type {
width: 200px;
}
}
@media (min-width: 1280px) {
.intro .container {
grid-template-rows: 2fr auto auto auto 1fr;
grid-template-columns: auto 530px;
}
.intro__logos {
margin-top: 80px;
}
.intro__header {
font-size: 73px;
margin-right: 0;
}
.intro__subheader {
margin-top: 30px;
}
.intro__figure {
right: -30px;
top: -130px;
}
}
.about .container {
padding: 64px 16px 64px 90px;
position: relative;
}
.about__sideText {
position: absolute;
top: 64px;
left: 10px;
}
.about__card {
text-decoration: none;
margin-bottom: 40px;
display: block;
}
.about__card svg {
display: block;
width: 15px;
height: 11px;
margin-top: 44px;
}
.about__card__text {
margin-top: 20px;
}
.about__images {
position: relative;
width: calc(100% + 100px);
margin-left: -90px;
margin-top: 90px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.about__images::after {
content: "";
position: absolute;
height: calc(100% + 60px);
top: -30px;
left: 0;
width: 200px;
z-index: -1;
background-color: #ef8100;
}
.about__images img {
display: block;
width: 30%;
}
@media (min-width: 868px) {
.about {
overflow: visible;
}
.about .container {
display: grid;
grid-template-columns: 1fr 1fr;
}
.about__card {
width: 270px;
}
.about__images {
grid-column: 1/3;
}
.about__images::after {
content: "";
position: absolute;
left: unset;
height: calc(100% + 60px);
top: -30px;
right: 80%;
width: 100vw;
z-index: -1;
background-color: #ef8100;
}
}
@media (min-width: 1100px) {
.about .container {
padding: 64px 100px 64px 200px;
display: grid;
}
.about__images {
width: 70%;
}
}
@media (min-width: 1600px) {
.about .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 15px;
}
.about__sideText {
position: static;
grid-column: 2/3;
grid-row: 1/2;
}
.about__card {
margin-top: 50px;
}
.about__card:nth-of-type(1) {
grid-column: 5/8;
grid-row: 1/2;
}
.about__card:nth-of-type(2) {
grid-column: 8/11;
grid-row: 1/2;
padding-left: 30px;
}
.about__images {
grid-column: 1/13;
margin-top: 200px;
}
}
.outsourcing {
overflow: hidden;
}
.outsourcing .container {
padding: 64px 90px 64px 10px;
position: relative;
}
.outsourcing__sideText {
position: absolute;
right: 20px;
top: 100px;
}
.outsourcing__grid {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 50px;
margin-top: 32px;
}
.outsourcing__text {
margin-top: 32px;
}
.outsourcing .button {
margin-top: 32px;
}
.outsourceIcon {
width: 150px;
}
.outsourceIcon__image {
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 128px;
position: relative;
height: 128px;
border: 1px solid #231f20;
border-radius: 50%;
transition: all 0.3s;
}
.outsourceIcon__image img {
max-width: 60px;
max-height: 60px;
width: 100%;
height: 100%;
display: block;
}
.outsourceIcon__title {
color: #1d1d1b;
font-size: 15px;
font-family: "Baloo Da 2";
font-weight: 700;
text-align: center;
margin-top: 15px;
}
.outsourceIcon:hover {
cursor: pointer;
}
.outsourceIcon:hover .outsourceIcon__image {
background-color: #000000;
}
.outsourceIcon:hover .outsourceIcon__image img {
filter: brightness(0) invert(74%) sepia(94%) saturate(843%) hue-rotate(2deg) brightness(106%) contrast(103%);
}
.outsourceIcon:hover .outsourceIcon__image::after {
opacity: 1;
}
@media (min-width: 868px) {
.outsourcing__grid {
grid-template-columns: 150px 150px 150px;
grid-column: 30px;
}
.outsourcing__header {
width: 510px;
}
.outsourcing__text {
width: 510px;
}
.outsourcing .button {
margin-top: 32px;
margin-left: 150px;
}
}
@media (min-width: 1100px) {
.outsourcing .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.outsourcing__header {
grid-column: 3/10;
grid-row: 1/2;
}
.outsourcing__text {
grid-column: 3/10;
grid-row: 2/3;
}
.outsourcing__grid {
grid-column: 3/10;
grid-row: 3/4;
grid-template-columns: repeat(3, 1fr);
column-gap: 40px;
}
.outsourcing .button {
grid-column: 3/10;
grid-row: 4/5;
margin-left: auto;
}
.outsourcing .outsourceIcon {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1600px) {
.outsourcing .container {
padding: 100px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.outsourcing__sideText {
position: static;
grid-column: 10/11;
grid-row: 1/6;
}
.outsourcing__header {
grid-column: 3/8;
width: 100%;
}
.outsourcing__text {
grid-column: 3/8;
width: 100%;
}
.outsourcing__grid {
grid-column: 3/8;
margin-top: 80px;
}
.outsourcing .button {
grid-column: 3/8;
margin-top: 50px;
}
}
.usInDetails .container {
padding: 64px 16px;
}
.usInDetails__card {
padding: 32px;
margin-bottom: 40px;
}
.usInDetails__card:first-of-type {
background-color: #b5c8c8;
overflow: hidden;
}
.usInDetails__card:last-of-type {
background-color: #ef8100;
}
.usInDetails__header {
color: #ffffff;
}
.usInDetails__text {
color: #ffffff;
margin-top: 10px;
}
.usInDetails__map {
top: 10px;
width: 100%;
position: relative;
}
.usInDetails__pointer {
width: 4.186046512%;
height: 6.25%;
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.usInDetails__image {
position: relative;
}
.usInDetails__slider {
margin-top: 80px;
display: flex;
flex-direction: row;
}
.usInDetails__slider .swiper {
width: calc(100% - 100px);
}
.usInDetails__slider .swiper .swiper-wrapper {
width: 100%;
}
.usInDetails__slider .swiper-prev, .usInDetails__slider .swiper-next {
width: 0px;
height: 0px;
border-right: 8px solid #000000;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
margin-top: 40px;
}
.usInDetails__slider .swiper-prev:hover, .usInDetails__slider .swiper-next:hover {
cursor: pointer;
}
.usInDetails__slider .swiper-next {
border-right: none;
border-left: 8px solid #000000;
}
.usInDetails__slider .swiper-slide p {
margin-top: 35px;
text-align: center;
color: #ffffff;
}
@media (min-width: 1100px) {
.usInDetails .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 30px;
}
.usInDetails__map {
top: 100px;
}
.usInDetails__card:first-of-type {
grid-column: 1/7;
overflow: hidden;
}
.usInDetails__card:last-of-type {
grid-column: 7/13;
}
}
.industries {
overflow: hidden;
padding-top: 100px;
margin-top: -100px;
}
.industries .container {
position: relative;
padding: 64px 48px 32px 10px;
}
.industries__figure {
width: 240px;
height: 240px;
bottom: 200px;
right: -40px;
position: absolute;
}
.industries__sideText {
right: 20px;
top: 64px;
position: absolute;
}
.industries__article {
position: relative;
margin-bottom: 32px;
text-decoration: none;
padding-right: 50px;
display: block;
}
.industries__article:last-of-type {
margin-bottom: 0;
}
.industries__article img {
width: 200px;
height: 200px;
}
.industries__article__header {
margin-top: 10px;
}
.industries__article__text {
margin-top: 6px;
}
.industries__article svg {
width: 15px;
height: 11px;
position: absolute;
top: 226px;
left: 250px;
}
@media (min-width: 868px) {
.industries__sideText {
top: unset;
bottom: 100px;
z-index: 1;
}
.industries__article {
display: grid;
grid-template-columns: 200px 300px 50px;
column-gap: 50px;
}
.industries__article img {
grid-column: 1/2;
grid-row: 1/3;
}
.industries__article__header {
grid-column: 2/3;
grid-row: 1/2;
margin-top: 0;
line-height: 1.1;
}
.industries__article__header span {
display: block;
}
.industries__article__text {
grid-column: 2/3;
grid-row: 2/3;
margin-top: 10px;
}
.industries__article svg {
display: block;
position: static;
grid-column: 3/4;
grid-row: 1/3;
align-self: center;
}
}
@media (min-width: 1100px) {
.industries__figure {
width: 240px;
height: 240px;
bottom: unset;
top: 0;
right: unset;
left: 100px;
position: absolute;
}
.industries__article {
margin-top: 50px;
margin-bottom: 0;
}
.industries__article:first-of-type {
margin-top: 0;
}
}
@media (min-width: 1600px) {
.industries .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.industries__article {
grid-column: 3/11;
grid-template-columns: 200px 350px 1fr;
}
}
.banner .container {
padding: 32px 16px;
}
.banner__content {
background-color: #ef8100;
padding: 32px;
}
.banner__header {
color: #ffffff;
text-align: center;
}
.banner__text {
color: #ffffff;
text-align: center;
}
.banner .button {
margin-left: auto;
margin-right: auto;
margin-top: 32px;
height: fit-content;
align-self: end;
}
@media (min-width: 1100px) {
.banner__content {
display: grid;
grid-template-columns: 1fr 400px;
}
.banner__text {
margin-top: 20px;
margin-left: 0px;
grid-column: 1/2;
text-align: left;
width: 100%;
}
.banner__header {
grid-column: 1/2;
text-align: left;
}
.banner .button {
margin-left: 30px;
margin-top: 0;
grid-column: 2/3;
}
}
@media (min-width: 1600px) {
.banner .container {
padding: 100px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.banner__content {
grid-column: 2/12;
justify-content: space-between;
}
.banner .button {
margin-right: 0;
}
}
.cards .container {
padding: 32px 16px;
}
.cards__card {
width: 100%;
margin-bottom: 32px;
padding-bottom: 1px;
}
.cards__card__image {
width: 100%;
height: 300px;
}
.cards__card__header {
margin: 20px 20px 10px 20px;
}
.cards__card__text {
margin: 10px 20px;
color: #ffffff;
}
.cards__card .button {
margin: 20px;
margin-left: auto;
}
.cards__card:nth-of-type(1) {
background-color: #ef8100;
}
.cards__card:nth-of-type(1) .cards__card__header {
color: #ffffff;
}
.cards__card:nth-of-type(2) {
background-color: #231f20;
}
.cards__card:nth-of-type(2) .cards__card__header {
color: #ef8100;
}
.cards__card:nth-of-type(3) {
background-color: #b5c8c8;
}
.cards__card:nth-of-type(3) .cards__card__header {
color: #ffffff;
}
@media (min-width: 1100px) {
.cards .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 30px;
z-index: 2;
position: relative;
}
.cards .container::before {
content: "";
bottom: 0px;
right: -30px;
width: 240px;
height: 240px;
background-image: url(//jobforme.com.pl/wp-content/themes/jobforme/img/svg/decor.svg);
z-index: -2;
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: 100%;
}
.cards__card {
width: 100%;
margin-bottom: 32px;
padding-bottom: 1px;
}
.cards__card:nth-of-type(1) {
grid-column: 1/5;
}
.cards__card:nth-of-type(2) {
grid-column: 5/9;
}
.cards__card:nth-of-type(3) {
grid-column: 9/13;
}
.cards__card__image {
width: 100%;
height: auto;
}
.cards__card__header {
margin: 40px;
font-size: 32px;
}
.cards__card__header span {
display: block;
}
.cards__card__text {
margin: 50px;
}
.cards__card .button {
margin: 40px;
}
}
@media (min-width: 1480px) {
.cards .container {
padding: 100px 16px;
}
.cards__card__header {
font-size: 42px;
}
}
.references .container {
padding: 32px 16px;
}
.references__text {
margin-top: 30px;
}
.references__slider {
margin-top: 30px;
border-bottom: 1px solid #000;
}
.references__slider__controls {
display: flex;
border-bottom: 1px solid #000;
padding-bottom: 20px;
flex-direction: row;
justify-content: flex-end;
}
.references__slider__prev, .references__slider__next {
width: 0px;
height: 0px;
border-right: 8px solid #000000;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
margin-top: 40px;
margin: 0 10px;
}
.references__slider__prev:hover, .references__slider__next:hover {
cursor: pointer;
}
.references__slider__next {
border-right: none;
border-left: 8px solid #000000;
}
.references__slider .swiper-slide {
padding: 30px 20px;
}
@media (min-width: 1480px) {
.references .container {
display: grid;
padding: 100px 16px;
grid-template-columns: repeat(12, 1fr);
}
.references__header {
grid-column: 3/11;
}
.references__text {
grid-column: 3/11;
}
.references__slider {
grid-column: 3/11;
}
}
.news .container {
padding: 32px 16px;
}
.news__inner .button {
margin-top: 32px;
margin-left: auto;
}
.news__text {
margin-top: 20px;
}
.news__cards {
margin-top: 48px;
}
.news .blogCard {
margin-bottom: 40px;
}
.news__pagination {
width: 100%;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.news__pagination .page-numbers {
margin: 0px 4px;
width: 35px;
height: 37px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 9px;
border: 1px solid #ffe400;
background-color: #ffffff;
color: #ffe400;
font-family: Poppins;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
line-height: 3.13;
text-decoration: none;
}
.news__pagination .page-numbers:hover, .news__pagination .page-numbers.current {
color: #1d1d1b;
border-color: #1d1d1b;
}
.news__numbers {
display: flex;
flex-direction: row;
justify-content: center;
grid-column: 2/3;
}
.news__next {
grid-column: 3/4;
justify-self: flex-start;
margin-left: 20px;
}
.news__next svg {
margin-left: auto;
width: 15px;
height: fit-content;
}
.news__next:hover {
cursor: pointer;
}
.news__next:hover svg path {
fill: #000000 !important;
}
.news__next svg path {
fill: #ffe400 !important;
transition: 0.3s all;
}
.news__prev {
grid-column: 1/2;
margin-right: 20px;
justify-self: flex-end;
}
.news__prev svg {
transform: rotate(180deg);
width: 15px;
height: fit-content;
}
.news__prev:hover {
cursor: pointer;
}
.news__prev:hover svg path {
fill: #000000 !important;
}
.news__prev svg path {
fill: #ffe400 !important;
transition: 0.3s all;
}
@media (min-width: 868px) {
.news .container {
padding: 64px 16px;
}
.news__cards {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
}
@media (min-width: 1280px) {
.news .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.news__inner {
grid-column: 2/12;
grid-row: 1/2;
}
.news__cards {
grid-column: 2/12;
grid-row: 2/3;
grid-template-columns: repeat(3, 1fr);
}
.news__pagination {
grid-column: 2/12;
grid-row: 3/4;
}
}
@media (min-width: 1600px) {
.news__inner {
grid-column: 3/11;
grid-row: 1/2;
}
.news__cards {
grid-column: 1/13;
grid-row: 2/3;
grid-template-columns: repeat(3, 1fr);
}
.news__pagination {
grid-column: 1/13;
grid-row: 3/4;
}
}
.persons .container {
padding: 32px 16px;
}
.persons__title {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 17px;
font-weight: 600;
padding-bottom: 24px;
}
.persons__col {
padding-bottom: 32px;
}
.persons__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 868px) {
.persons__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1100px) {
.persons .container {
padding: 96px 16px 32px;
}
.persons__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1280px) {
.persons .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.persons__grid {
grid-column: 3/11;
}
}
.contact .container {
padding: 32px 16px;
}
.contact__text {
margin-top: 20px;
}
.contact__col:first-of-type {
margin-bottom: 64px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 32px;
}
.contact__col .persons__col {
width: 300px;
}
.contact__form {
margin-top: 0px;
}
.contact__form form .wpcf7-acceptance > * {
margin-left: 0;
margin-top: 24px;
}
.contact__form form input[type=text],
.contact__form form input[type=tel],
.contact__form form input[type=email],
.contact__form form textarea {
margin-top: 30px;
padding: 10px 4px;
width: 100%;
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 700;
line-height: 1.53;
border: none;
border-radius: none;
border-bottom: 1px solid #000;
}
.contact__form form input[type=text]::placeholder,
.contact__form form input[type=tel]::placeholder,
.contact__form form input[type=email]::placeholder,
.contact__form form textarea::placeholder {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 700;
line-height: 1.53;
}
.contact__form form button {
margin-left: auto;
margin-top: 30px;
}
.contact__address {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 15px;
font-weight: 400;
letter-spacing: normal;
line-height: 1.53;
margin-top: 32px;
}
.contact__address span {
display: block;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
}
.contact__localization {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 17px;
font-weight: 600;
margin-top: 50px;
display: block;
}
.contact iframe {
width: 400px;
height: 400px;
margin-top: 32px;
max-width: 100%;
}
@media (min-width: 868px) {
.contact__col:last-of-type {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 48px;
}
.contact__col:first-of-type {
margin-bottom: 64px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 32px;
}
.contact__col .persons__col {
width: calc(50% - 16px);
}
.contact__address {
grid-row: 1/3;
grid-column: 1/2;
}
.contact__localization {
grid-column: 2/3;
margin-top: 0;
}
.contact iframe {
grid-column: 2/3;
}
}
@media (min-width: 1100px) {
.contact {
overflow: hidden;
}
.contact .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
position: relative;
}
.contact .container::after {
content: "";
width: 240px;
height: 240px;
right: -160px;
top: 0;
background-image: url(//jobforme.com.pl/wp-content/themes/jobforme/img/svg/decor.svg);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
}
.contact__col:first-of-type {
flex-direction: column;
gap: 0;
padding-top: 90px;
grid-column: 1/4;
}
.contact__col:first-of-type .persons__col {
width: 100%;
}
.contact__col:nth-of-type(2) {
grid-column: 5/9;
}
.contact__col:last-of-type {
grid-column: 10/13;
display: flex;
flex-direction: column;
}
.contact__localization {
margin-top: 50px;
}
}
@media (min-width: 1480px) {
.contact .container {
padding: 100px 16px;
}
.contact__col:first-of-type {
flex-direction: column;
padding-top: 90px;
grid-column: 1/4;
}
.contact__col:first-of-type .persons__col {
width: 100%;
}
.contact__col:nth-of-type(2) {
grid-column: 5/9;
}
.contact__col:last-of-type {
grid-column: 10/13;
display: flex;
flex-direction: column;
}
}
.ukraineDetails {
border-top: 1px solid #000;
}
.ukraineDetails .container {
padding: 32px 16px;
}
.ukraineDetails details {
appearance: none;
background-image: none;
}
.ukraineDetails details summary {
list-style: none;
appearance: none;
background-image: none;
padding-right: 50px;
position: relative;
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 16px;
font-weight: 600;
}
.ukraineDetails details summary::after {
content: "";
border-top: 8px solid #000;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
top: calc(50% - 4px);
right: 0;
}
.ukraineDetails details summary::-webkit-details-marker {
display: none;
}
.ukraineDetails details summary:hover {
cursor: pointer;
}
.ukraineDetails details .content {
padding: 32px 0;
}
.ukraineDetails details .content h1,
.ukraineDetails details .content h2,
.ukraineDetails details .content h3,
.ukraineDetails details .content h4,
.ukraineDetails details .content h5,
.ukraineDetails details .content h6{
margin: 20px 0;
}
@media (min-width: 1480px) {
.ukraineDetails .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.ukraineDetails details {
grid-column: 2/12;
}
}
.bannerText {
background-color: #ef8100;
color: #ffffff;
}
.bannerText .container {
padding: 32px 16px;
position: relative;
}
.bannerText .container::after {
content: "";
position: absolute;
width: 240px;
height: 240px;
background-image: url(//jobforme.com.pl/wp-content/themes/jobforme/img/svg/decor.svg);
background-size: 100%;
background-position: center;
bottom: -120px;
display: none;
right: -120px;
}
.bannerText__header {
color: #ffffff;
}
.bannerText__list {
margin-top: 32px;
list-style: square;
padding-left: 20px;
}
.bannerText__list li {
color: #ffffff;
font-family: "Baloo Da 2";
font-size: 16px;
font-weight: 400;
line-height: 1.53;
}
@media (min-width: 600px) {
.bannerText .container {
padding: 48px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.bannerText__header {
grid-column: 2/12;
}
.bannerText__list--1 {
grid-column: 2/7;
padding-right: 20px;
}
.bannerText__list--2 {
grid-column: 7/12;
padding-left: 20px;
}
}
@media (min-width: 1280px) {
.bannerText .container {
padding: 70px 16px;
}
.bannerText .container::after {
display: block;
}
.bannerText__list {
margin-top: 70px;
}
}
.plain .container {
padding: 32px 16px;
}
.plain__content {
margin-top: 32px;
}
@media (min-width: 1100px) {
.plain .container {
padding: 180px 16px 70px;
}
.plain__content {
margin-top: 30px;
}
}
@media (min-width: 1280px) {
.plain .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.plain__header {
grid-column: 2/12;
}
.plain__content {
grid-column: 2/12;
}
}
.target .container {
padding: 48px 16px;
}
.target__icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.target__text {
margin-top: 32px;
}
.targetIcon {
max-width: 170px;
padding: 0 16px;
margin-top: 40px;
}
.targetIcon__image {
width: 126px;
height: 126px;
border: 1px solid #000000;
border-radius: 50%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
transition: background-color 0.3s ease-in-out;
}
.targetIcon__image img {
height: 64px;
width: 64px;
display: block;
transition: filter 0.3s ease-in-out;
object-fit: contain;
}
.targetIcon__header {
margin-top: 24px;
color: #1d1d1b;
font-family: Oswald;
font-size: 14px;
text-align: center;
font-weight: 700;
}
.targetIcon:hover {
cursor: pointer;
}
.targetIcon:hover .targetIcon__image {
background-color: #000000;
}
.targetIcon:hover .targetIcon__image img {
filter: invert(81%) sepia(65%) saturate(1460%) hue-rotate(2deg) brightness(105%) contrast(105%);
}
@media (min-width: 600px) {
.target .container {
padding: 64px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.target__header {
grid-column: 1/13;
}
.target__icons {
grid-column: 2/12;
}
.target__text {
grid-column: 2/12;
margin-top: 48px;
}
}
@media (min-width: 868px) {
.target .container {
padding: 64px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.target__header {
grid-column: 1/13;
}
.target__icons {
grid-column: 1/13;
}
.target__text {
grid-column: 1/13;
margin-top: 48px;
}
}
@media (min-width: 1280px) {
.target .container {
padding: 100px 16px 150px;
}
.target__icons {
grid-column: 1/13;
margin-top: 80px;
justify-content: space-between;
}
}
@media (min-width: 1480px) {
.target__header {
grid-column: 2/12;
}
.target__icons {
grid-column: 2/11;
}
.target__text {
grid-column: 2/12;
}
}
.weSpecializeIn {
overflow-x: hidden;
}
.weSpecializeIn .container {
padding: 32px 16px;
}
.weSpecializeIn__text {
margin-top: 32px;
position: relative;
z-index: 1;
}
.weSpecializeIn__text p {
margin: 10px 0;
}
.weSpecializeIn__image {
margin-top: 48px;
margin-bottom: 64px;
position: relative;
z-index: 1;
}
.weSpecializeIn__image::after {
content: "";
position: absolute;
top: -43px;
left: 50%;
width: 829px;
height: 250px;
background-color: #ef8100;
}
.weSpecializeIn__image img {
position: relative;
z-index: 1;
width: 230px;
height: 159px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media (min-width: 600px) {
.weSpecializeIn .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.weSpecializeIn__header {
grid-row: 1/2;
grid-column: 1/13;
}
.weSpecializeIn__text--1 {
grid-column: 1/13;
grid-row: 2/3;
}
.weSpecializeIn__text--2 {
grid-column: 1/13;
grid-row: 3/4;
}
.weSpecializeIn__text--3 {
grid-column: 1/7;
grid-row: 4/5;
}
.weSpecializeIn__image {
grid-column: 8/13;
grid-row: 4/5;
}
}
@media (min-width: 868px) {
.weSpecializeIn__text--1 {
grid-column: 1/7;
grid-row: 2/3;
}
.weSpecializeIn__text--2 {
grid-column: 8/13;
grid-row: 2/3;
}
}
@media (min-width: 1280px) {
.weSpecializeIn .container {
padding: 100px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.weSpecializeIn__header {
grid-column: 1/12;
}
.weSpecializeIn__text--1 {
margin-top: 120px;
grid-column: 1/5;
}
.weSpecializeIn__text--2 {
margin-top: 120px;
grid-column: 6/10;
}
.weSpecializeIn__text--3 {
grid-column: 1/12;
}
.weSpecializeIn__image {
grid-column: 11/13;
grid-row: 2/3;
align-self: start;
margin-top: 136px;
}
}
@media (min-width: 1480px) {
.weSpecializeIn__header {
grid-column: 2/12;
}
.weSpecializeIn__image {
grid-column: 10/12;
}
.weSpecializeIn__text--1 {
grid-column: 2/5;
}
.weSpecializeIn__text--2 {
grid-column: 6/9;
}
.weSpecializeIn__text--3 {
grid-column: 2/11;
}
}
.whyUs .container {
padding: 32px 16px;
}
.whyUs__header {
color: #ffffff;
position: relative;
z-index: 1;
padding-right: 48px;
margin: 32px 0 64px;
}
.whyUs__header::after {
content: "";
position: absolute;
right: 32px;
top: -32px;
background-color: #b5c8c8;
z-index: -1;
bottom: -32px;
width: 100vw;
}
.whyUs__box {
margin-bottom: 32px;
display: grid;
grid-template-columns: 80px 1fr;
grid-template-rows: auto auto;
column-gap: 20px;
}
.whyUs__box__icon {
grid-column: 1/2;
grid-row: 1/3;
width: 80px;
height: 80px;
border: 1px solid #000000;
border-radius: 50%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
transition: background-color 0.3s ease-in-out;
}
.whyUs__box__icon img {
height: 50px;
width: 50px;
display: block;
transition: filter 0.3s ease-in-out;
object-fit: contain;
}
.whyUs__box__header {
grid-column: 2/3;
grid-row: 1/2;
font-size: 17px;
line-height: 1.1;
}
.whyUs__box__text {
grid-column: 2/3;
grid-row: 2/3;
margin-top: 10px;
}
@media (min-width: 600px) {
.whyUs .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 32px;
row-gap: 32px;
}
.whyUs__box {
height: fit-content;
margin-bottom: 0;
}
.whyUs__box:first-of-type {
margin-top: 48px;
}
.whyUs__box__header {
font-size: 22px;
}
}
@media (min-width: 868px) {
.whyUs .container {
grid-template-columns: repeat(12, 1fr);
column-gap: 32px;
}
.whyUs__header {
grid-column: 2/7;
grid-row: 1/2;
}
.whyUs__box:nth-of-type(odd) {
grid-column: 7/12;
}
.whyUs__box:nth-of-type(even) {
grid-column: 2/7;
}
}
@media (min-width: 1100px) {
.whyUs .container {
column-gap: 48px;
}
.whyUs__header {
font-size: 42px;
}
.whyUs__box {
width: 100%;
}
.whyUs__box:first-of-type {
align-self: end;
margin-bottom: 32px;
}
.whyUs__box__text {
font-size: 15px;
}
.whyUs__box__header {
font-size: 34px;
line-height: 1.2;
}
}
@media (min-width: 1280px) {
.whyUs .container {
column-gap: 0px;
padding: 120px 16px;
}
.whyUs__box__header span {
display: block;
}
.whyUs__box:nth-of-type(odd) {
margin-left: 20px;
}
}
.detailsOffer .container {
padding: 32px 16px;
}
.detailsOffer details {
margin-bottom: 20px;
width: 100%;
appearance: none;
background-image: none;
border: 3px solid #919191;
}
.detailsOffer details summary {
list-style: none;
min-height: 100px;
appearance: none;
background-image: none;
padding: 20px 40px 20px 20px;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
.detailsOffer details summary::after {
content: "";
border-top: 8px solid #000;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
top: calc(50% - 4px);
right: 10px;
}
.detailsOffer details summary::-webkit-details-marker {
display: none;
}
.detailsOffer details summary:hover {
cursor: pointer;
}
.detailsOffer details .content {
padding: 32px;
}
.detailsOffer details .content ul {
list-style: square;
color: #ef8100;
}
.detailsOffer details .content ul li {
color: #1d1d1b;
}
@media (min-width: 1480px) {
.detailsOffer details {
margin: 20px 0;
}
.detailsOffer details summary {
padding: 30px 8.3333333333%;
}
.detailsOffer details .content {
padding: 30px 8.3333333333%;
}
.detailsOffer details .content ul {
padding-left: 20px;
}
}
.offerIntro {
width: 100%;
overflow: hidden;
position: relative;
display: block;
}
.offerIntro .container {
padding: 32px 10px;
}
.offerIntro__text {
margin-top: 32px;
}
.offerIntro__image {
margin-top: 32px;
position: relative;
}
.offerIntro__image img {
width: 100%;
position: relative;
z-index: 1;
display: block;
}
.offerIntro__image::after {
content: "";
width: 1017px;
height: calc(100% + 40px);
top: -20px;
bottom: -20px;
left: 50px;
background-color: #ef8100;
position: absolute;
display: block;
}
@media (min-width: 1480px) {
.offerIntro .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
padding: 64px 16px;
}
.offerIntro__header {
grid-column: 2/8;
margin-top: 40px;
}
.offerIntro__text {
grid-column: 2/8;
}
.offerIntro__image {
grid-column: 9/12;
margin-top: 0;
height: fit-content;
margin-top: 20px;
align-self: start;
grid-row: 1/3;
}
}
.offerLearnMore .container {
padding: 32px 10px;
}
.offerLearnMore__buttons {
display: flex;
flex-direction: column;
}
.offerLearnMore__button {
min-height: 66px;
background-color: transparent;
border: 3px solid #ef8100;
width: 100%;
transition: 0.3s background-color;
}
.offerLearnMore__button:hover {
background-color: #ef8100;
cursor: pointer;
}
.offerLearnMore__button--active {
background-color: #ef8100;
}
.offerLearnMore a {
color: #ffe400;
text-decoration: none;
transition: 0.3s color;
}
.offerLearnMore a:hover {
color: inherit;
cursor: pointer;
}
.offerLearnMore ul {
margin: 16px 0;
}
.offerLearnMore ul li {
margin-left: 20px;
font-family: "Baloo Da 2";
font-size: 13px;
font-weight: 400;
line-height: 1.53;
}
.offerLearnMore__outsourcing, .offerLearnMore__leasing {
border: 3px solid #ef8100;
display: none;
padding: 0 16px;
}
.offerLearnMore__visible {
display: block;
}
.offerLearnMore h3, .offerLearnMore__header {
margin: 32px 0 10px;
}
.offerLearnMore p, .offerLearnMore__text {
margin: 10px 0;
}
.offerLearnMore__image {
margin-top: 32px;
width: fit-content;
position: relative;
padding-left: 50px;
padding-top: 50px;
}
.offerLearnMore__image img {
display: block;
max-width: 100%;
height: auto;
}
.offerLearnMore__image::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #ef8100;
width: calc(100% - 50px);
height: calc(100% - 50px);
z-index: -1;
}
.offerLearnMore__grid__image {
margin-top: 90px;
position: relative;
margin-left: auto;
padding-right: 75px;
width: fit-content;
}
.offerLearnMore__grid__image::after {
content: "";
position: absolute;
width: 194px;
height: 346px;
background-color: #ef8100;
top: -72px;
right: 0;
}
.offerLearnMore__grid__image img {
display: block;
position: relative;
z-index: 1;
width: 194px;
height: 346px;
}
.offerLearnMore__switcher__options {
display: flex;
flex-direction: column;
}
.offerLearnMore__switcher__option {
color: #1d1d1b;
height: 66px;
background-color: transparent;
border: 3px solid #ef8100;
font-family: "Baloo Da 2";
font-size: 21px;
font-weight: 800;
width: 100%;
transition: 0.3s background-color;
}
.offerLearnMore__switcher__option:hover {
background-color: #ef8100;
cursor: pointer;
}
.offerLearnMore__switcher__option--active {
background-color: #ef8100;
}
.offerLearnMore__switcher__contents {
background-color: #ef8100;
padding: 32px;
}
.offerLearnMore__switcher__content {
display: none;
}
.offerLearnMore__switcher__content--active {
display: block;
}
@media (min-width: 1100px) {
.offerLearnMore__buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.offerLearnMore__button {
border-bottom: 0 solid #000;
}
.offerLearnMore__grid {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 30px;
}
.offerLearnMore__grid p {
grid-column: 1/2;
}
.offerLearnMore__grid__image {
grid-column: 2/3;
grid-row: 1/3;
margin-left: auto;
}
.offerLearnMore__switcher {
margin: 32px 0;
}
.offerLearnMore__switcher__options {
display: flex;
flex-direction: row;
}
.offerLearnMore__switcher__option {
width: 50%;
}
.offerLearnMore h3, .offerLearnMore__header {
margin-top: 48px;
}
.offerLearnMore h3:first-of-type, .offerLearnMore__header:first-of-type {
margin-top: 0;
}
.offerLearnMore__leasing, .offerLearnMore__outsourcing {
padding: 64px 60px;
}
.offerLearnMore__image {
margin-top: 100px;
}
}
@media (min-width: 1480px) {
.offerLearnMore__grid {
grid-template-columns: 1fr 1fr 300px;
}
.offerLearnMore__grid p:nth-of-type(1) {
grid-column: 1/2;
}
.offerLearnMore__grid p:nth-of-type(2) {
grid-column: 2/3;
}
.offerLearnMore__grid__image {
grid-column: 3/4;
}
.offerLearnMore ul li {
font-size: 16px;
font-weight: 400;
line-height: 1.88;
}
.offerLearnMore__outsourcing, .offerLearnMore__leasing {
padding-left: 8.3333333333%;
padding-right: 8.3333333333%;
}
}
.singleContent {
overflow: hidden;
margin: 32px 0;
}
.singleContent .container {
padding: 32px 16px;
}
.singleContent .container p {
margin: 10px 0;
}
.singleContent--404 {
text-align: center;
margin: 200px 0;
}
.singleContent--404 .button {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
@media (min-width: 1280px) {
.singleContent .container {
padding: 65px 16px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.singleContent .container > * {
grid-column: 2/12;
}
.singleContent--404 {
margin: 100px 0 !important;
}
}
.singleContent {
padding-bottom: 40px;
}
.singleContent .container {
padding: 0 30px;
}
.singleContent .container h2,
.singleContent .container h3,
.singleContent .container h4,
.singleContent .container h5,
.singleContent .container h6 {
padding-top: 10px;
padding-bottom: 20px;
}
.singleContent .container p > a {
color: #ffe400;
font-weight: 700;
text-decoration: underline;
}
.singleContent ul,
.singleContent ol {
padding-left: 20px;
margin: 10px 0;
}
.singleContent ul li,
.singleContent ol li {
color: #1d1d1b;
font-size: 12px;
font-weight: 400;
letter-spacing: normal;
line-height: 1.71;
}
.singleContent ul {
list-style: none;
}
.singleContent ul li {
position: relative;
}
.singleContent ul li::after {
content: "";
border-radius: 3px;
width: 6px;
height: 6px;
display: block;
background-color: #ff9900;
position: absolute;
top: 5px;
left: -17px;
}
@media (min-width: 868px) {
.singleContent .container .heading {
text-align: left;
width: fit-content;
padding-bottom: 0;
}
.singleContent .container .heading::after {
right: -90px;
left: unset;
transform: unset;
bottom: unset;
top: 50%;
}
}
@media (min-width: 1280px) {
.singleContent {
margin: 120px 0 0;
}
.singleContent ul li,
.singleContent ol li {
line-height: 2.71;
font-size: 16px;
}
.singleContent ul li::after,
.singleContent ol li::after {
top: 18px;
left: -14px;
}
}
.container {
width: 100%;
margin: 0 auto;
}
.container--full {
width: 100%;
max-width: 100%;
}
body::after {
content: "xxs";
position: fixed;
bottom: 0;
display: none;
right: 0;
z-index: 10;
background-color: black;
color: white;
padding: 16px;
}
@media (min-width: 600px) {
body::after {
content: "xs";
}
}
@media (min-width: 868px) {
.container {
max-width: 802px;
}
.container--small {
max-width: 702px;
}
body::after {
content: "s";
}
}
@media (min-width: 1100px) {
.container {
max-width: 1000px;
}
.container--small {
max-width: 900px;
}
body::after {
content: "m";
}
}
@media (min-width: 1280px) {
.container {
max-width: 1080px;
}
.container--small {
max-width: 1000px;
}
body::after {
content: "l";
}
}
@media (min-width: 1480px) {
.container {
max-width: 1340px;
}
.container--small {
max-width: 1200px;
}
body::after {
content: "xl";
}
}
@media (min-width: 1600px) {
body::after {
content: "xxl";
}
}
.modal ul {
margin: 10px 0 10px 30px;
}
.modal li,
.modal p {
margin: 0 0 10px 0;
}
.modal span {
margin: 0 0 20px 0;
}
.modal { display: block; width: 1000px;
max-width: 100%;
height: 700px;
max-height: 100%;
position: fixed;
z-index: 100;
left: 50%;
top: 50%; transform: translate(-50%, -50%);  background: white;
box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
}
.closed {
display: none;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background: rgba(0, 0, 0, 0.6);
}
.modal-guts {
position: absolute;
top: 0;
left: 0;
padding: 32px 64px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
width: 100%;
height: 100%;
overflow: auto;
padding: 20px 50px 20px 20px;
flex-direction: column;
}
.modal-guts .text {
margin-top: 16px;
text-align: center;
}
.modal-guts .text span {
color: #ef8100;
}
.modal-guts form {
margin-top: 0;
}
.modal-guts form p {
margin: 0;
}
.modal-guts form br {
display: none;
}
.modal-guts form input[type=text],
.modal-guts form input[type=tel],
.modal-guts form input[type=number],
.modal-guts form input[type=email],
.modal-guts form textarea {
margin-top: 30px;
padding: 10px 4px;
width: 100%;
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 700;
line-height: 1.53;
border: none;
border-radius: none;
border-bottom: 1px solid #000;
}
.modal-guts form input[type=text]::placeholder,
.modal-guts form input[type=tel]::placeholder,
.modal-guts form input[type=number]::placeholder,
.modal-guts form input[type=email]::placeholder,
.modal-guts form textarea::placeholder {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 700;
line-height: 1.53;
}
.modal-guts form button {
margin-left: auto;
margin-top: 30px;
}
.modal-guts form .wpcf7-acceptance {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
background-color: transparent;
border-radius: 0;
}
.modal-guts form .wpcf7-acceptance > span {
margin-left: 0;
margin-top: 16px;
margin-bottom: 16px;
}
.modal-guts form .wpcf7-acceptance input[type=checkbox] {
accent-color: #ffe400;
margin-right: 10px;
}
.modal-guts form .wpcf7-acceptance a {
color: #ffffff;
transition: color 0.3s;
text-decoration: none;
}
.modal-guts form .wpcf7-acceptance a:hover {
color: #ef8100;
cursor: pointer;
}
.modal .close-button {
position: absolute; z-index: 1;
top: 10px; right: 20px;
border: 0;
background: black;
color: white;
padding: 5px 10px;
font-size: 1.3rem;
}
.modal .close-button:hover {
cursor: pointer;
}
@media (min-width: 1100px) {
.modal .modal-guts {
padding: 32px 64px;
}
}
.footerBanner {
position: fixed;
bottom: 0;
right: 0;
left: 0;
background-color: #000000;
color: #ffffff;
opacity: 0;
display: none;
z-index: 10;
transition: 1s opacity;
}
.footerBanner--show {
opacity: 1;
}
.footerBanner .container {
padding: 32px;
position: relative;
}
.footerBanner__close {
font-family: "Baloo Da 2";
font-size: 24px;
position: absolute;
top: 16px;
right: 16px;
}
.footerBanner__close:hover {
cursor: pointer;
}
.footerBanner__text {
color: #ffffff;
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 700;
line-height: 1.12;
}
.footerBanner__text span {
width: 100%;
font-size: 16px;
color: #ffe400;
display: block;
}
.footerBanner form {
margin-top: 30px;
margin-top: 0;
}
.footerBanner form p {
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.footerBanner form br {
display: none;
}
.footerBanner form input[type=text],
.footerBanner form input[type=tel],
.footerBanner form input[type=number],
.footerBanner form input[type=email],
.footerBanner form textarea {
padding: 10px 4px;
width: 100%;
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 700;
line-height: 1.53;
border: none;
border-radius: none;
border-bottom: 1px solid #000;
}
.footerBanner form input[type=text]::placeholder,
.footerBanner form input[type=tel]::placeholder,
.footerBanner form input[type=number]::placeholder,
.footerBanner form input[type=email]::placeholder,
.footerBanner form textarea::placeholder {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
font-weight: 700;
line-height: 1.53;
}
.footerBanner form button {
margin-left: 30px;
height: fit-content;
}
.footerBanner form .wpcf7-acceptance {
color: #1d1d1b;
font-family: "Baloo Da 2";
font-size: 14px;
background-color: transparent;
border-radius: 0;
}
.footerBanner form .wpcf7-acceptance > span {
margin-left: 0;
margin-top: 16px;
margin-bottom: 16px;
}
.footerBanner form .wpcf7-acceptance input[type=checkbox] {
accent-color: #ffe400;
margin-right: 10px;
}
.footerBanner form .wpcf7-acceptance a {
color: #ffffff;
transition: color 0.3s;
text-decoration: none;
}
.footerBanner form .wpcf7-acceptance a:hover {
color: #ef8100;
cursor: pointer;
}
@media (min-width: 1100px) {
.footerBanner .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.footerBanner form {
margin-top: 0px;
}
.footerBanner__form {
grid-column: 8/12;
margin-top: 0;
align-items: center;
}
.footerBanner__text {
grid-column: 1/7;
margin-top: 0;
}
}
@media (min-width: 1280px) {
.footerBanner__text {
grid-column: 2/7;
}
}
.scrollTop {
position: fixed;
bottom: 32px;
right: 32px;
height: 40px;
width: 40px;
display: flex;
flex-direction: row;
justify-content: center;
border: none;
align-items: center;
background-color: #ffe400;
transition: 0.3s background-color;
}
.scrollTop img {
width: 24px;
height: 24px;
transform: rotate(-90deg);
}
.scrollTop:hover {
cursor: pointer;
background-color: #ef8100;
}