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; } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [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, 0); } [data-aos='fade-up'] { transform: translate(0, 100px); } [data-aos='fade-down'] { transform: translate(0, -100px); } [data-aos='fade-right'] { transform: translate(-100px, 0); } [data-aos='fade-left'] { transform: translate(100px, 0); } [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); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [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, 0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate(0, 100px) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate(0, -100px) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate(-100px, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate(100px, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate(0, 100px) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate(0, -100px) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate(-100px, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate(100px, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate(0, 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%); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [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: "elecshow"; src: url("../fonts/icon/elecshow.eot"); src: url("../fonts/icon/elecshow.eot?#iefix") format("embedded-opentype"), url("../fonts/icon/elecshow.woff") format("woff"), url("../fonts/icon/elecshow.ttf") format("truetype"), url("../fonts/icon/elecshow.svg#elecshow") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "elecshow" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before { font-family: "elecshow" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=" icon-"]:before { font-family: "elecshow" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-up-arrow:before { content: "\61"; } .icon-google-plus:before { content: "\62"; } .icon-instagram-logo:before { content: "\63"; } .icon-twitter:before { content: "\64"; } .icon-telegram:before { content: "\65"; } .icon-call-answer:before { content: "\66"; } .icon-email:before { content: "\67"; } .icon-pin:before { content: "\68"; } .icon-copy:before { content: "\69"; } .icon-search:before { content: "\6a"; } .icon-like:before { content: "\6b"; } .icon-fast-forward-double-right-arrows:before { content: "\6c"; } .icon-flash:before { content: "\6d"; } .icon-placeholder:before { content: "\6e"; } .icon-chat:before { content: "\6f"; } .icon-star:before { content: "\70"; } .icon-avatar:before { content: "\71"; } .icon-worldwide:before { content: "\72"; } .icon-down-arrow:before { content: "\73"; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: normal; src: url("../fonts/Montserrat/Montserrat-Regular.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("../fonts/Montserrat/Montserrat-Medium.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Medium.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("../fonts/Montserrat/Montserrat-Light.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("../fonts/Montserrat/Montserrat-SemiBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 200; src: url("../fonts/Montserrat/Montserrat-ExtraLight.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraLight.svg#Montserrat") format("svg"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100; src: url("../fonts/Montserrat/Montserrat-Thin.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Thin.svg#Montserrat") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: bold; src: url("../fonts/Raleway/Raleway-Bold.eot?") format("eot"), url("../fonts/Raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway/Raleway-Bold.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Bold.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 300; src: url("../fonts/Raleway/Raleway-Light.eot?") format("eot"), url("../fonts/Raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Light.woff") format("woff"), url("../fonts/Raleway/Raleway-Light.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Light.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: normal; src: url("../fonts/Raleway/Raleway-Regular.eot?") format("eot"), url("../fonts/Raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway/Raleway-Regular.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Regular.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 600; src: url("../fonts/Raleway/Raleway-Semibold.eot?") format("eot"), url("../fonts/Raleway/Raleway-Semibold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Semibold.woff") format("woff"), url("../fonts/Raleway/Raleway-Semibold.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Semibold.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 500; src: url("../fonts/Raleway/Raleway-Medium.eot?") format("eot"), url("../fonts/Raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/Raleway/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway/Raleway-Medium.ttf") format("truetype"), url("../fonts/Raleway/Raleway-Medium.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 200; src: url("../fonts/Raleway/Raleway-ExtraLight.eot?") format("eot"), url("../fonts/Raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/Raleway/Raleway-ExtraLight.woff") format("woff"), url("../fonts/Raleway/Raleway-ExtraLight.ttf") format("truetype"), url("../fonts/Raleway/Raleway-ExtraLight.svg#Raleway") format("svg"); } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 800; src: url("../fonts/Raleway/Raleway-ExtraBold.eot?") format("eot"), url("../fonts/Raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/Raleway/Raleway-ExtraBold.woff") format("woff"), url("../fonts/Raleway/Raleway-ExtraBold.ttf") format("truetype"), url("../fonts/Raleway/Raleway-ExtraBold.svg#Raleway") format("svg"); } @font-face { font-family: "elecshow"; font-style: normal; font-weight: normal; src: url("../fonts/icon/elecshow.eot?") format("eot"), url("../fonts/icon/elecshow.woff2") format("woff2"), url("../fonts/icon/elecshow.woff") format("woff"), url("../fonts/icon/elecshow.ttf") format("truetype"), url("../fonts/icon/elecshow.svg#elecshow") format("svg"); } body { overflow-x: hidden; font-family: Montserrat; } a { text-decoration: none !important; cursor: pointer; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } button, input { box-shadow: none !important; outline: none !important; } button:focus, input:focus { border: none !important; } .nav { padding: 0; margin: 0; } .nav-link { padding: 0; } .header { position: relative; width: 100%; height: 700px !important; margin-bottom: 100px; } .header .menus-item { position: absolute; top: 0; width: 100%; } .header .menus-item .top-menu { background-color: #e54141; z-index: 9999; position: relative; height: 46px; padding-top: 12px; } .header .menus-item .top-menu .left .info { margin-right: 35px; } .header .menus-item .top-menu .left .info .title { font-weight: 600; font-size: 12px; color: #FFFFFF; padding-right: 23px; } .header .menus-item .top-menu .left .info .subtitle { font-size: 12px; font-weight: 300; color: #FFFFFF; position: relative; } .header .menus-item .top-menu .left .info .subtitle:after { content: ''; position: absolute; top: 50%; right: -20px; width: 5px; height: 5px; border-radius: 50%; transform: translateY(-50%); background-color: #FFFFFF; } .header .menus-item .top-menu .left .email .title { font-weight: 600; font-size: 12px; color: #FFFFFF; padding-right: 23px; } .header .menus-item .top-menu .left .email .subtitle { font-size: 12px; font-weight: 300; color: #FFFFFF; } .header .menus-item .top-menu .nav .nav-item .login { font-weight: 300; font-size: 12px; padding-left: 35px; color: #FFFFFF; position: relative; } .header .menus-item .top-menu .nav .nav-item .login:after { content: ''; position: absolute; top: 50%; right: -20px; width: 5px; height: 5px; border-radius: 50%; transform: translateY(-50%); background-color: #FFFFFF; } .header .menus-item .top-menu .nav .nav-item:last-child .nav-link:after { display: none; } .header .menus-item .logo-menu { z-index: 999; position: relative; width: 100%; height: 100px; padding-top: 16px; } .header .menus-item .logo-menu .logo-elecshow .logo { width: 110px; height: 48px; object-fit: contain; } .header .menus-item .logo-menu .logo-elecshow .text { margin-left: 20px; } .header .menus-item .logo-menu .logo-elecshow .text .logo-text { font-weight: 500; font-size: 13px; color: #FFFFFF; width: 245px; word-spacing: 2px; } .header .menus-item .logo-menu .logo-elecshow .text .data { font-weight: 500; font-size: 13px; color: #FFFFFF; word-spacing: 3px; } .header .menus-item .logo-menu .logo-iran { width: 68px; height: 68px; object-fit: contain; } .header .menus-item .main-menu { z-index: 999; position: relative; width: 100%; background-color: #FFFFFF; height: 68px; } .header .menus-item .main-menu .navbar { width: 100%; display: flex; padding: 0; align-items: center; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1 { position: relative; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1:after { content: "\73"; font-family: elecshow; position: absolute; top: 50% !important; transform: translateY(-50%); left: -10px; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1:hover:after { color: #e54141; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link { position: relative; font-weight: 500; font-size: 0.8125rem; color: #454444; padding-top: 26px; padding-bottom: 22px; padding-right: 1.09375rem; padding-left: 1.09375rem; transition: all 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link:before { content: ''; position: absolute; bottom: -1px; right: 34%; width: 43px; height: 0; background-color: #e54141; transition: all 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link { padding-left: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link { padding-right: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item:hover .nav-link { color: #e54141; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item:hover .nav-link:before { height: 3px; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu { border: none; border-radius: 0; position: absolute; background-color: white; top: calc(100% + -5px); left: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item { display: block; font-weight: normal; text-align: left; font-size: 1rem; color: #575757; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 1.25rem; padding-right: 0 !important; position: relative; transition: padding-left 0.5s; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:before { height: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.0625rem; background-color: #FFFFFF; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { background: transparent; color: #e54141; font-weight: 500; padding-left: 2.1875rem; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-item:after { display: none; } .header .menus-item .main-menu .navbar .down-arrow1 { position: relative; } .header .menus-item .main-menu .navbar .down-arrow1:after { content: "\73"; font-family: elecshow; position: absolute; top: 53%; transform: translateY(-50%); right: 0; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .down-arrow1:hover:after { color: #e54141; } .header .menus-item .main-menu .navbar .down-arrow { position: relative; } .header .menus-item .main-menu .navbar .down-arrow:after { content: "\73"; font-family: elecshow; position: absolute; top: 53%; transform: translateY(-50%); left: -10px; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .down-arrow:hover:after { color: #e54141; } .header .menus-item .main-menu .navbar .dropdown .dropdown-toggle::after { display: none; } .header .menus-item .main-menu .navbar .dropdown .btn { border: 0; font-size: 1rem; color: #454444; position: relative; padding-right: 2.125rem; transition: color 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .dropdown .btn:after { display: none; } .header .menus-item .main-menu .navbar .dropdown .btn:before { content: "\72"; font-family: elecshow; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 1.375rem; color: #454444; transition: color 0.5s ease-in-out; } .header .menus-item .main-menu .navbar .dropdown .btn:hover { color: #e54141; } .header .menus-item .main-menu .navbar .dropdown .btn:hover:before { color: #e54141; } .header .menus-item .main-menu .navbar .dropdown .dropdown-menu { border-radius: 0; border: none; position: absolute; top: calc(100% + 0px); left: -15px; } .header .menus-item .main-menu .navbar .dropdown .dropdown-menu .dropdown-item { display: block; font-weight: 400; font-size: 1rem; color: #575757; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 1.875rem; transition: padding-left 0.5s; } .header .menus-item .main-menu .navbar .dropdown .dropdown-menu .dropdown-item:hover { background: transparent; color: #e54141; font-weight: 500; padding-left: 2.1875rem; } .header .menus-item .main-menu .navbar .dropdown .dropdown-menu #dropdown-en { position: relative; } .header .slider-item .head { position: relative; } .header .slider-item .head:before { position: absolute; content: ''; top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); } .header .slider-item .head img { height: 700px; } .header .slider-item .text-slider { position: absolute; top: 290px; z-index: 9999; width: 100%; } .header .slider-item .text-slider .top-title { z-index: 9999; font-size: 42px; font-weight: 200; color: #FFFFFF; padding-bottom: 20px; } .header .slider-item .text-slider .title { z-index: 9999; font-size: 52px; font-weight: 800; color: #FFFFFF; width: 750px; padding-bottom: 20px; } .header .slider-item .text-slider .text { font-size: 16px; font-weight: 200; color: white; word-spacing: 5px; width: 705px; position: relative; } .header .slider-item .text-slider .text:before { position: absolute; content: ''; width: 100px; height: 1px; bottom: -41px; left: 1px; background-color: rgba(255, 255, 255, 0.3); } .header .slider-item .text-slider a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 4.75rem; margin-right: 41px; background-color: transparent; border: 2px #ffffff solid; width: 240px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #FFFFFF; font-size: 14px; font-weight: 500; transition: all 0.5s ease-in-out; } .header .slider-item .text-slider a:hover { border: none; } .header .slider-item .text-slider a:hover:after, .header .slider-item .text-slider a:hover:before { background-color: #e54141 !important; } .header .slider-item .container { position: relative; } .header .slider-item .container .container-dots { z-index: 999; position: absolute; right: 0; top: -320px; } .header .slider-item .container .container-dots .owl-dot { width: 0.3125rem; height: 0.3125rem; border-radius: 50px; z-index: 999; margin-top: 15px; border: 2px solid #FFFFFF; } .header .slider-item .container .container-dots .active { border: none; width: 0.1875rem; height: 3.75rem; background-color: #FFFFFF; margin-left: 2px; } .header .slider-item .container .container-dots:hover { cursor: pointer; } .boxes .box { width: 200px; height: 320px; position: relative; border-top-left-radius: 120px; border-top-right-radius: 120px; background: #e26200; background: linear-gradient(180deg, rgba(226, 98, 0, 0.1) 0%, rgba(226, 98, 0, 0.1) 5%, rgba(255, 255, 255, 0.1) 75%); transition: all 0.3s ease-in; } .boxes .box .circle { position: absolute; width: 113px; height: 112px; z-index: 999; border-radius: 50%; border: 4px solid #e26200; right: 50%; transform: translateX(50%); top: 32px; display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in; } .boxes .box .circle i { color: #e26200; font-size: 32px; z-index: 999; position: absolute; top: 34px; transition: all 0.2s ease; } .boxes .box .text { z-index: 999; font-weight: 200; font-size: 16px; color: #e26200; position: relative; text-align: center; transition: all 0.3s ease-in; padding-top: 224px; } .boxes .box .text:before { z-index: 999; position: absolute; content: ''; background-color: #e26200; width: 10px; height: 4px; right: 50%; transform: translateX(50%); top: 200px; } .boxes .box:before { position: absolute; content: ''; border-radius: 50%; background-color: rgba(226, 98, 0, 0.06); width: 91px; height: 91px; right: 50%; transform: translateX(50%); top: 43px; transition: all 0.3s ease-in; } .boxes .box:after { position: absolute; content: ''; background-image: url("../img/icon.png"); width: 150px; height: 150px; top: 37%; right: 50%; transform: translateX(50%) translateY(-50%); opacity: 0; transition: all 0.3s ease-in; } .boxes .box:hover { background: linear-gradient(180deg, #e26200 0%, rgba(226, 98, 0, 0.9) 6%, rgba(255, 255, 255, 0.3) 75%); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .boxes .box:hover:after { opacity: 1; } .boxes .box:hover .circle { border: 4px solid #ffffff; top: 32px; } .boxes .box:hover .circle i { position: absolute; top: 35px; color: #ffffff; } .boxes .box:hover .text { font-weight: bold; } .about { height: 706px; } .about .text-item { position: relative; width: 680px; margin-top: 118px; } .about .text-item .subtitle { font-size: 12px; color: #b3b3b3; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .about .text-item .title { font-weight: bold; font-size: 36px; color: #424242; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 70px; } .about .text-item .title:before { position: absolute; content: ''; bottom: -44px; left: 0; background-image: url("../img/img-title.png"); background-repeat: no-repeat; width: 64px; height: 20px; } .about .text-item .text { font-size: 16px; color: #747474; font-weight: 200; text-align: justify; } .about .text-item a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 3.375rem; margin-right: 31px; background-color: transparent; border: 2px #5b5b5b solid; width: 230px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #5b5b5b; font-size: 14px; font-weight: 500; transition: border 0.5s ease-in-out; } .about .text-item a:hover { border: none; color: #FFFFFF; } .about .text-item a:hover:after, .about .text-item a:hover:before { background-color: #e26200; } .about .text-item:before { content: ''; position: absolute; right: 0; transform: translateX(78%) translateY(-38%); top: 0; z-index: -1; background-image: url("../img/torbin.png"); background-repeat: no-repeat; width: 854px; height: 832px; } .notification { background-color: #fbfbfb; width: 100%; height: 858px; } .notification .text-header { position: relative; margin: 0 auto; text-align: center; width: 675px; padding-top: 100px !important; } .notification .text-header .subtitle { font-size: 12px; color: #b3b3b3; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .notification .text-header .title { font-weight: bold; font-size: 36px; color: #424242; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 70px; } .notification .text-header .title:before { position: absolute; content: ''; bottom: -44px; right: 50%; transform: translateX(50%); background-image: url("../img/barq-red.jpg"); background-repeat: no-repeat; width: 64px; height: 20px; } .notification .text-header .text { font-size: 16px; color: #747474; font-weight: 200; text-align: center; } .notification .text-header a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 3.375rem; margin-right: 31px; background-color: transparent; border: 2px #5b5b5b solid; width: 230px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #5b5b5b; font-size: 14px; font-weight: 500; } .notification .text-header a:hover { border: none; color: #FFFFFF; } .notification .slider-item { position: relative; margin-top: 46px; } .notification .slider-item .owl-item { height: 480px; } .notification .slider-item .base { background-color: white; width: 568px; height: 442px; position: relative; transition: all 0.5s ease-in-out; } .notification .slider-item .base:before { content: ''; position: absolute; width: 100%; height: 3px; background-color: #e54141; bottom: 0; right: 0; transition: all 0.5s ease-in-out; } .notification .slider-item .base img { width: 568px; height: 270px; } .notification .slider-item .base .text-item { margin-top: 42px; margin-left: 30px; } .notification .slider-item .base .text-item .data { font-size: 10px; color: #939393; font-weight: normal; display: block; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .notification .slider-item .base .text-item .title { font-size: 20px; color: #424242; font-weight: 600; transition: color 0.5s ease-in-out; } .notification .slider-item .base .text-item .text { font-size: 14px; font-weight: 200; color: #424242; width: 490px; } .notification .slider-item .base:hover { box-shadow: 0px 15px 55px 0px rgba(229, 65, 65, 0.06); } .notification .slider-item .base:hover:before { opacity: 0; } .notification .slider-item .base:hover .text-item .title { color: #e54141; } .notification .slider-item .nav .owl-next { cursor: pointer; position: absolute; z-index: 9999; top: 152px; right: -100px; } .notification .slider-item .nav .owl-next i { font-size: 1.875rem; color: rgba(0, 0, 0, 0.15); transition: color 0.3s ease; } .notification .slider-item .nav .owl-next:hover i { color: #e54141; } .notification .slider-item .nav .owl-prev { cursor: pointer; position: absolute; z-index: 9999; top: 9.5rem; left: -6.25rem; transform: rotate(180deg); } .notification .slider-item .nav .owl-prev i { font-size: 1.875rem; color: rgba(0, 0, 0, 0.15); opacity: 0.8; transition: color 0.3s ease; } .notification .slider-item .nav .owl-prev:hover i { color: #e54141; } .card { height: 536px; background-image: url("../img/bg-id-card.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } .card .text-item { position: relative; width: 680px; margin-top: 120px; } .card .text-item .subtitle { font-size: 12px; color: #ffffff; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .card .text-item .title { font-weight: bold; font-size: 36px; color: #FFFFFF; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 70px; } .card .text-item .title:before { position: absolute; content: ''; bottom: -44px; left: 0; background-image: url("../img/img-title-light.png"); background-repeat: no-repeat; width: 64px; height: 20px; } .card .text-item .text { font-size: 16px; color: #FFFFFF; font-weight: 200; text-align: justify; } .card .text-item a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 3.375rem; margin-right: 31px; background-color: transparent; border: 2px #FFFFFF solid; width: 230px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #FFFFFF; font-size: 14px; font-weight: 500; overflow: hidden; transition: border 0.5s ease-in-out; } .card .text-item a:before { background-color: #ffffff; right: 0; transition: all 0.5s ease-in-out; width: 100%; content: ''; position: absolute; height: 100%; z-index: -1; transform: translateX(-100%); } .card .text-item a:after { content: ''; position: absolute; left: 0; transition: all 0.5s ease-in-out; width: 100%; height: 100%; z-index: -1; background-color: #FFFFFF; transform: translateX(100%); } .card .text-item a:hover { border: #FFFFFF; color: #5b5b5b; } .card .text-item a:hover:before { transform: translateX(-50%); } .card .text-item a:hover:after { transform: translateX(50%); } .card .text-item:before { content: ''; position: absolute; right: 0; transform: translateX(130%) translateY(-63%); top: 0; background-image: url("../img/id-card.jpg"); background-repeat: no-repeat; width: 400px; height: 875px; } .news .item { height: 490px; } .news .text-header { position: relative; margin: 0 auto; text-align: center; width: 675px; margin-top: 100px; } .news .text-header .subtitle { font-size: 12px; color: #b3b3b3; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .news .text-header .title { font-weight: bold; font-size: 36px; color: #424242; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 70px; } .news .text-header .title:before { position: absolute; content: ''; bottom: -44px; right: 50%; transform: translateX(50%); background-image: url("../img/barq-red.jpg"); background-repeat: no-repeat; width: 64px; height: 20px; } .news .text-header .text { font-size: 16px; color: #747474; font-weight: 200; text-align: center; } .news .text-header a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 3.375rem; margin-right: 31px; background-color: transparent; border: 2px #5b5b5b solid; width: 230px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #5b5b5b; font-size: 14px; font-weight: 500; } .news .text-header a:hover { border: none; color: #FFFFFF; } .news .slider-item { position: relative; margin-top: 46px; } .news .slider-item .base { background-color: white; width: 370px; position: relative; transition: all 0.5s ease-in-out; } .news .slider-item .base .img { position: relative; width: 370px; height: 272px; } .news .slider-item .base .img .circles { top: 0; right: 50%; opacity: 0; z-index: -1; transform: translateX(50%); display: flex; transition: all 0.5s ease-in-out; } .news .slider-item .base .img .circles .circle { justify-content: center; align-items: center; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #FFFFFF; transition: all 0.5s ease-in-out; } .news .slider-item .base .img .circles .circle i { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; color: #e54141; transition: all 0.3s ease-in-out; } .news .slider-item .base .img .circles .circle:hover i { transform: scale(1.4); } .news .slider-item .base .img img { width: 370px; height: 272px; object-fit: cover; object-position: top; } .news .slider-item .base .img:before { content: ''; position: absolute; width: 100%; height: 3px; background-color: #e54141; bottom: 0; right: 0; transition: all 0.5s ease-in-out; } .news .slider-item .base .text-item { margin-top: 42px; margin-left: 30px; } .news .slider-item .base .text-item .data { font-size: 10px; color: #939393; font-weight: normal; display: block; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .news .slider-item .base .text-item .title { font-size: 20px; color: #424242; font-weight: 600; transition: color 0.5s ease-in-out; } .news .slider-item .base .text-item .text { font-size: 14px; font-weight: 200; color: #424242; width: 490px; } .news .slider-item .base:hover { height: 440px; box-shadow: 0px 15px 55px 0px rgba(0, 0, 0, 0.06); } .news .slider-item .base:hover .img:before { height: 100%; background-color: rgba(229, 65, 65, 0.8); } .news .slider-item .base:hover .img .circles { opacity: 1; z-index: 99; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); } .news .slider-item .base:hover .img .circles .circle { margin-right: 15px; } .news .slider-item .base:hover .text-item .title { color: #e54141; } .news .slider-item .container-dots { z-index: 999; display: flex; justify-content: center; } .news .slider-item .container-dots .owl-dot { width: 0.8125rem; height: 0.8125rem; margin-left: 1.25rem; background-color: #eeeeee; border-radius: 50%; z-index: 999; } .news .slider-item .container-dots .active { width: 0.8125rem; height: 0.8125rem; background-color: #e54141; border: none; } .news .slider-item .container-dots:hover { cursor: pointer; } .clients { height: 354px; } .clients .container { position: relative; } .clients .container:before { position: absolute; content: ''; right: 0; top: 0; transform: translateX(100%); background-image: url("../img/madar.png"); background-repeat: no-repeat; width: 370px; height: 344px; } .clients .container:after { position: absolute; content: ''; left: 0; top: 0; transform: translateX(-100%) rotate(180deg); background-image: url("../img/madar.png"); width: 370px; height: 344px; } .clients .text-header { position: relative; margin: 0 auto; text-align: center; width: 675px; margin-top: 100px; } .clients .text-header .subtitle { font-size: 12px; color: #b3b3b3; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .clients .text-header .title { font-weight: bold; font-size: 36px; color: #424242; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 50px; } .clients .text-header .title:before { position: absolute; content: ''; bottom: -30px; right: 50%; transform: translateX(50%); background-image: url("../img/img-title.png"); background-repeat: no-repeat; width: 64px; height: 20px; } .clients .text-header .text { font-size: 16px; color: #747474; font-weight: 200; text-align: center; } .clients .text-header a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin-top: 3.375rem; margin-right: 31px; background-color: transparent; border: 2px #5b5b5b solid; width: 230px; height: 60px; border-radius: 50px; word-spacing: 1.5px; letter-spacing: 1.8px; align-items: center; color: #5b5b5b; font-size: 14px; font-weight: 500; } .clients .text-header a:hover { border: none; color: #FFFFFF; } .clients .logo-sponsers { position: relative; margin-top: 60px; } .clients .logo-sponsers img { margin: 0 auto !important; width: auto; opacity: 0.1 !important; transition: opacity 0.3s ease; } .clients .logo-sponsers img:hover { opacity: 1 !important; } .download { margin-top: 100px; } .download .item { width: 246px; height: 338px; margin: 0 auto; } .download .item .out-circle { border-radius: 50%; width: 201px; height: 202px; background-color: rgba(226, 98, 0, 0.039); position: relative; margin: 0 auto; } .download .item .out-circle:before { position: absolute; content: ''; width: 241px; border-radius: 50%; height: 242px; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); background-color: rgba(226, 98, 0, 0.039); } .download .item .out-circle:after { position: absolute; content: ''; width: 161px; height: 162px; border-radius: 50%; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); background-color: rgba(226, 98, 0, 0.039); } .download .item .out-circle .inner-circle { position: absolute; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); border-radius: 50%; border: 4px solid #e26200; width: 113px; height: 112px; display: flex; align-items: center; justify-content: center; text-align: center; } .download .item .out-circle .inner-circle i { color: #e26200; font-size: 32px; } .download .item .text-item { margin-top: 92px; } .download .item .text-item .title { font-size: 17.96px; font-weight: 500; color: #e26200; position: relative; display: flex; justify-content: center; } .download .item .text-item .title:before { position: absolute; content: ''; width: 11px; height: 4px; top: -24px; right: 50%; transform: translateX(50%); background-color: #e26200; } .download .item .text-item .download-now { font-size: 14px; font-weight: 300; color: #e26200; padding-top: 20px; display: block; width: 130px; margin: 0 auto; } .footer { font-family: Raleway; margin-top: 100px; height: 444px; background-color: #424242; position: relative; } .footer .about-ex { padding-top: 92px; } .footer .about-ex .text-footer .title { font-weight: bold; font-size: 25px; color: #8e8e8e; display: block; margin-bottom: 10px; } .footer .about-ex .text-footer .subtitle { font-weight: 300; font-size: 11px; color: #8e8e8e; letter-spacing: 3px; position: relative; display: block; margin-bottom: 42px; } .footer .about-ex .text-footer .subtitle:before { content: ''; position: absolute; width: 30px; height: 2px; background-color: #8e8e8e; bottom: -25px; } .footer .about-ex .text-footer .text { font-size: 14px; display: block; width: 340px; font-weight: 300; color: #8e8e8e; margin-bottom: 35px; } .footer .about-ex .text-footer .social-item .navs { width: auto !important; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #505050; background-color: transparent; display: flex; align-items: center; justify-content: center; margin-right: 0.3125rem; margin-left: 0.3125rem; transition: background-color 0.5s ease; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link i { font-size: 0.8125rem; color: #8e8e8e; display: flex; justify-content: center; transition: all 0.5s ease-in-out; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link:hover { background-color: #e26200; border: none; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link:hover i { color: #FFFFFF; transform: scale(1.2); } .footer .right { padding-top: 92px; } .footer .right .logo-footer { width: 140px; height: 140px; object-fit: contain; opacity: 0.4; } .footer .right .text-footer { margin-left: 42px; } .footer .right .text-footer .title { font-weight: bold; font-size: 25px; color: #8e8e8e; display: block; margin-bottom: 10px; } .footer .right .text-footer .subtitle { font-weight: 300; font-size: 11px; color: #8e8e8e; letter-spacing: 3px; position: relative; display: block; margin-bottom: 42px; } .footer .right .text-footer .subtitle:before { content: ''; position: absolute; width: 30px; height: 2px; background-color: #8e8e8e; bottom: -25px; } .footer .right .text-footer .text { font-size: 14px; display: block; width: 340px; font-weight: 300; color: #8e8e8e; margin-bottom: 14px; } .footer .right .text-footer .matn { display: block; font-size: 15px; margin-bottom: 14px; margin-left: 35px; font-weight: 500; color: #8e8e8e; position: relative; } .footer .right .text-footer .matn:before { content: "\6e"; font-family: elecshow; position: absolute; font-size: 14px; left: -35px; color: #8e8e8e; top: 50%; transform: translateY(-50%); } .footer .right .text-footer .matn.email:before { content: "\67"; } .footer .right .text-footer .matn.phone:before { content: "\66"; } .footer .right #scroll { width: 80px; height: 80px; background-color: #FFFFFF; position: relative; border-radius: 5px; margin-top: 90px; transform: translateX(100%); } .footer .right #scroll:before { content: "\61"; font-family: elecshow; position: absolute; font-size: 12px; right: 50%; color: #e26200; top: 50%; transform: translateX(50%) translateY(-50%); } .copy-right { width: 100%; height: 91px; background-color: #3c3c3c; display: flex; align-content: center; align-items: center; } .copy-right .text-left { color: #797979; font-size: 14px; font-weight: 300; } .copy-right .bold { font-weight: 300; color: #FFFFFF; font-size: 16px; } .copy-right .text-right { color: #797979; font-size: 14px; font-weight: 300; } .header-single { position: relative; width: 100%; height: 415px; } .header-single .menus-item { position: absolute; top: 0; width: 100%; } .header-single .menus-item .top-menu { background-color: #e54141; z-index: 9999; position: relative; height: 46px; padding-top: 12px; } .header-single .menus-item .top-menu .left .info { margin-right: 35px; } .header-single .menus-item .top-menu .left .info .title { font-weight: 600; font-size: 12px; color: #FFFFFF; padding-right: 23px; } .header-single .menus-item .top-menu .left .info .subtitle { font-size: 12px; font-weight: 300; color: #FFFFFF; position: relative; } .header-single .menus-item .top-menu .left .info .subtitle:after { content: ''; position: absolute; top: 50%; right: -20px; width: 5px; height: 5px; border-radius: 50%; transform: translateY(-50%); background-color: #FFFFFF; } .header-single .menus-item .top-menu .left .email .title { font-weight: 600; font-size: 12px; color: #FFFFFF; padding-right: 23px; } .header-single .menus-item .top-menu .left .email .subtitle { font-size: 12px; font-weight: 300; color: #FFFFFF; } .header-single .menus-item .top-menu .nav .nav-item .login { font-weight: 300; font-size: 12px; padding-left: 35px; color: #FFFFFF; position: relative; } .header-single .menus-item .top-menu .nav .nav-item .login:after { content: ''; position: absolute; top: 50%; right: -20px; width: 5px; height: 5px; border-radius: 50%; transform: translateY(-50%); background-color: #FFFFFF; } .header-single .menus-item .top-menu .nav .nav-item:last-child .nav-link:after { display: none; } .header-single .menus-item .logo-menu { z-index: 999; position: relative; width: 100%; height: 100px; padding-top: 16px; } .header-single .menus-item .logo-menu .logo-elecshow .logo { width: 110px; height: 48px; object-fit: contain; } .header-single .menus-item .logo-menu .logo-elecshow .text { margin-left: 20px; } .header-single .menus-item .logo-menu .logo-elecshow .text .logo-text { font-weight: 500; font-size: 13px; color: #FFFFFF; width: 245px; word-spacing: 2px; } .header-single .menus-item .logo-menu .logo-elecshow .text .data { font-weight: 500; font-size: 13px; color: #FFFFFF; word-spacing: 3px; } .header-single .menus-item .logo-menu .logo-iran { width: 68px; height: 68px; object-fit: contain; } .header-single .menus-item .main-menu { z-index: 999; position: relative; width: 100%; background-color: #FFFFFF; height: 68px; } .header-single .menus-item .main-menu .navbar { width: 100%; display: flex; padding: 0; align-items: center; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1 { position: relative; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1:after { content: "\73"; font-family: elecshow; position: absolute; top: 50% !important; transform: translateY(-50%); left: -10px; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .down-arrow1:hover:after { color: #e54141; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link { position: relative; font-weight: 500; font-size: 0.8125rem; color: #454444; padding-top: 26px; padding-bottom: 22px; padding-right: 1.09375rem; padding-left: 1.09375rem; transition: all 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link:before { content: ''; position: absolute; bottom: -1px; right: 34%; width: 43px; height: 0; background-color: #e54141; transition: all 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link { padding-left: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link { padding-right: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item:hover .nav-link { color: #e54141; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item:hover .nav-link:before { height: 3px; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu { border: none; border-radius: 0; position: absolute; background-color: white; top: calc(100% + -5px); left: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item { display: block; font-weight: normal; text-align: left; font-size: 1rem; color: #575757; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 1.25rem; padding-right: 0 !important; position: relative; transition: padding-left 0.5s; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:before { height: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.0625rem; background-color: #FFFFFF; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { background: transparent; color: #e54141; font-weight: 500; padding-left: 2.1875rem; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-item:after { display: none; } .header-single .menus-item .main-menu .navbar .down-arrow1 { position: relative; } .header-single .menus-item .main-menu .navbar .down-arrow1:after { content: "\73"; font-family: elecshow; position: absolute; top: 53%; transform: translateY(-50%); right: 0; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .down-arrow1:hover:after { color: #e54141; } .header-single .menus-item .main-menu .navbar .down-arrow { position: relative; } .header-single .menus-item .main-menu .navbar .down-arrow:after { content: "\73"; font-family: elecshow; position: absolute; top: 53%; transform: translateY(-50%); left: -10px; font-size: 0.625rem; color: #454444; transition: color 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .down-arrow:hover:after { color: #e54141; } .header-single .menus-item .main-menu .navbar .dropdown .dropdown-toggle::after { display: none; } .header-single .menus-item .main-menu .navbar .dropdown .btn { border: 0; font-size: 1rem; color: #454444; position: relative; padding-right: 2.125rem; transition: color 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .dropdown .btn:after { display: none; } .header-single .menus-item .main-menu .navbar .dropdown .btn:before { content: "\72"; font-family: elecshow; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 1.375rem; color: #454444; transition: color 0.5s ease-in-out; } .header-single .menus-item .main-menu .navbar .dropdown .btn:hover { color: #e54141; } .header-single .menus-item .main-menu .navbar .dropdown .btn:hover:before { color: #e54141; } .header-single .menus-item .main-menu .navbar .dropdown .dropdown-menu { border-radius: 0; border: none; position: absolute; top: calc(100% + 0px); left: -15px; } .header-single .menus-item .main-menu .navbar .dropdown .dropdown-menu .dropdown-item { display: block; font-weight: 400; font-size: 1rem; color: #575757; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 1.875rem; transition: padding-left 0.5s; } .header-single .menus-item .main-menu .navbar .dropdown .dropdown-menu .dropdown-item:hover { background: transparent; color: #e54141; font-weight: 500; padding-left: 2.1875rem; } .header-single .menus-item .main-menu .navbar .dropdown .dropdown-menu #dropdown-en { position: relative; } .header-single .bg-item { position: relative; width: 100%; height: 415px; object-fit: cover; object-position: top; } .header-single .bg-item:before { position: absolute; content: ''; top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); } .header-single .bg-item .text-inner { width: 100%; padding-top: 300px; } .header-single .bg-item .text-inner .text { font-weight: 800; font-size: 36px; color: #FFFFFF; word-spacing: 2px; } .header-single .bg-item .text-inner .address { font-weight: 300; font-size: 16px; color: rgba(255, 255, 255, 0.6); } .content-single { height: auto; padding-top: 100px; padding-bottom: 100px; } .content-single .text-item { position: relative; width: 100%; } .content-single .text-item .subtitle { display: flex; justify-content: center; font-size: 12px; color: #b3b3b3; font-weight: 500; word-spacing: 5px; letter-spacing: 3px; margin-bottom: 20px; } .content-single .text-item .title { text-align: center; justify-content: center; font-weight: bold; font-size: 36px; color: #424242; word-spacing: 2px; letter-spacing: 3px; position: relative; margin-bottom: 70px; } .content-single .text-item .title:before { text-align: center; position: absolute; content: ''; bottom: -44px; right: 50%; transform: translateX(50%); background-image: url("../img/img-title.png"); background-repeat: no-repeat; width: 64px; height: 20px; } .content-single .text-item .text { font-size: 16px; width: 970px; color: #747474; font-weight: 200; text-align: center; margin: 0 auto; } .footer-single { font-family: Raleway; height: 444px; background-color: #424242; position: relative; } .footer-single .about-ex { padding-top: 92px; } .footer-single .about-ex .text-footer .title { font-weight: bold; font-size: 25px; color: #8e8e8e; display: block; margin-bottom: 10px; } .footer-single .about-ex .text-footer .subtitle { font-weight: 300; font-size: 11px; color: #8e8e8e; letter-spacing: 3px; position: relative; display: block; margin-bottom: 42px; } .footer-single .about-ex .text-footer .subtitle:before { content: ''; position: absolute; width: 30px; height: 2px; background-color: #8e8e8e; bottom: -25px; } .footer-single .about-ex .text-footer .text { font-size: 14px; display: block; width: 340px; font-weight: 300; color: #8e8e8e; margin-bottom: 35px; } .footer-single .about-ex .text-footer .social-item .navs { width: auto !important; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #505050; background-color: transparent; display: flex; align-items: center; justify-content: center; margin-right: 0.3125rem; margin-left: 0.3125rem; transition: background-color 0.5s ease; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link i { font-size: 0.8125rem; color: #8e8e8e; display: flex; justify-content: center; transition: all 0.5s ease-in-out; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link:hover { background-color: #e26200; border: none; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link:hover i { color: #FFFFFF; transform: scale(1.2); } .footer-single .right { padding-top: 92px; } .footer-single .right .logo-footer { width: 140px; height: 140px; object-fit: contain; opacity: 0.4; } .footer-single .right .text-footer { margin-left: 42px; } .footer-single .right .text-footer .title { font-weight: bold; font-size: 25px; color: #8e8e8e; display: block; margin-bottom: 10px; } .footer-single .right .text-footer .subtitle { font-weight: 300; font-size: 11px; color: #8e8e8e; letter-spacing: 3px; position: relative; display: block; margin-bottom: 42px; } .footer-single .right .text-footer .subtitle:before { content: ''; position: absolute; width: 30px; height: 2px; background-color: #8e8e8e; bottom: -25px; } .footer-single .right .text-footer .text { font-size: 14px; display: block; width: 340px; font-weight: 300; color: #8e8e8e; margin-bottom: 14px; } .footer-single .right .text-footer .matn { display: block; font-size: 15px; margin-bottom: 14px; margin-left: 35px; font-weight: 500; color: #8e8e8e; position: relative; } .footer-single .right .text-footer .matn:before { content: "\6e"; font-family: elecshow; position: absolute; font-size: 14px; left: -35px; color: #8e8e8e; top: 50%; transform: translateY(-50%); } .footer-single .right .text-footer .matn.email:before { content: "\67"; } .footer-single .right .text-footer .matn.phone:before { content: "\66"; } .footer-single .right #scroll { width: 80px; height: 80px; background-color: #FFFFFF; position: relative; border-radius: 5px; margin-top: 90px; transform: translateX(100%); } .footer-single .right #scroll:before { content: "\61"; font-family: elecshow; position: absolute; font-size: 12px; right: 50%; color: #e26200; top: 50%; transform: translateX(50%) translateY(-50%); } .hover { border-radius: 50px; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; } .hover:before { right: 0; transition: all 0.5s ease-in-out; width: 100%; content: ''; position: absolute; height: 100%; z-index: -1; transform: translateX(-100%); } .hover:after { left: 0; transition: all 0.5s ease-in-out; width: 100%; content: ''; position: absolute; height: 100%; z-index: -1; transform: translateX(100%); } .hover:hover:before { transform: translateX(-50%); } .hover:hover:after { transform: translateX(50%); } @media screen and (max-width: 1024px) { body { overflow-x: hidden; } .container { width: 100% !important; padding-right: 0.9375rem !important; padding-left: 0.9375rem !important; } .header { width: 100%; height: auto !important; margin-bottom: 10px; } .header .menus-item { top: 0; width: 100%; } .header .menus-item .top-menu { height: auto; padding-top: 12px; padding-bottom: 12px; } .header .menus-item .top-menu .left { display: flex; justify-content: center; } .header .menus-item .top-menu .left .info { margin-right: 15px; } .header .menus-item .top-menu .left .info .title { font-size: 13px; padding-right: 24px; } .header .menus-item .top-menu .left .info .subtitle { font-size: 13px; } .header .menus-item .top-menu .left .info .subtitle:after { display: none; } .header .menus-item .top-menu .left .email .title { font-size: 13px; padding-right: 23px; } .header .menus-item .top-menu .left .email .subtitle { font-size: 13px; } .header .menus-item .top-menu .nav { margin: 0 auto; } .header .menus-item .top-menu .nav .nav-item .login { font-weight: 300; font-size: 13px; padding-left: 15px; } .header .menus-item .top-menu .nav .nav-item .login:after { right: -20%; } .header .menus-item .logo-menu { width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; } .header .menus-item .logo-menu .logo-elecshow { width: 100%; } .header .menus-item .logo-menu .logo-elecshow .logo { width: 120px; height: 58px; } .header .menus-item .logo-menu .logo-elecshow .text { margin-left: 10px; } .header .menus-item .logo-menu .logo-elecshow .text .logo-text { font-weight: 400; font-size: 12px; width: 100%; } .header .menus-item .logo-menu .logo-elecshow .text .data { font-weight: 300; font-size: 12px; width: 100%; word-spacing: 2px; } .header .menus-item .logo-menu .logo-iran { padding-top: 10px; } .header .menus-item .main-menu { z-index: 999; width: 100%; height: auto; padding-top: 12px; padding-bottom: 12px; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link { font-size: 0.875rem; padding-top: 14px; padding-bottom: 14px; padding-right: 0; padding-left: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link:before { display: none; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu { position: relative; z-index: 999; top: 0; } .header .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-item:after { display: none; } .header .menus-item .main-menu .navbar .down-arrow { position: relative; } .header .menus-item .main-menu .navbar .down-arrow:after { display: none; } .header .slider-item .head img { height: 900px; object-fit: cover; object-position: right bottom; } .header .slider-item .text-slider { text-align: center !important; top: 480px; width: 100%; } .header .slider-item .text-slider .top-title { z-index: 9999; font-size: 28px; padding-bottom: 10px; } .header .slider-item .text-slider .title { font-size: 30px; font-weight: 600; width: 100%; padding-bottom: 10px; } .header .slider-item .text-slider .text { font-size: 16px; font-weight: 200; word-spacing: 3px; width: 100%; } .header .slider-item .text-slider .text:before { display: none; } .header .slider-item .text-slider a { text-align: center; display: flex; z-index: 99099; position: relative; justify-content: center; margin: 0 auto; margin-top: 0.625rem; border: 1px #ffffff solid; width: 170px; height: 40px; font-size: 12px; font-weight: 400; } .header .slider-item .text-slider a:hover { border: none; } .header .slider-item .container .container-dots { display: none; } .boxes { display: flex; justify-content: center; margin: 0 auto; } .boxes a { margin: 0 auto; } .about { height: auto; } .about .text-item { text-align: center !important; width: 100%; margin-top: 15px; } .about .text-item .subtitle { word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .about .text-item .title { font-weight: bold; font-size: 20px; margin-bottom: 10px; } .about .text-item .title:before { display: none; } .about .text-item .text { text-align: justify; font-size: 14px; } .about .text-item a { margin: 0 auto; margin-top: 0.875rem; border: 1px #5b5b5b solid; width: 130px; height: 40px; word-spacing: 1px; letter-spacing: 1px; } .about .text-item a:hover { border: none; color: #FFFFFF; } .about .text-item:before { display: none; } .notification { background-color: #fbfbfb; width: 100%; height: auto; padding-bottom: 10px; } .notification .text-header { text-align: center !important; width: 100%; padding-top: 10px !important; margin-top: 10px; } .notification .text-header .subtitle { display: flex; justify-content: center; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .notification .text-header .title { text-align: center !important; font-weight: bold; font-size: 20px; margin-bottom: 10px; } .notification .text-header .title:before { display: none; } .notification .text-header .text { text-align: center !important; font-size: 16px; } .notification .text-header:before { display: none; } .notification .slider-item { position: relative; margin-top: 26px; } .notification .slider-item .base { width: 100%; margin: 0 auto; height: auto; padding-bottom: 10px; } .notification .slider-item .base img { width: 100%; object-fit: cover; height: 270px; } .notification .slider-item .base .text-item { text-align: center !important; margin-top: 42px; margin-left: 0; } .notification .slider-item .base .text-item .data { font-size: 10px; width: 100%; margin-bottom: 10px; } .notification .slider-item .base .text-item .title { font-size: 15px; width: 100%; } .notification .slider-item .base .text-item .text { font-size: 13px; width: 100%; } .notification .slider-item .nav { display: none; } .card { display: none; } .news .item { height: auto; padding-top: 20px; padding-bottom: 20px; } .news .text-header { text-align: center !important; width: 100%; padding-top: 10px !important; margin-top: 10px; } .news .text-header .subtitle { display: flex; justify-content: center; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .news .text-header .title { text-align: center !important; font-weight: bold; font-size: 20px; margin-bottom: 10px; } .news .text-header .title:before { display: none; } .news .text-header .text { text-align: center !important; font-size: 16px; } .news .text-header:before { display: none; } .news .slider-item { margin-top: 16px; } .news .slider-item .base { width: 100%; } .news .slider-item .base .img { width: 100%; height: 272px; } .news .slider-item .base .img img { width: 100%; height: 272px; } .news .slider-item .base .img:before { content: ''; position: absolute; width: 100%; height: 3px; background-color: #e26200; bottom: 0; right: 0; transition: all 0.5s ease-in-out; } .news .slider-item .base .text-item { text-align: center !important; margin-top: 12px; margin-left: 0; } .news .slider-item .base .text-item .data { font-size: 10px; margin-bottom: 10px; } .news .slider-item .base .text-item .title { font-size: 18px; } .news .slider-item .base .text-item .text { font-size: 14px; width: 100%; } .news .slider-item .base:hover { height: auto; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .news .slider-item .base:hover .img:before { height: 100%; } .news .slider-item .base:hover .img .circles { opacity: 1; z-index: 99; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); } .news .slider-item .base:hover .img .circles .circle { margin-right: 15px; } .news .slider-item .container-dots { display: none; } .clients .container:before, .clients .container:after { display: none; } .clients .text-header { text-align: center !important; width: 100%; padding-top: 10px !important; margin-top: 10px; } .clients .text-header .subtitle { display: flex; justify-content: center; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 10px; } .clients .text-header .title { text-align: center !important; font-weight: bold; font-size: 20px; margin-bottom: 10px; } .clients .text-header .title:before { display: none; } .clients .text-header .text { text-align: center !important; font-size: 16px; } .clients .text-header:before { display: none; } .download { margin-top: 60px; } .download .item { width: 100%; padding-top: 30px; } .download .item .out-circle { width: 101px; height: 102px; } .download .item .out-circle:before { display: none; } .download .item .out-circle:after { display: none; } .download .item .out-circle .inner-circle { width: 80px; height: 80px; } .download .item .out-circle .inner-circle i { font-size: 22px; } .download .item .text-item { margin-top: 52px; margin-left: 0; } .download .item .text-item .title { width: 100%; font-size: 12px; } .download .item .text-item .download-now { font-size: 10px; padding-top: 14px; width: 100%; text-align: center; } .footer { margin-top: 10px; height: auto; } .footer .container { justify-content: center !important; } .footer .about-ex { padding-top: 12px; } .footer .about-ex .text-footer { display: flex; justify-content: center; text-align: center; margin: 0 auto; } .footer .about-ex .text-footer .title { display: none; } .footer .about-ex .text-footer .subtitle { display: none; } .footer .about-ex .text-footer .subtitle:before { display: none; } .footer .about-ex .text-footer .text { display: none; } .footer .about-ex .text-footer .social-item .navs { width: 100%; display: flex; justify-content: center !important; } .footer .about-ex .text-footer .social-item .navs .nav-item { display: flex; justify-content: center !important; padding-top: 10px; padding-bottom: 10px; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link { width: 1.875rem; height: 1.875rem; display: flex; align-items: center !important; justify-content: center !important; margin-right: 0.15625rem; margin-left: 0.15625rem; } .footer .about-ex .text-footer .social-item .navs .nav-item .nav-link i { font-size: 0.8125rem; display: flex; justify-content: center; } .footer .right { display: none; } .copy-right { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; height: auto; } .copy-right .container { display: flex; justify-content: center !important; } .copy-right .text-left { text-align: center; font-size: 10px; } .copy-right .bold { font-size: 10px; } .copy-right .text-right { text-align: center; font-size: 10px; } .header-single { width: 100%; height: auto !important; margin-bottom: 10px; } .header-single .menus-item { top: 0; width: 100%; } .header-single .menus-item .top-menu { height: auto; padding-top: 12px; padding-bottom: 12px; } .header-single .menus-item .top-menu .left { display: flex; justify-content: center; } .header-single .menus-item .top-menu .left .info { margin-right: 15px; } .header-single .menus-item .top-menu .left .info .title { font-size: 13px; padding-right: 24px; } .header-single .menus-item .top-menu .left .info .subtitle { font-size: 13px; } .header-single .menus-item .top-menu .left .info .subtitle:after { display: none; } .header-single .menus-item .top-menu .left .email .title { font-size: 13px; padding-right: 23px; } .header-single .menus-item .top-menu .left .email .subtitle { font-size: 13px; } .header-single .menus-item .top-menu .nav { margin: 0 auto; } .header-single .menus-item .top-menu .nav .nav-item .login { font-weight: 300; font-size: 13px; padding-left: 15px; } .header-single .menus-item .top-menu .nav .nav-item .login:after { right: -20%; } .header-single .menus-item .logo-menu { width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; } .header-single .menus-item .logo-menu .logo-elecshow { width: 100%; } .header-single .menus-item .logo-menu .logo-elecshow .logo { width: 120px; height: 58px; } .header-single .menus-item .logo-menu .logo-elecshow .text { margin-left: 10px; } .header-single .menus-item .logo-menu .logo-elecshow .text .logo-text { font-weight: 400; font-size: 12px; width: 100%; } .header-single .menus-item .logo-menu .logo-elecshow .text .data { font-weight: 300; font-size: 12px; width: 100%; word-spacing: 2px; } .header-single .menus-item .logo-menu .logo-iran { padding-top: 10px; } .header-single .menus-item .main-menu { z-index: 999; width: 100%; height: auto; padding-top: 12px; padding-bottom: 12px; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link { font-size: 0.875rem; padding-top: 14px; padding-bottom: 14px; padding-right: 0; padding-left: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .nav-link:before { display: none; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu { position: relative; z-index: 999; top: 0; } .header-single .menus-item .main-menu .navbar .navbar-nav .nav-item .dropdown-menu:last-child .dropdown-item:after { display: none; } .header-single .menus-item .main-menu .navbar .down-arrow { position: relative; } .header-single .menus-item .main-menu .navbar .down-arrow:after { display: none; } .header-single .bg-item { height: auto; padding-top: 10px; padding-bottom: 10px; } .header-single .bg-item .text-inner { width: 100%; padding-top: 410px; } .header-single .bg-item .text-inner .text { font-weight: bold; font-size: 21px; padding-bottom: 20px; } .header-single .bg-item .text-inner .address { font-size: 14px; } .content-single { height: auto; padding-top: 10px; padding-bottom: 10px; } .content-single .text-item { position: relative; width: 100%; } .content-single .text-item .subtitle { margin-bottom: 10px; } .content-single .text-item .title { font-size: 20px; margin-bottom: 10px; } .content-single .text-item .title:before { display: none; } .content-single .text-item .text { font-size: 14px; width: 100%; } .footer-single { font-family: Raleway; margin-top: 10px; height: auto; } .footer-single .container { justify-content: center !important; } .footer-single .about-ex { padding-top: 12px; } .footer-single .about-ex .text-footer { display: flex; justify-content: center; text-align: center; margin: 0 auto; } .footer-single .about-ex .text-footer .title { display: none; } .footer-single .about-ex .text-footer .subtitle { display: none; } .footer-single .about-ex .text-footer .subtitle:before { display: none; } .footer-single .about-ex .text-footer .text { display: none; } .footer-single .about-ex .text-footer .social-item .navs { width: 100%; display: flex; justify-content: center !important; } .footer-single .about-ex .text-footer .social-item .navs .nav-item { display: flex; justify-content: center !important; padding-top: 10px; padding-bottom: 10px; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link { width: 1.875rem; height: 1.875rem; display: flex; align-items: center !important; justify-content: center !important; margin-right: 0.15625rem; margin-left: 0.15625rem; } .footer-single .about-ex .text-footer .social-item .navs .nav-item .nav-link i { font-size: 0.8125rem; display: flex; justify-content: center; } .footer-single .right { display: none; } } /*# sourceMappingURL=style.css.map */ .Mycontact-us { width: 100%; height: 22.875rem; background-color: #f2f2f2; padding: 1.25rem; border-radius: 0.1875rem; } .Mycontact-us .contact-info { border-radius: 0.1875rem; background-color: white; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.09); width: 100%; height: 100%; padding-top: 4.375rem; padding-bottom: 4.375rem; padding-left: 5.6875rem; padding-right: 6.4375rem; } .Mycontact-us .contact-info .flex-column-small { width: 17.375rem; } .Mycontact-us .contact-info .flex-column-standard { width: 20.5625rem; } .Mycontact-us .contact-info .item-contact { position: relative; } .Mycontact-us .contact-info .item-contact:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 0.0625rem; height: 6.25rem; background-color: #e8e8e8; } .Mycontact-us .contact-info .item-contact:last-of-type:after { display: none; } .Mycontact-us .contact-info .item-contact > .item-icon { width: 5.1875rem; height: 5.1875rem; border-radius: 50%; background-color: #fbfcfc; } .Mycontact-us .contact-info .item-contact > .item-icon img { width: 2.1875rem; height: 2.1875rem; } .Mycontact-us .contact-info .item-contact > .item-icon.maps img { width: 2.6875rem; height: 2.6875rem; } .Mycontact-us .contact-info .item-contact .title { font-size: 1rem; text-transform: uppercase; color: #444444; margin-top: 1.625rem; margin-bottom: 1.25rem; } .Mycontact-us .contact-info .item-contact .detail { font-weight: 500; font-size: 0.9375rem; color: #666666; word-spacing: 0.125rem; line-height: 1.75rem; } .contact-wrap { padding-right: 2.40625rem; } .contact-wrap h3 { font-size: 1.5rem; font-weight: 400; color: #444444; margin-bottom: 2.4375rem; } .contact-wrap p { font-family: "Lato", serif; font-size: 0.9375rem; word-spacing: 0.125rem; line-height: 1.625rem; color: rgba(85, 85, 85, 0.6); margin-bottom: 2.4375rem; } .contact-form-submit { padding-left: 2.40625rem; }