/* AOS version 2.1.1 */ [data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] { transition-duration: .1s; } [data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate { transition-delay: .1s; } [data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] { transition-duration: .15s; } [data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate { transition-delay: .15s; } [data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] { transition-duration: .2s; } [data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate { transition-delay: .2s; } [data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] { transition-duration: .25s; } [data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate { transition-delay: .25s; } [data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] { transition-duration: .3s; } [data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate { transition-delay: .3s; } [data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] { transition-duration: .35s; } [data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate { /* transition-delay: .35s; */ } [data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] { transition-duration: .4s; } [data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; } [data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] { transition-duration: .45s; } [data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate { transition-delay: .45s; } [data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] { transition-duration: .5s; } [data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate { transition-delay: .5s; } [data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] { transition-duration: .55s; } [data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate { transition-delay: .55s; } [data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] { transition-duration: .6s; } [data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate { transition-delay: .6s; } [data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] { transition-duration: .65s; } [data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate { transition-delay: .65s; } [data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] { transition-duration: .7s; } [data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate { transition-delay: .7s; } [data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] { transition-duration: .75s; } [data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate { transition-delay: .75s; } [data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] { transition-duration: .8s; } [data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate { transition-delay: .8s; } [data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] { transition-duration: .85s; } [data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate { transition-delay: .85s; } [data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] { transition-duration: .9s; } [data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate { transition-delay: .9s; } [data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] { transition-duration: .95s; } [data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate { transition-delay: .95s; } [data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25,.25,.75,.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6,-.28,.735,.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175,.885,.32,1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47,0,.745,.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39,.575,.565,1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445,.05,.55,.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translate(0); } [data-aos=fade-up] { transform: translateY(100px); } [data-aos=fade-down] { transform: translateY(-100px); } [data-aos=fade-right] { transform: translate(-100px); } [data-aos=fade-left] { transform: translate(100px); } [data-aos=fade-up-right] { transform: translate(-100px,100px); } [data-aos=fade-up-left] { transform: translate(100px,100px); } [data-aos=fade-down-right] { transform: translate(-100px,-100px); } [data-aos=fade-down-left] { transform: translate(100px,-100px); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate(0) scale(1); } [data-aos=zoom-in] { transform: scale(.6); } [data-aos=zoom-in-up] { transform: translateY(100px) scale(.6); } [data-aos=zoom-in-down] { transform: translateY(-100px) scale(.6); } [data-aos=zoom-in-right] { transform: translate(-100px) scale(.6); } [data-aos=zoom-in-left] { transform: translate(100px) scale(.6); } [data-aos=zoom-out] { transform: scale(1.2); } [data-aos=zoom-out-up] { transform: translateY(100px) scale(1.2); } [data-aos=zoom-out-down] { transform: translateY(-100px) scale(1.2); } [data-aos=zoom-out-right] { transform: translate(-100px) scale(1.2); } [data-aos=zoom-out-left] { transform: translate(100px) scale(1.2); } [data-aos^=slide][data-aos^=slide] { transition-property: transform; } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translate(0); } [data-aos=slide-up] { transform: translateY(100%); } [data-aos=slide-down] { transform: translateY(-100%); } [data-aos=slide-right] { transform: translateX(-100%); } [data-aos=slide-left] { transform: translateX(100%); } [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: 'Uncut Sans Variable'; src: url(../fonts/UncutSans-Variable.woff2) format('woff2'), url(../fonts/UncutSans-Variable.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Regular.woff) format('woff'), url(../fonts/UncutSans-Regular.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Medium.woff2) format('woff2'), url(../fonts/UncutSans-Medium.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Light.woff2) format('woff2'), url(../fonts/UncutSans-Light.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Light.woff) format('woff'), url(../fonts/UncutSans-Light.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Medium.woff) format('woff'), url(../fonts/UncutSans-Medium.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Book.woff2) format('woff2'), url(../fonts/UncutSans-Book.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Book.woff) format('woff'), url(../fonts/UncutSans-Book.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-Regular.woff2) format('woff2'), url(../fonts/UncutSans-Regular.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-LightItalic.woff) format('woff'), url(../fonts/UncutSans-LightItalic.otf) format('otf'); font-weight: normal; font-style: italic; font-display: auto; } @font-face { font-family: 'Uncut Sans'; src: url(../fonts/UncutSans-RegularItalic.woff2) format('woff2'), url(../fonts/UncutSans-RegularItalic.otf) format('otf'); font-weight: normal; font-style: italic; font-display: auto; } @font-face { font-family: 'Redaction 10'; src: url(../fonts/Redaction10-Bold.woff2) format('woff2'), url(../fonts/Redaction10-Bold.woff) format('woff'), url(../fonts/Redaction10-Bold.otf) format('otf'); font-weight: bold; font-style: normal; font-display: auto; } @font-face { font-family: 'Redaction'; src: url(../fonts/Redaction-Regular.woff2) format('woff2'), url(../fonts/Redaction-Regular.woff) format('woff'), url(../fonts/Redaction-Regular.otf) format('otf'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'Redaction'; src: url(../fonts/Redaction-Italic.woff2) format('woff2'), url(../fonts/Redaction-Italic.woff) format('woff'), url(../fonts/Redaction-Italic.otf) format('otf'); font-weight: normal; font-style: italic; font-display: auto; } @font-face { font-family: 'Redaction'; src: url(../fonts/Redaction-Bold.woff2) format('woff2'), url(../fonts/Redaction-Bold.woff) format('woff'), url(../fonts/Redaction-Bold.otf) format('otf'); font-weight: bold; font-style: normal; font-display: auto; } /*custom styles*/ :root { --primary: #009950; --secondary: #17294A; --bg-light-blue: #F4F6FE; --gray-4: #7D7B7B; --black: #1A1A1A; } a:hover { color: var(--primary); } /* * { border: 1px solid black; } */ @media (max-width: 768px) { body, html { overflow-x: hidden; } } @media (max-width: 768px) { .dropdown-menu.show { max-height: 450px; overflow-y: auto; } } /* Font */ /* End Font */ /* Custom positions */ @media (min-width: 576px) { .position-sm-static { position: static !important; } } @media (min-width: 576px) { .position-sm-relative { position: relative !important; } } @media (min-width: 576px) { .position-sm-absolute { position: absolute !important; } } @media (min-width: 576px) { .position-sm-fixed { position: fixed !important; } } @media (min-width: 576px) { .position-sm-sticky { position: sticky !important; } } @media (min-width: 768px) { .position-md-static { position: static !important; } } @media (min-width: 768px) { .position-md-relative { position: relative !important; } } @media (min-width: 768px) { .position-md-absolute { position: absolute !important; } } @media (min-width: 768px) { .position-md-fixed { position: fixed !important; } } @media (min-width: 768px) { .position-md-sticky { position: sticky !important; } } @media (min-width: 992px) { .position-lg-static { position: static !important; } } @media (min-width: 992px) { .position-lg-relative { position: relative !important; } } @media (min-width: 992px) { .position-lg-absolute { position: absolute !important; } } @media (min-width: 992px) { .position-lg-fixed { position: fixed !important; } } @media (min-width: 992px) { .position-lg-sticky { position: sticky !important; } } @media (min-width: 1200px) { .position-xl-static { position: static !important; } } @media (min-width: 1200px) { .position-xl-relative { position: relative !important; } } @media (min-width: 1200px) { .position-xl-absolute { position: absolute !important; } } @media (min-width: 1200px) { .position-xl-fixed { position: fixed !important; } } @media (min-width: 1200px) { .position-xl-sticky { position: sticky !important; } } /* colors and bg-colors */ .primary { color: var(--primary) !important; } .bg-primary { background-color: var(--primary) !important; } .btn-primary { color: #fff; background-color: var(--primary) !important; border-color: var(--primary) !important; } .btn-primary.active{ color: #fff !important; } .btn-primary:hover { color: var(--black) !important; background-color: #fff !important; border-color: #fff !important; border: 1px solid #1A1A1A; } .btn-primary.faq:hover { color: var(--black) !important; background-color: #fff !important; border: 1px solid #1A1A1A !important; } .secondary { color: #17294A !important; } .bg-secondary { background-color: #17294A !important; } .btn-secondary { color: #fff; background-color: #17294A !important; border-color: #17294A !important; } .btn-secondary:hover { color: #fff !important; background-color: #0168BC !important; border-color: #0168BC !important; } .btn-white { padding: 12px 48px !important; color: var(--black); border: 1px solid #1A1A1A; } .btn-white:hover { background-color: var(--primary); color: #fff; } .btn-white.active:hover { background-color: var(--primary); color: #fff !important; } .btn-black-white { padding: 12px 48px !important; color: #fff; border: 1px solid #fff; } .btn-black-white:hover { background-color: #fff; color: #1A1A1A; border: 1px solid #fff; } .bg-light-blue { background-color: #F4F6FE; } .bg-yellow { background-color: #FFC531; } .success { color: #21DE34 !important; } .danger { color: #F3411A !important; } .warning { color: #FFCE54 !important; } .bg-warning { background-color: #FFCE54 !important; } .info { color: #E6F6FF !important; } .bg-gray-1 { background-color: #F3F2EE !important; } .gray-1 { color: #F3F2EE !important; } .gray-2 { color: #A3A3A3 !important; } .bg-gray-2 { background-color: #A3A3A3 !important; } .gray-3 { color: #ACA99B !important; } .border-gray-3 { border-color: #ACA99B !important; } .gray-4 { color: #7D7B7B !important; } .bg-gray-4 { background-color: #7D7B7B !important; } .gray-5 { color: #7D7B7B !important; } .bg-gray-5 { background-color: #656D78 !important; } .gray-8 { color: #B6BBCA !important; } .bg-gray-8 { background-color: #B6BBCA !important; } .gray-9 { color: #525870 !important; } .bg-gray-9 { background-color: #525870 !important; } .black { color: #1A1A1A; } .bg-black { background-color: #1A1A1A; } .blue-4 { color: #26BEEC; } .blue-5 { color: #35D0FF; } .blue-6 { color: #005AA4; } .blue-7 { color: #051B60; } .bg-blue-7 { background-color: #051B60; } .blue-10 { color: #071953; } /* end colors */ body { font-family: 'Uncut Sans'; color: var(--black) !important; } hr { height: 1px !important; background-color: #A3A3A3; } .text-link { text-decoration: none; } .text-link-testimonials.active { font-size: 24px; background-color: #fff; padding: 6px 16px; border-radius: 24px; font-weight: 700; color: var(--black) !important; } .text-link-testimonials.active + p { color: var(--black); } .text-link-testimonials { font-size: 24px; padding: 6px 16px; border-radius: 24px; font-weight: 700; color: var(--gray-4); cursor: pointer; } .text-link-testimonials + p { color: var(--gray-4); } .text-link:hover { color: var(--primary) !important; /*text-decoration: underline;*/ } .text-link.gray-1:hover { color: #CCD1D9 !important; } .btn.text-light.bg-gray-9:hover { background-color: #656D78 !important; } .text-link:hover i { color: #0168BC !important; } /* */ .fw-500 { font-weight: 500 !important; } p { line-height: 150%; } .lh-160 { line-height: 160%; } .lh-150 { line-height: 150%; } .lh-180 { line-height: 180%; } /* 28px */ .fs-28 { font-size: 1.75rem; } /* 24px */ .p-bigger { font-size: 1.5rem; } /* 22px */ .p-big { font-size: 1.375rem; } @media (max-width: 500px) { .p-big { font-size: 1.075rem !important; } } /* 20px */ .p-lead { font-size: 1.25rem; } @media (max-width: 500px) { .p-lead { font-size: 1.05rem !important; } } /* 18px */ .p-medium { font-size: 1.125rem; } @media (max-width: 500px) { .p-medium-sm { font-size: 1.125rem !important; } } /* 16px */ .p-small { font-size: 1.0rem; } /* 14px */ .p-smallest { font-size: 0.8750rem; } .p-12px { font-size: 0.75rem; } .p-serif { /*font-family: 'Redaction';*/ } .serif-10 { /*font-family: 'Redaction 10';*/ } .font-italic { font-style: italic !important; } .btn { font-size: 1rem !important; border-radius: 144px !important; padding: 12px 48px; } .mt-30 { margin-top: 30rem; } .mt-6 { margin-top: 7rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .mt-n5 { margin-top: -5rem; } .mt-n34 { margin-top: -34rem; } .mt-n41 { margin-top: -41rem; } .p-4_5 { padding: 2rem !important; } .w-60 { width: 60% !important; } .w-66 { width: 66% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .h-90 { height: 90% !important; } .h-95 { height: 95% !important; } @media (max-width: 505px) { .w-sm-90 { width: 90% !important; } } .vh-80 { height: 80vh !important; } @media (max-width: 505px) { .w-sm-100 { width: 100% !important; } } /* Custom hover effect */ /* text-white */ a.text-link.text-white { background-image: linear-gradient( to right, var(--primary),var(--primary) 50%, #fff 50% ); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; } a.text-link.text-white:before { content: ''; background: var(--primary); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; transition: all 0.3s ease-in-out; } a.text-link.text-white:hover { background-position: 0; } a.text-link.text-white:hover::before { width: 100%; } /* team */ .team-heading { background-image: linear-gradient( to right, var(--primary),var(--primary) 50%, #000 50% ); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; } .team-heading:before { content: ''; background: var(--primary); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; transition: all 0.3s ease-in-out; } a.team-item:hover .team-heading { background-position: 0; } a.team-item:hover .team-heading::before { width: 100%; } /* secondary */ a.text-link.secondary { background-image: linear-gradient( to right, var(--primary),var(--primary) 50%, #000 50% ); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; } a.text-link.secondary:before { content: ''; background: var(--primary); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; transition: all 0.3s ease-in-out; } a.text-link.secondary:hover { background-position: 0; } a.text-link.secondary:hover::before { width: 100%; } a.text-link.primary { background-image: linear-gradient( to right, var(--black),var(--black) 50%, var(--primary) 50% ); background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out; } a.text-link.primary:before { content: ''; background: var(--black); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; transition: all 0.3s ease-in-out; } a.text-link.primary:hover { background-position: 0; } a.text-link.primary:hover::before { width: 100%; } a.text-link.primary:hover .text-link-icon-primary path { fill: var(--black); transition: all 0.3s ease-in-out; } /* Navigation */ .main-nav .nav-link { font-size: 1.125rem; } .main-nav .dropdown-menu { padding: 1.5rem 0; } .main-nav .dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: -1px; border-radius: 0px; border: none; } .main-nav { border-bottom: 1px solid rgba(125, 123, 123, 0.14); background: rgba(243, 242, 238, 0.80) !important; backdrop-filter: blur(10.5px); } .mega-menu-link.show::after { display: inline-block; margin-left: .255em; vertical-align: .1em; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; transform: none; content: ""; width: 11.15px; height: 6.55px; transition: transform 0.2s ease-in-out; fill: var(--primary); } .mega-menu-link.show { box-shadow: none !important; } .mega-menu-link:focus { color: var(--primary) !important; } .mega-menu-link::after { display: inline-block; margin-left: .255em; vertical-align: .1em; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; transform: rotate(180deg); content: ""; width: 11.15px; height: 6.55px; transition: transform 0.2s ease-in-out; } .nav-link { font-weight: 500; color: var(--gray-4) !important; } .btn-nav-contact { padding: 0.75rem 1rem; } .navbar-light { border-bottom: #E6E9ED 1px solid !important; } .navbar-light .navbar-nav .nav-link { color: #656D78; } .navbar-light .navbar-nav .nav-link:hover { color: #0168BC; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #656D78; text-shadow: 0 0 .02px #656D78, 0 0 .02px #656D78; } .navbar-light .navbar-nav .nav-link::before { display: block; content: attr(title); font-weight: 600; height: 0; overflow: hidden; visibility: hidden; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.9rem; clear: both; font-weight: 600; color: #2EB4FF; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #0168BC; background-color: transparent; } .dropdown-item.active, .dropdown-item:active { color: #0168BC; text-decoration: none; background-color: transparent; } .active { color: var(--primary)!important; } .contact.active { color: #F2F5FA !important; background-color: #0168BC !important; } .dropdown-description { display: block; width: 100%; padding: .25rem 1.9rem; clear: both; font-size: 0.875rem; font-weight: 400; color: #656D78; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .scrolled-down { transform: translateY(-100%); transition: all 0.3s ease-in-out; } .scrolled-up { transform: translateY(0); transition: all 0.3s ease-in-out; } .subheading { font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: 0.125rem; text-transform: uppercase; } .top-70 { top: 70% !important; } .end-30 { right: 30% !important; } .index-100 { z-index: 100; } .index-50 { z-index: 50; } input[type="text"], input[type="email"], textarea, input[type="radio"], input[type="tel"], .form-dropdown { padding: 12px 12px; color: var(--gray-4); } input[type="checkbox"] { padding: 12px 12px; border-radius: 30px !important; } .form-check-input:checked[type="checkbox"] { box-shadow: none; border: none; outline: none; background-size: 24px; background-image: url('data:image/svg+xml,'); } .form-check-input:checked[type="checkbox"]:checked { box-shadow: none; border: none; outline: none; background-color: #F3F2EE; background-size: 24px; background-image: url('data:image/svg+xml,'); } #contact-form input[type="radio"] { border-radius: 0px !important; box-shadow: none; border: none; outline: none; width: 12px !important; height: 12px !important; background-size: 24px; background-image: url('data:image/svg+xml,'); background-color: #F3F2EE; } #contact-form input[type="radio"]:checked { /*padding: 12px !important;*/ border-radius: 0px !important; width: 12px !important; height: 12px !important; border: none; outline: none; box-shadow: none; background-size: 24px; background-color: #F3F2EE; background-image: url('data:image/svg+xml,'); } #contact-form input[type="radio"]:active { filter: none; /*padding: 12px !important;*/ border-radius: 0px !important; width: 12px !important; height: 12px !important; border: none; outline: none; box-shadow: none; background-size: 24px; background-color: #F3F2EE; background-image: url('data:image/svg+xml,'); } #contact-form input[type="radio"]:focus { /*padding: 12px !important;*/ border-radius: 0px !important; width: 12px !important; height: 12px !important; border: none; outline: none; box-shadow: none; background-size: 24px; background-color: #F3F2EE; background-image: url('data:image/svg+xml,'); } #littlemile-hero{ background: url(../images/playwisely-hero.webp) top center / cover no-repeat; } #anglictina-hero{ background: url(../images/anglictina-hero-1.webp) top center / cover no-repeat; } #preschool-hero{ background: url(../images/predskolaci-hero-1.webp) top center / cover no-repeat; } #teraphy-hero{ background: url(../images/terapiahrou-hero-1.webp) top center / cover no-repeat; } #filial-therapy-hero{ background: url(../images/filialnaterapia-hero-1.webp) top center / cover no-repeat; } /* hero mobile images */ @media (max-width: 500px) { #littlemile-hero{ background: url(../images/playwisely-mobile-img.webp) top center / cover no-repeat !important; } #littlemile-hero p{ font-size: 20px; } #anglictina-hero{ background: url(../images/anglictina-mobile-img.webp) top center / cover no-repeat !important; } #preschool-hero{ background: url(../images/predskolaci-mobile-img.webp) top center / cover no-repeat; } #teraphy-hero{ background: url(../images/terapia-hrou-mobile-img.webp) top center / cover no-repeat; } #filial-therapy-hero{ background: url(../images/filialna-mobile_img.webp) top center / cover no-repeat; } } .arrow-icon-primary { fill: var(--primary); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .arrow-icon-primary:hover { fill: var(--secondary); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } a > .arrow-icon-secondary { fill: var(--secondary); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } a.text-link:hover > .arrow-icon-secondary path { fill: var(--primary); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .arrow-icon-white { fill: #fff; } .accordion-button:not(.collapsed) { color: var(--black); background-color: #fff; box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button { color: var(--gray-4); background-color: #fff; box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .pw-accordion .accordion-button:not(.collapsed) { color: var(--black); background-color: #fff; box-shadow: none; border: none; } .pw-accordion .accordion-body p{ margin-left: 1.9rem !important; } #skill-development .accordion-button { /*border-top: 1px solid black;*/ box-shadow: none; } #skill-development .accordion { --bs-accordion-btn-focus-border-color: none; border: none; } #skill-development .accordion-button:focus { border: none; } #skill-development .accordion-header { border-top: 1px solid #A3A3A3; } #skill-development .accordion-item { /*border-top: 1px solid #A3A3A3;*/ border-left: none; border-right: none; border-radius: 0px; } #skill-development .accordion-item:last-child { border-bottom: 1px solid #A3A3A3; } #faq .accordion-button:not(.collapsed) { font-weight: 600; color: var(--black); background-color: #fff; /*box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);*/ box-shadow: none; border: none; } .accordion-collapse.show { box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } #faq .accordion-button::after, #skill-development .accordion-button::after { flex-shrink: 0; width: 32px; height: 32px; /*border: 1px solid var(--black);*/ border-radius: 30px; margin-left: auto; content: ""; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 32px; transition: var(--bs-accordion-btn-icon-transition); } #faq .accordion-button:not(.collapsed)::after, #skill-development .accordion-button:not(.collapsed)::after { background-image: url('data:image/svg+xml,'); transform: var(--bs-accordion-btn-icon-transform); } .skill-dev-list li::marker { font-size: 1.2em; color: var(--primary); } /* .accordion-item { border-radius: 1rem !important; } .accordion-item:first-of-type .accordion-button { border-top-right-radius: 1rem !important; border-top-left-radius: 1rem !important; border-bottom: none; box-shadow: none; } .accordion-button { border-radius: 1rem !important; background-color: var(--bg-light-blue); position: relative; } .accordion-button:not(.collapsed) { background-color: var(--bg-light-blue); box-shadow: none; } .accordion-button::after { flex-shrink: 0; width: 32px; height: 32px; margin-left: auto; content: ""; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 32px; transition: var(--bs-accordion-btn-icon-transition); } */ #accordion-pw .accordion-button:not(.collapsed)::after { /*background-image: url('data:image/svg+xml,');*/ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #accordion-pw .accordion-button::after{ /*background-image: url('data:image/svg+xml,');*/ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231C1B1F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");; } .carousel-control-next, .carousel-control-prev { border-radius: 0.78rem; width: 4.5rem; height: 4.5rem; opacity: 1 !important; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%525870'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); fill: #525870; } .hidden { display: none; } @media (max-width: 500px) { .hidden-xs { display: none; } } .video-background-holder { position: relative; background-color: black; /*height: calc(85vh - 72px);*/ height: calc(95vh - 72px); width: 100%; overflow: hidden; } .video-background-holder video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .video-background-content { position: relative; z-index: 2; } .video-background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1; } .hero-content-holder{ height: 100%; } .mega-content { width: 100vw; } @media (min-width: 505px) { #age-groups{ padding-top: 0rem !important; } } @media (max-width: 500px) { .mega-content { width: 100%; } } .mega-content a:hover { background-color: #F3F2EE !important; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 265px 22px; } .mega-content a.menu-lesson:hover { background-color: #fff !important; background-image: none; } .mega-content a.menu-lesson:hover .wrapper-menu-lesson { background-color: #F3F2EE !important; } #home-hero { height: 85vh !important; } @media (max-width: 500px) { .video-background-holder { width: 100%; height: 100vh !important; min-height: unset; object-fit: cover; /* padding: 3rem 0; */ } #home-hero { height: 90vh !important; } .video-background-holder video { position: absolute; object-fit: cover; min-width: unset; min-height: unset; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .hero-content-holder{ height: 80%; } } #therapy-hero { height: 50vh !important; } .about-us { transform: translateY(-60%); } .about-us-stats { margin-top: -17rem !important; } #aboutus-hero { padding-bottom: 20rem !important; } @media (max-width: 500px) { #aboutus-hero { padding-bottom: 3rem !important; } } @media (min-width: 500px) { .about-us-stats2 { margin-top: -15rem !important; } } #littlemile-about .container { /*height: 80vh !important;*/ padding-bottom: 1rem !important; } @media (min-width: 500px) { #littlemile-about .container { /*height: 80vh !important;*/ padding-bottom: 20rem !important; } } .littlemile-about-overlay { transform: translateY(-61%); } #contact-fill-form:hover { color: var(--black); border: 1px solid #1A1A1A !important; } #contact-fill-form:hover .contact-fill-arrow { fill: var(--black) !important; } #contact-fill-form .contact-fill-arrow { fill: #fff !important; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /* #contact-fill-form::after { display: inline-block; width: 24px; height: 24px; content: ''; background-image: url('data:image/svg+xml,'); background-position: center; } #contact-fill-form:hover > #contact-fill-form::after { display: inline-block; width: 24px; height: 24px; content: ''; background-image: url('data:image/svg+xml,'); background-position: center; } */ /* timeline */ .timeline { /*border-left: 1px solid var(--primary);*/ position: relative; list-style: none; } .timeline.timeline-littlemile:before { top: 0px; bottom: 31%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } @media (max-width: 411px) { .timeline.timeline-littlemile:before { bottom: 37% !important; } } .timeline:before { top: 0px; bottom: 28%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } .timeline .timeline-item { position: relative; } .timeline .timeline-item:after { position: absolute; display: block; top: 0; } .timeline .timeline-item:after { background-color: var(--primary); left: -40px; border-radius: 0.25rem; height: 16px; width: 16px; content: ""; } .timeline-item h4 { position: absolute; margin-top: -6px; } .timeline-item p { padding-top: 2rem; } .moving-stereotypes .timeline-item p { position: relative; margin-top: -6px; } .moving-stereotypes .timeline-item p { padding-top: 0rem; } .moving-stereotypes .timeline .timeline-item::after { background-color: var(--primary); left: -40px; border-radius: 0.25rem; height: 16px; width: 16px; content: ""; top: 11px; } .moving-stereotypes .timeline:before { top: 14px; bottom: 9%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } .moving-stereotypes.skills .timeline:before { top: 14px; bottom: 30%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } @media (max-width: 390px) { .moving-stereotypes.skills .timeline:before { top: 14px; bottom: 33%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } } .moving-stereotypes.skills2 .timeline:before { top: 14px; bottom: 18%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } @media (max-width: 390px) { .moving-stereotypes.skills2 .timeline:before { top: 14px; bottom: 33%; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } } @media (min-width: 391px) and (max-width:397px) { .moving-stereotypes.skills2 .timeline:before { top: 14px; bottom: 29% !important; position: absolute; content: " "; width: 1px; background-color: var(--primary); left: 0%; margin-left: -1.5px; } } @media (min-width: 398px) and (max-width:406px) { .moving-stereotypes.skills2 .timeline:before { bottom: 40% !important; } } @media (min-width: 407px) and (max-width:406px) { .moving-stereotypes.skills2 .timeline:before { bottom: 34% !important; } } @media (max-width: 766px) { .border-none { border-top:none !important; } } .modal-body { max-height: calc(100vh - 450px); overflow-y: auto; } .modal-backdrop { /*backdrop-filter: blur(45px);*/ } .modal.fade.show { backdrop-filter: blur(5px); background: rgba(243, 242, 238, 0.50); } @media (max-width: 500px) { .timeline:before { bottom: 32%; } } @media (max-width: 500px) { .timeline-littlemile.timeline::before { bottom: 34%; } } @media (max-width: 500px) { .about-us { transform: translateY(0%); } } @media (max-width: 500px) { .about-us-stats { margin-top: 3rem !important; } } @media (max-width: 500px) { #littlemile-about { height: auto !important; } } @media (max-width: 500px) { .littlemile-about-overlay { transform: translateY(0%); } } @media (max-width: 500px) { #home-hero { /*height: auto !important;*/ } } @media (max-width: 500px) { section { overflow: hidden; } } @media (min-width: 505px) { .testimonial-wrapper { height: 420px; } } @media (max-width: 530px) { .label4_5 { margin: 0 0.6rem; } } /* carousel */ @media (max-width: 505px) { #carouselExampleControls { height: auto; } } #carouselExampleControls { height: 412px; } .carousel-control-next, .carousel-control-prev { border-radius: 30px; width: 56px; height: 56px; opacity: 1 !important; } .carousel-control-next .bi-arrow-right, .carousel-control-prev .bi-arrow-left { font-size: 1.4rem; } .carousel-control-next:hover, .carousel-control-prev:hover { opacity: 0.5 !important; } #carousel-profiles { height: 700px; } @media (min-width: 770px) { .carousel-item { height: 401px; } } @media (max-width: 776px) { #carouselExampleControls { height: 600px; } } @media (max-width: 776px) { .item-number { position: absolute; bottom: -50px !important; } } @media (max-width: 776px) { .carousel-item { height: 557px; } .carousel-inner{ height: 600px; } } .item-number { position: absolute; bottom: -19px; } .carousel-controls{ position: absolute; bottom: -5px; right: 0; } /* --------------------------------------------------------------------------- Zarovnanie kariet v sekcii "Čo ponúkame pre vaše deti" (domovská stránka) Karty nemali spoločnú základňu: obsah tiekol zhora nadol, takže dlhší nadpis alebo odsek posunul odkaz "Čítať viac" nižšie než v susednej karte. Stĺpce sa v riadku roztiahnu na rovnakú výšku (align-items: stretch), preto stačí obsah karty spraviť flex-stĺpcom a odkaz pripnúť na spodok. Vďaka tomu na dĺžke textu nezáleží. --------------------------------------------------------------------------- */ /* .p-4_5 = karty "Čo ponúkame" (domovská stránka) .col.mb-5.p-4 = karty "NAŠE Programy" (O nás, Cenník) .col-12.col-md-3.mb-5.p-4 = karty "Naše ďalšie programy" (Predškoláci) */ #what-we-offer .p-4_5, .row > .col.mb-5.p-4, .row > .col-12.col-md-3.mb-5.p-4 { display: flex; flex-direction: column; } #what-we-offer .p-4_5 > .px-3, .row > .col.mb-5.p-4 > .px-3, .row > .col-12.col-md-3.mb-5.p-4 > .px-3 { display: flex; flex-direction: column; flex: 1 1 auto; } /* odkaz "Čítať viac" odsadený na spodnú hranu karty */ #what-we-offer .p-4_5 > .px-3 > a, .row > .col.mb-5.p-4 > .px-3 > a, .row > .col-12.col-md-3.mb-5.p-4 > .px-3 > a { margin-top: auto; align-self: flex-start; } /* --------------------------------------------------------------------------- Ikony v sekcii "V čom sa líšime" držia rovnaký štvorcový pomer. Piata ilustrácia je 400×424, takže bez tohto pravidla je o ~12 px vyššia a nadpis pod ňou sa posunie nižšie než pri susednej karte. --------------------------------------------------------------------------- */ #age-groups .col-md-4 > img.img-fluid { width: 200px; /* rovnaká veľkosť bez ohľadu na rozlíšenie zdroja */ max-width: 100%; aspect-ratio: 1 / 1; object-fit: contain; object-position: center center; } /* --------------------------------------------------------------------------- Vlnka ako dekoratívne pozadie v pravom dolnom rohu bloku. Kontajner má overflow:hidden, takže sa vlnka pekne oreže o zaoblený roh. --------------------------------------------------------------------------- */ .lm-wave-inline { display: block; width: 620px; max-width: 100%; height: auto; margin: 2rem auto 0; /* 2rem od textu, vodorovne na stred */ opacity: 0.7; pointer-events: none; user-select: none; } /* spodné odsadenie rieši stĺpec, aby bola vlnka presne 2rem nad okrajom boxu */ .lm-wave-box { padding-bottom: 0 !important; } .lm-wave-box .lm-wave-inline-wrap { padding-bottom: 4rem !important; } /* --------------------------------------------------------------------------- Variant timeline pre dlhšie nadpisy. Základná timeline počíta s jednoriadkovým nadpisom: ten je absolútne umiestnený v rezerve (padding-top: 2rem) odseku a bodka je napevno na jeho strede. Ak sa nadpis zalomí na dva riadky, vyjde z rezervy a bodka prestane sedieť. V tomto variante ostáva nadpis v toku, rezerva sa ruší a bodka sa zarovná na prvý riadok nadpisu. --------------------------------------------------------------------------- */ .timeline.timeline-wrap .timeline-item h4 { position: static; margin-top: 0; } .timeline.timeline-wrap .timeline-item p { padding-top: 0; margin-top: 0; } .timeline.timeline-wrap .timeline-item::after { top: 6px; } /* Zvislá linka: základná timeline ju kreslí cez .timeline::before s percentuálnou výškou (bottom: 28%), naladenou na konkrétny počet položiek. Pri inom počte končí mimo poslednej bodky. Tu ju preto skladáme zo segmentov bodka → bodka, čo funguje pri ľubovoľnom počte položiek. */ .timeline.timeline-wrap::before { display: none; } .timeline.timeline-wrap .timeline-item:not(:last-child)::before { content: ""; position: absolute; left: -32px; /* stred bodky: -40px + 16px/2 */ top: 14px; /* stred prvej bodky: 6px + 16px/2 */ bottom: -38px; /* 24px medzera medzi položkami + 14px do ďalšej bodky */ width: 1px; background-color: var(--primary); } /* Karty programov v sekcii "Naše programy" / "Naše ďalšie programy". Zaoblenie rohov mali doteraz jednotlivé fotky zapečené v sebe — staršie ako biely oblúk v JPG, dve ako priehľadnosť v PNG. Nová fotka tak vyšla hranatá. Rieši to CSS, takže na formáte ani na exporte už nezáleží. Selektor sedí len na tieto karty: img-fluid+mb-5 sa inde nepoužíva. 22px je zvolených zámerne: zapečené oblúky starých fotiek majú v prepočte na zobrazenú veľkosť 15–18 px, takže väčšia hodnota ich prekryje a o rohu všetkých kariet rozhoduje jediné pravidlo. Nižšia hodnota by nechala každú fotku na jej vlastnom oblúku a rady by ostali mierne nerovnaké — pri fotke s kontrastným obsahom pri rohu to bije do očí najviac. */ #what-we-offer img.img-fluid.mb-5 { border-radius: 22px; } /* Timeline na stránke Little Mile — spojnica medzi bodkami. Pôvodne to kreslila jedna čiara cez .timeline.timeline-littlemile::before s koncom zadaným v percentách (`bottom: 31%`, na mobile 34/37 %). Percento sa počíta z výšky celej timeline, takže len čo sa zmenila výška poslednej položky — dlhší text, užšie okno — čiara skončila inde než na poslednej bodke. Pri 375 px chýbalo 57 px. Namiesto toho kreslí každá položka okrem poslednej vlastný segment od svojej bodky po bodku nasledujúcu. Na dĺžke textu to nezávisí vôbec. */ .timeline.timeline-littlemile::before { content: none; } .timeline.timeline-littlemile .timeline-item:not(:last-child)::before { content: ""; position: absolute; left: -32px; /* stred bodky: left -40px + 16px/2 */ top: 8px; /* stred bodky: top 0 + 16px/2 */ bottom: calc(-3rem - 8px); /* medzera mb-5 (3rem) + 8px do stredu ďalšej bodky */ width: 1px; background-color: var(--primary); } /* Timeline na stránke Predškoláci (tri bloky: moving-stereotypes, .skills, .skills2) — tá istá oprava ako pri timeline-littlemile vyššie. Boli tu tri ručne naladené percentá (9 %, 30 %, 18 %) plus päť ďalších prepisov v media queries, ktorými sa koniec čiary dolaďoval breakpoint po breakpointe. Namerané odchýlky od stredu poslednej bodky: šírka: 375 500 768 1280 moving-st.: +8 +8 +4 +4 (v poriadku, končí na bodke) .skills: +8 +4 -5 -1 (v poriadku) .skills2: +8 -10 -20 -20 <- čiara prečnievala pod bodku Polovica bodky je 8 px, takže do ±8 čiara končí niekde na bodke a vyzerá dobre. `.skills2` bola od 500 px nižšie o 2 až 12 px pod jej spodnou hranou. Ostatné dva boli v poriadku len zhodou okolností — na tom istom krehkom zápise. Segmenty od bodky k bodke sú na výškach nezávislé. */ .moving-stereotypes .timeline::before, .moving-stereotypes.skills .timeline::before, .moving-stereotypes.skills2 .timeline::before { content: none; } .moving-stereotypes .timeline .timeline-item:not(:last-child)::before { content: ""; position: absolute; left: -32px; /* stred bodky: left -40px + 16px/2 */ top: 19px; /* stred bodky: top 11px + 16px/2 */ bottom: -29px; /* 10px skutočná medzera + 19px do stredu ďalšej bodky. Pozor: medzera NIE JE 16px z mb-3 — 6px z nej zje zlúčenie marginov s

, ktorý má margin-top: -6px. Namerané 10px na všetkých troch blokoch a na každom páre položiek. */ width: 1px; background-color: var(--primary); }