@font-face { font-family: 'Twilio Sans Display'; src: local("TwilioSansDisplay-Heavy"), local("TwilioSansDisplay-Heavy"), url("../fonts/TwilioSansDisplay-Heavy.woff2") format("woff2"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Twilio Sans Display'; src: local("TwilioSansDisplay-HeavyItl"), local("TwilioSansDisplay-HeavyItl"), url("../fonts/TwilioSansDisplay-HeavyItl.woff2") format("woff2"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Twilio Sans Display'; src: local("TwilioSansDisplay-Regular"), local("TwilioSansDisplay-Regular"), url("../fonts/TwilioSansDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Twilio Sans Display'; src: local("TwilioSansDisplay-RegularItl"), local("TwilioSansDisplay-RegularItl"), url("../fonts/TwilioSansDisplay-RegularItl.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-Bold"), local("TwilioSansMono-Bold"), url("../fonts/TwilioSansMono-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-BoldItl"), local("TwilioSansMono-BoldItl"), url("../fonts/TwilioSansMono-BoldItl.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-Regular"), local("TwilioSansMono-Regular"), url("../fonts/TwilioSansMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-RegularItl"), local("TwilioSansMono-RegularItl"), url("../fonts/TwilioSansMono-RegularItl.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-Semibold"), local("TwilioSansMono-Semibold"), url("../fonts/TwilioSansMono-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Twilio Sans Mono'; src: local("TwilioSansMono-SemiboldItl"), local("TwilioSansMono-SemiboldItl"), url("../fonts/TwilioSansMono-SemiboldItl.woff2") format("woff2"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-Bold"), local("TwilioSansText-Bold"), url("../fonts/TwilioSansText-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-BoldItl"), local("TwilioSansText-BoldItl"), url("../fonts/TwilioSansText-BoldItl.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-Regular"), local("TwilioSansText-Regular"), url("../fonts/TwilioSansText-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-RegularItl"), local("TwilioSansText-RegularItl"), url("../fonts/TwilioSansText-RegularItl.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-Regular"), local("TwilioSansText-Regular"), url("../fonts/TwilioSansText-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Twilio Sans Text'; src: local("TwilioSansText-RegularItl"), local("TwilioSansText-RegularItl"), url("../fonts/TwilioSansText-MediumItl.woff2") format("woff2"); font-weight: 500; font-style: italic; } /* font-weights: */ 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } 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: 0s; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { html:not(.no-js) { /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ /** * 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 */ /** * Slide animations */ /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ } html:not(.no-js) [data-aos^='fade'][data-aos^='fade'] { opacity: 0; transition-property: opacity, transform; } html:not(.no-js) [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; transform: none; } html:not(.no-js) [data-aos='fade-up'] { transform: translate3d(0, 6px, 0); } html:not(.no-js) [data-aos='fade-down'] { transform: translate3d(0, -6px, 0); } html:not(.no-js) [data-aos='fade-right'] { transform: translate3d(-6px, 0, 0); } html:not(.no-js) [data-aos='fade-left'] { transform: translate3d(6px, 0, 0); } html:not(.no-js) [data-aos='fade-up-right'] { transform: translate3d(-6px, 6px, 0); } html:not(.no-js) [data-aos='fade-up-left'] { transform: translate3d(6px, 6px, 0); } html:not(.no-js) [data-aos='fade-down-right'] { transform: translate3d(-6px, -6px, 0); } html:not(.no-js) [data-aos='fade-down-left'] { transform: translate3d(6px, -6px, 0); } html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; transition-property: opacity, transform; } html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } html:not(.no-js) [data-aos='zoom-in'] { transform: scale(0.6); } html:not(.no-js) [data-aos='zoom-in-up'] { transform: translate3d(0, 6px, 0) scale(0.6); } html:not(.no-js) [data-aos='zoom-in-down'] { transform: translate3d(0, -6px, 0) scale(0.6); } html:not(.no-js) [data-aos='zoom-in-right'] { transform: translate3d(-6px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos='zoom-in-left'] { transform: translate3d(6px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos='zoom-out'] { transform: scale(1.2); } html:not(.no-js) [data-aos='zoom-out-up'] { transform: translate3d(0, 6px, 0) scale(1.2); } html:not(.no-js) [data-aos='zoom-out-down'] { transform: translate3d(0, -6px, 0) scale(1.2); } html:not(.no-js) [data-aos='zoom-out-right'] { transform: translate3d(-6px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos='zoom-out-left'] { transform: translate3d(6px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; visibility: hidden; } html:not(.no-js) [data-aos^='slide'][data-aos^='slide'].aos-animate { visibility: visible; transform: translate3d(0, 0, 0); } html:not(.no-js) [data-aos='slide-up'] { transform: translate3d(0, 8px, 0); } html:not(.no-js) [data-aos='slide-down'] { transform: translate3d(0, -6px, 0); } html:not(.no-js) [data-aos='slide-right'] { transform: translate3d(-6px, 0, 0); } html:not(.no-js) [data-aos='slide-left'] { transform: translate3d(6px, 0, 0); } html:not(.no-js) [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; transition-property: transform; } html:not(.no-js) [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } } * { box-sizing: border-box; } body { margin: 0; padding: 0; color: #121C2D; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAeCAYAAADHJYVoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGKSURBVHgBvVaLjYJAFHxYAXaAFUgJawXSwdGBdAAdHB1IB1DBcR3QAXQAHdy7NwqJx624y8dJJtHEzLBveLMSMyuhSxtgJ4RwJQYerQ08Nd/RbGXQZFm2jYEI5ufzmcMwhEEn9GktiFgaRRHjo+/73LYtDD5oDYhQWBTFTRz0PI+bBhPiiJYCc4bYID4yiGkpMGvXdbcxEIFKKfVHHIRhVWEN+JPm4jFUnUGe5zDIZ20zwrter1rxgWmawsB+m/Fu4/hT4mCSJPbLhuN2XfdSfIlBgzfExAD59AZm2yw/zFABJuJgEATDNisT8QihmYpTXxd1XeMUKKZJ8eCxBkyJUfYGyVMDBGQa6lyDzjRUncFQFzDYafS/j8cj2WK/39PlciEx6OSrQ/fr89+TP60BHUWU4zhmGecP+meyHpD6qxoAHce53VwyBoh+GS2UrtvHoqfTicuyHEQV2UDX7eDhcIAoAqtnX4NoPiwHjeYqaPtXbf6fKNQAQrUKy0I8wvGtwrIQV7PCeid+AWZJQE2lytCOAAAAAElFTkSuQmCC), auto; } body.bg-blue { background-color: #06033A; } [lang="ja"] .pageWrapper .nav .nav-cta__button--hamburger span.text { width: 50px; } .pageWrapper { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #FEF5EE; } .pageWrapper p { font-size: 1.125rem; line-height: 1.75em; font-weight: 400; font-family: "Twilio Sans Text", sans-serif; } .pageWrapper .pLarge, .pageWrapper .pLarge p, .pageWrapper .chart-caption, .pageWrapper .chart-caption p { font-size: 1.5rem; line-height: 1.75em; font-weight: 400; font-family: "Twilio Sans Text", sans-serif; } .pageWrapper .pSmall, .pageWrapper .pSmall p { font-size: 1rem; line-height: 1.750em; font-weight: 400; } .pageWrapper .orderedList { padding-left: 34px; margin-top: 54px; } .pageWrapper .orderedList li + li { padding-top: 28px; } .pageWrapper .orderedList li::marker, .pageWrapper .orderedList .oLHeader { font-family: "Twilio Sans Text", sans-serif; font-size: 2rem; line-height: 1.4em; } .pageWrapper .orderedList p { padding-left: 21px; } .pageWrapper .orderedList .oLHeader span { border-bottom: 2px solid red; display: inline-block; } .pageWrapper .orderedList .oLHeader + p { margin-top: 4px; } .pageWrapper .chart-caption { line-height: 1.5em; } .pageWrapper .close { font-size: .75rem; line-height: 1.1em; font-family: "Twilio Sans Mono", sans-serif; background: transparent; border: none; position: relative; padding-left: 22px; } .pageWrapper .close:before { content: ""; display: block; width: 14px; height: 14px; position: absolute; top: calc(50% - 1px); left: 0; transform: translate(0, -50%); background: url(../images/close.svg) no-repeat center center; background-size: contain; } .pageWrapper h1, .pageWrapper h2, .pageWrapper h3, .pageWrapper h4, .pageWrapper h5, .pageWrapper h6, .pageWrapper .h1, .pageWrapper .h2, .pageWrapper .h3, .pageWrapper .h4, .pageWrapper .h5, .pageWrapper .h6 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pageWrapper h1, .pageWrapper .h1 { font-size: 7.500rem; line-height: 1.083em; font-weight: 900; font-family: "Twilio Sans Display", sans-serif; } .pageWrapper h2, .pageWrapper .h2 { font-size: 3.75rem; line-height: 1.167em; font-weight: 900; font-family: "Twilio Sans Display", sans-serif; margin-bottom: 24px; } .pageWrapper h2 span:not(.circle), .pageWrapper .h2 span:not(.circle) { font-weight: normal; } .pageWrapper h3, .pageWrapper .h3 { font-size: 2.250rem; line-height: 1.09em; font-weight: 500; font-family: "Twilio Sans Text", sans-serif; } .pageWrapper h4, .pageWrapper .h4 { font-size: 1.25rem; line-height: 1.2em; letter-spacing: .1em; font-family: "Twilio Sans Mono", sans-serif; } .pageWrapper h5, .pageWrapper .h5 { font-size: .875rem; line-height: 1.750em; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; font-family: "Twilio Sans Mono", sans-serif; } .pageWrapper h6, .pageWrapper .h6 { font-size: .75rem; line-height: 1.217em; letter-spacing: .1em; text-transform: uppercase; font-weight: 400; font-family: "Twilio Sans Mono", sans-serif; } .pageWrapper h6.citation, .pageWrapper .h6.citation { letter-spacing: .15em; line-height: 1.5em; } .pageWrapper .pSmall, .pageWrapper .pSmall p { font-size: .875rem; line-height: 1.750em; } .pageWrapper .pSmall + p, .pageWrapper .pSmall p + p { margin-top: 14px; } .pageWrapper .fontWeight-normal { font-weight: 400 !important; } .pageWrapper .eyebrow { font-family: "Twilio Sans Mono", sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0.15em; text-transform: uppercase; } .pageWrapper .eyebrow.red, .pageWrapper .eyebrow.red span { color: #F22F46; } .pageWrapper .pullquotelarge { font-size: 3.75rem; line-height: 1.067em; font-weight: 400; font-family: "Twilio Sans Display", sans-serif; } @keyframes lineAnimate { to { stroke-dashoffset: 0; } } .pageWrapper span.circle, .pageWrapper span.underline { display: inline-block; position: relative; top: 0; left: 0; transition: none !important; } .pageWrapper span.circle svg, .pageWrapper span.underline svg { position: absolute; pointer-events: none; } .pageWrapper span.circle.circle svg, .pageWrapper span.underline.circle svg { top: -.27em; left: -.27em; width: calc(100% + .54em); height: calc(100% + .5em); } .pageWrapper span.circle.circle svg path, .pageWrapper span.underline.circle svg path { stroke-dasharray: 500; stroke-dashoffset: 500; } .pageWrapper span.circle.circle.aos-animate svg path, .pageWrapper span.underline.circle.aos-animate svg path { animation: lineAnimate 4.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .pageWrapper span.circle.underline svg, .pageWrapper span.underline.underline svg { top: .5em; left: -.3em; width: calc(100% + .4em); height: 100%; } .pageWrapper span.circle.underline svg path, .pageWrapper span.underline.underline svg path { stroke-dasharray: 700; stroke-dashoffset: 700; } .pageWrapper span.circle.underline.aos-animate svg path, .pageWrapper span.underline.underline.aos-animate svg path { animation: lineAnimate 4.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .pageWrapper .largestat h3 { font-size: 5rem; line-height: 1.05em; } .pageWrapper .btn { text-decoration: none; cursor: pointer; } .pageWrapper .btn-outline { font-size: 1.125rem; line-height: 1.216em; text-transform: uppercase; letter-spacing: .1em; font-family: "Twilio Sans Mono", sans-serif; text-align: center; padding: 12px 23px; display: inline-block; border: none; background-color: transparent; } .pageWrapper .btn-dark { padding: 12px 22px; background: #121C2D; border: none; font-family: "Twilio Sans Mono", sans-serif; font-weight: 400; font-size: 1.25rem; line-height: 1.2em; letter-spacing: 0.1em; text-transform: uppercase; color: white; } .pageWrapper .btn-dark.extraPadding { padding-left: 40px; padding-right: 40px; } .pageWrapper .subhead { font-size: 1.875rem; line-height: 1.3em; font-weight: 400; font-family: "Twilio Sans Text", sans-serif; } .pageWrapper .navDropTitle, .pageWrapper .navDropLeftColumn a { font-size: 1.5rem; line-height: 1.2em; font-weight: 600; font-family: "Twilio Sans Text", sans-serif; } .pageWrapper .navDropTitle .eyebrow, .pageWrapper .navDropLeftColumn a .eyebrow { display: block; color: #F22F46 !important; } .pageWrapper .navDropTitle .eyebrow span, .pageWrapper .navDropLeftColumn a .eyebrow span { color: #F22F46 !important; } .pageWrapper .apexcharts-datalabel, .pageWrapper .apexcharts-text, .pageWrapper .apexcharts-legend-text { font-size: .875rem !important; line-height: 1.1em !important; font-family: "Twilio Sans Mono", sans-serif !important; color: #121C2D !important; } .pageWrapper .apexcharts-datalabel.apexcharts-datalabel, .pageWrapper .apexcharts-text.apexcharts-datalabel, .pageWrapper .apexcharts-legend-text.apexcharts-datalabel { font-weight: 700; } .pageWrapper .apexcharts-datalabel.apexcharts-text, .pageWrapper .apexcharts-text.apexcharts-text, .pageWrapper .apexcharts-legend-text.apexcharts-text { font-weight: 400; } .pageWrapper .apexcharts-radialbar .apexcharts-datalabel-value { font-size: 3.75rem !important; line-height: 1.167em !important; font-weight: 400 !important; font-family: "Twilio Sans Display", sans-serif !important; transform: translate(0, -10px); } @media screen and (max-width: 1439px) { .pageWrapper h1, .pageWrapper .h1 { font-size: 6.250rem; line-height: 1.1em; } .pageWrapper h2, .pageWrapper .h2 { margin-bottom: 20px; } .pageWrapper .trends h3 { font-size: 3.125rem; line-height: 1.3em; } .pageWrapper .subhead { font-size: 1.125rem; line-height: 1.322em; } .pageWrapper .largestat h3 { font-size: 4.063rem; line-height: 1.1em; } } @media screen and (max-width: 1199px) { .pageWrapper .pLarge, .pageWrapper .pLarge p { font-size: 1.313rem; line-height: 1.6em; } .pageWrapper h1, .pageWrapper .h1, .pageWrapper .thanksHero h1 { font-size: 2.5rem; line-height: 1.2em; } .pageWrapper .trends h3 { font-size: 1.750rem; } .pageWrapper .pullquotelarge { font-size: 2.5rem; line-height: 1.1em; } .pageWrapper .largestat h3 { font-size: 3.125rem; line-height: 1.1em; } } @media screen and (max-width: 719px) { .pageWrapper .trends h3 { font-size: 1.5rem; } } .pageWrapper .hide-apex .apexcharts-canvas { display: none; } .pageWrapper .hide-xl { display: none !important; } .pageWrapper .border-top-red { border-top: 1px solid #F22F46; } .pageWrapper .text-center { text-align: center; } .pageWrapper .no-overflow { overflow: hidden; } .pageWrapper .downArrowModule { display: flex; align-items: flex-start; overflow: hidden; cursor: pointer; border: none; background: transparent; } .pageWrapper .downArrowModule span { color: #F22F46; text-transform: initial; margin: 13px 0 0 12px; text-align: left; letter-spacing: 0; } .pageWrapper .downArrowModule img { width: 16px; height: 100px; transform: translate(0, -13px); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); animation: float 3s ease-in-out infinite; animation-direction: reverse; } .pageWrapper .downArrowModule:hover img { animation: none; transform: translate(0, -4px) !important; } @keyframes float { 0% { transform: translate(0, -13px); } 50% { transform: translate(0, -8px); } } .pageWrapper .btn-outline { transition: all 0.3s ease-out; } .pageWrapper .btn-outline:hover { border-color: #F22F46 !important; } .pageWrapper .rotateOnScroll { transform-origin: center center; } .pageWrapper section { padding-top: 80px; padding-bottom: 100px; } .pageWrapper h3 + p, .pageWrapper .h3 + p { margin-top: 38px; } .pageWrapper .pLarge + p { margin-top: 40px; } .pageWrapper p + p { margin-top: 30px; } .pageWrapper .p-0 { padding-top: 0; } .pageWrapper .p-40 { padding: 40px; } .pageWrapper .pt-160 { padding-top: 160px; } .pageWrapper .mt-125 { margin-top: 125px; } .pageWrapper .mt-140 { margin-top: 140px; } .pageWrapper .mb-54 { margin-bottom: 54px; } .pageWrapper .ml-auto { margin-left: auto; } .pageWrapper .space-left { max-width: calc(100% - 120px); margin-left: 120px; margin-bottom: 81px; } .pageWrapper .fourEightyWidth { max-width: 480px; } .pageWrapper .twoFiftyWidth { max-width: 252px; } .pageWrapper .threeTwentyWidth { max-width: 320px; } .pageWrapper .threeSixtyWidth { max-width: 360px; } .pageWrapper .moveUp { margin-top: -120px; } .pageWrapper .two-col .content { display: flex; flex-flow: row; justify-content: space-between; flex-wrap: wrap; } .pageWrapper .two-col .column { width: calc(50% - 40px); } .pageWrapper .two-col .column.center { width: 100%; } .pageWrapper .two-col .column.center .centerMe { width: 640px; max-width: 100%; } .pageWrapper .two-col.col-narrow .column { max-width: 467px; padding: 0 40px; } .pageWrapper .two-col.col-narrow .column:first-child { padding-left: 0; } .pageWrapper .two-col.col-narrow .column:last-child { padding-right: 0; } .pageWrapper .justify-centered .content { justify-content: center !important; } .pageWrapper .center { display: flex; } .pageWrapper .center .centerMe { margin: 0 auto; } .pageWrapper .unequalTwoColumn .content { display: flex; flex-flow: row; justify-content: flex-start; } .pageWrapper .unequalTwoColumn .column { max-width: calc(50% - 40px); } .pageWrapper .unequalTwoColumn .column.smaller { padding: 0 40px; } .pageWrapper .unequalTwoColumn .column.smaller img { max-width: 280px; position: relative; top: 21%; left: 0; } @media screen and (max-width: 1439px) { .pageWrapper h3 + p, .pageWrapper .h3 + p { margin-top: 34px; } .pageWrapper .mt-75 { margin-top: 61px; } .pageWrapper .pt-160 { padding-top: 130px; } .pageWrapper .mt-125 { margin-top: 55px; } } @media screen and (max-width: 1199px) { .pageWrapper .two-col .column { width: 100% !important; } .pageWrapper .two-col .column.center .centerMe { width: 100%; } .pageWrapper .mt-140 { margin-top: 90px; } .pageWrapper .mt-125 { margin-top: 120px; } } @media screen and (max-width: 719px) { .pageWrapper .two-col.col-narrow .column { padding: 0 0; } .pageWrapper .selector { margin-bottom: 20px; } .pageWrapper .unequalTwoColumn .content { flex-flow: column; } .pageWrapper .unequalTwoColumn .column { width: 100%; max-width: 100%; } .pageWrapper .unequalTwoColumn .column.smaller { padding: 0 0 63px 0; } .pageWrapper .unequalTwoColumn .column.smaller img { top: 0; width: 100%; max-width: 320px; } .pageWrapper .mb-54 { margin-bottom: 26px; } .pageWrapper .mt-140 { margin-top: 34px; } .pageWrapper .mt-125 { margin-top: 45px; } .pageWrapper .threeSixtyWidth { max-width: 360px; } } .pageWrapper .text-white * { color: white; } .pageWrapper .text-white .btn-outline { border: 1px solid #C4C4C4; } .pageWrapper .bg-white { background-color: white; } .pageWrapper .bg-blue { background-color: #06033A; } .pageWrapper .bg-grid { background: #FEECEC url(../images/grid-pattern.svg) repeat center top/cover; border-top: 1px solid #F22F46; border-bottom: 1px solid #F22F46; } .pageWrapper .bg-grid-overlap { display: block; position: absolute; background: #FCCFCF url(../images/grid-pattern-light.svg) repeat center top/cover; background-size: 1441px auto; border-top: 1px solid #F22F46; border-bottom: 1px solid transparent; bottom: 0; left: 0; width: 100%; } .pageWrapper .bg-grid.block-short-content { border-top: none; } .pageWrapper .row { display: flex; flex-wrap: wrap; } .pageWrapper .row.three-column .column { width: calc(33.3% - 1px); } .pageWrapper .row > .quarter { width: 25%; } .pageWrapper .row > .half { width: 50%; } .pageWrapper .flexcol { display: flex; flex-direction: column; } .pageWrapper .mt-auto { margin-top: auto; } .pageWrapper .social { display: inline-block; text-decoration: none; text-align: center; width: 90px; height: 90px; border: 1px solid #121C2D; border-radius: 50%; margin: 0 18px; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .social:hover { border-color: #F22F46; } .pageWrapper .social img { width: auto; height: 30px; margin: 30px 0; } .pageWrapper .sharing { padding-top: 113px; padding-bottom: 157px; text-align: center; } .pageWrapper .sharing h2 { margin-top: 38px; } .pageWrapper .sharing + .eyebrow { margin: 0; padding-bottom: 42px; } @media screen and (max-width: 1439px) { .pageWrapper .sharing { padding-top: 66px; padding-bottom: 140px; } } @media screen and (max-width: 1199px) { .pageWrapper .sharing { padding-top: 54px; padding-bottom: 100px; } } @media screen and (max-width: 719px) { .pageWrapper .sharing { padding: 81px 40px 100px 40px; } .pageWrapper .sharing + .eyebrow { padding-bottom: 20px; } } .pageWrapper .dot-chart { display: flex; flex-wrap: wrap; justify-content: space-between; width: 320px; } .pageWrapper .dot-chart > div { width: 21px; height: 21px; border: 1px solid #F22F46; border-radius: 50%; margin: 5px; background-color: transparent; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .dot-chart .filled { background-color: #F22F46; } .pageWrapper .chart-grid .chart-text { font-family: "Twilio Sans Mono", sans-serif; font-size: 60px; font-style: normal; font-weight: 400; line-height: 64px; letter-spacing: 0em; text-align: center; } .pageWrapper .chart-grid .chart-text span:before { content: ''; display: block; background: url(../images/right-arrow.svg) no-repeat center; background-size: contain; width: 106px; height: 32px; } .pageWrapper .intro-data-chart, .pageWrapper .twilio-data-chart { padding-bottom: 0; } .pageWrapper .intro-data-chart + .chart-caption, .pageWrapper .twilio-data-chart + .chart-caption { margin: 33px 0; } .pageWrapper .intro-data-chart { min-height: 350px; } .pageWrapper .intro-data-chart .apexcharts-text.apexcharts-xaxis-label { padding-top: 2px; } .pageWrapper .twilio-data-chart { min-height: 320px; } .pageWrapper .apexcharts-legend { align-content: baseline; transform: translate(0, 50px) !important; } .pageWrapper .apexcharts-legend-series { margin-right: 30px !important; } .pageWrapper .apexcharts-legend-text { transform: translate(0, -5px); display: inline-block; padding-left: 7px; } .pageWrapper .chart-wrapper { border-bottom: 1px solid #F22F46; } .pageWrapper .intro-data-chart .apexcharts-legend, .pageWrapper .chart-wrapper .apexcharts-legend, .pageWrapper .stackedBarChart .apexcharts-legend { padding-left: 98px; transform: translate(0, 20px) !important; } .pageWrapper .stackedBarChart .apexcharts-legend { padding-left: 0; } .pageWrapper .chart-wrapper > div:first-child { margin: 54px auto 18px; min-height: 460px; } .pageWrapper .chart-wrapper > div:first-child .chart-placeholder { position: relative; top: 50%; left: 0; transform: translate(0, -50%); } .pageWrapper .chart-wrapper > div:first-child .apexcharts-series path.apexcharts-bar-area { stroke: #F22F46; stroke-width: 1px; } .pageWrapper .chart-placeholder:not(.chart-text) { min-height: 350px; } .pageWrapper .chart-placeholder, .pageWrapper .apexcharts-canvas { max-width: 100%; overflow: hidden; } .pageWrapper .chart-placeholder[data-chart-type="column"], .pageWrapper .apexcharts-canvas[data-chart-type="column"] { min-width: 420px; } .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(1) path, .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(3) text, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(1) path, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(3) text { transform: translate(-59px, 0); } .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(2) path, .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(4) text, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(2) path, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(4) text { transform: translate(59px, 0); } .pageWrapper .chart-placeholder[data-chart-type="radial-bar"] .apexcharts-canvas { width: 100% !important; } .pageWrapper .chart-placeholder[data-chart-type="radial-bar"] svg { width: 100% !important; } @media screen and (max-width: 719px) { .pageWrapper .chart-placeholder[data-chart-type="column"], .pageWrapper .apexcharts-canvas[data-chart-type="column"] { min-width: 300px; max-width: 300px; } .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(1) path, .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(3) text, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(1) path, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(3) text { transform: translate(-40px, 0); } .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(2) path, .pageWrapper .chart-placeholder[data-chart-type="column"] .apexcharts-plot-series g:nth-child(4) text, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(2) path, .pageWrapper .apexcharts-canvas[data-chart-type="column"] .apexcharts-plot-series g:nth-child(4) text { transform: translate(40px, 0); } } .pageWrapper .block-hero { padding-bottom: 0px; } .pageWrapper .block-hero:not(.trendsHero, .thanksHero) .leftOfImage { width: 100%; } .pageWrapper .block-hero .leftOfImage { z-index: 2; display: flex; flex-flow: column; align-items: flex-start; } .pageWrapper .block-hero .leftOfImage .img-fluid { margin-top: 81px; margin-bottom: 50px; width: 520px; max-width: calc(50% - 120px); } .pageWrapper .block-hero .leftImageHero { width: calc(50% - 40px); max-width: 640px; height: auto; position: absolute; top: 0; right: 0; } .pageWrapper .block-hero h1 { margin: 27px 0 42px 0; } .pageWrapper .block-hero .downArrowModule { margin: 45px 0 0 0; } .pageWrapper .block-hero.trendsHero { padding-bottom: 167px; padding-top: 0; } .pageWrapper .block-hero.trendsHero .eyebrow { margin-top: 18px; } .pageWrapper .block-hero.trendsHero h1 { margin: 21px 0 66px 0; } .pageWrapper .block-hero.trendsHero .subhead { max-width: 50%; } .pageWrapper .block-hero.thanksHero { padding-bottom: 132px; padding-top: 0; } .pageWrapper .block-hero.thanksHero h1 { margin: 21px 0 48px 0; width: 800px; } .pageWrapper .block-hero.thanksHero .btn { margin-top: 51px; } @media screen and (max-width: 1439px) { .pageWrapper .block-hero.trendsHero { padding-bottom: 94px; } .pageWrapper .block-hero.trendsHero h1 { margin-bottom: 23px; } .pageWrapper .block-hero.trendsHero .subhead { max-width: 420px; } } @media screen and (max-width: 1199px) { .pageWrapper .block-hero .leftOfImage .img-fluid { margin-left: 0; max-width: calc(50% - 40px); } .pageWrapper .block-hero.trendsHero { padding-bottom: 45px; } .pageWrapper .block-hero.trendsHero .leftImageHero { right: -40px; width: 66.666%; height: calc(100% + 88px); object-fit: cover; } .pageWrapper .block-hero.trendsHero .subhead { max-width: 33.333%; } .pageWrapper .block-hero.thanksHero .leftOfImage h1 { width: auto; max-width: 380px; margin-bottom: 23px; } .pageWrapper .block-hero.thanksHero .leftOfImage p { max-width: calc(50% - 40px); } } @media screen and (max-width: 719px) { .pageWrapper .block-hero .leftImageHero { right: -20px; width: 50%; } .pageWrapper .block-hero .leftOfImage .img-fluid { max-width: 520px; width: 100%; } .pageWrapper .block-hero.trendsHero .leftImageHero { width: 50%; right: -20px; } .pageWrapper .block-hero.trendsHero .subhead { max-width: 225px; } .pageWrapper .block-hero.thanksHero .leftOfImage p { max-width: 100%; } } .pageWrapper .block-after-hero { padding-top: 128px; padding-bottom: 40px; z-index: 2; } .pageWrapper .block-after-hero .fourEightyWidth { margin-top: -248px; } .pageWrapper .block-after-hero .pullquotelarge { margin-top: 220px; } .pageWrapper .block-after-hero .pullquotelarge.mt-450 { margin-top: 450px; } .pageWrapper .block-after-hero .threeTwentyWidth { margin-top: 140px; margin-bottom: 210px; } .pageWrapper .block-after-hero .eyebrow { margin-top: 117px; } .pageWrapper .trendsHero + .block-after-hero { padding-bottom: 100px; } .pageWrapper .trendsHero + .block-after-hero .pullquotelarge { margin-top: 560px; } @media screen and (max-width: 1199px) { .pageWrapper .block-after-hero .fourEightyWidth { margin-top: 81px; } .pageWrapper .block-after-hero .pullquotelarge, .pageWrapper .block-after-hero .pullquotelarge.mt-450 { margin-top: 54px; } .pageWrapper .block-after-hero .space-left { margin-left: 0; } .pageWrapper .trendsHero + .block-after-hero { padding-top: 100px; padding-bottom: 100px; } .pageWrapper .trendsHero + .block-after-hero .pullquotelarge { margin-top: 100px; } } @media screen and (max-width: 719px) { .pageWrapper .block-after-hero { padding-bottom: 20px; } .pageWrapper .trendsHero + .block-after-hero { padding-top: 90px; } } .pageWrapper .pullQuoteSingle { padding-top: 54px; padding-bottom: 90px; } .pageWrapper .pullQuoteSingle .content { max-width: 1010px; } .pageWrapper .pullQuoteSingle .pullquotelarge { margin-bottom: 0; } @media screen and (max-width: 1439px) { .pageWrapper .pullQuoteSingle { padding-top: 23px; padding-bottom: 70px; } } @media screen and (max-width: 1199px) { .pageWrapper .pullQuoteSingle { padding-bottom: 15px; } } @media screen and (max-width: 719px) { .pageWrapper .pullQuoteSingle { padding-top: 54px; padding-bottom: 24px; } } .pageWrapper .testimonial { padding-bottom: 480px; } .pageWrapper .testimonial .content { padding: 40px; } .pageWrapper .testimonial .portrait { position: absolute; top: 40px; left: 40px; width: 100%; max-width: 240px; height: auto; } .pageWrapper .testimonial .testimonial-text { margin-left: 280px; } .pageWrapper .testimonial .pLarge { font-style: italic; } .pageWrapper .testimonial .citation { margin: 16px 0 30px 0; } @media screen and (max-width: 1439px) { .pageWrapper .testimonial { padding-bottom: 200px; } } @media screen and (max-width: 1199px) { .pageWrapper .testimonial { padding-bottom: 50px; } } @media screen and (max-width: 719px) { .pageWrapper .testimonial { padding-bottom: 0; } .pageWrapper .testimonial .container { margin: 0; } .pageWrapper .testimonial .portrait { position: relative; top: 0; left: 0; max-width: 320px; margin-bottom: 36px; } .pageWrapper .testimonial .testimonial-text { margin-left: 0; } .pageWrapper .testimonial .citation { margin-bottom: 0; } } .pageWrapper .casestudy { padding-bottom: 0; } .pageWrapper .casestudy .case { background: #FFF; border: 1px solid #F22F46; } .pageWrapper .casestudy .video-container { position: relative; cursor: pointer; } .pageWrapper .casestudy .video-container img { display: block; position: relative; width: 100%; height: auto; z-index: 1; } .pageWrapper .casestudy .video-container iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .pageWrapper .casestudy h2 { padding: 25px 38px; border-bottom: 1px solid #F22F46; margin: 0; font-weight: 400; } .pageWrapper .casestudy h6 { font-weight: 700; border-bottom: 1px solid #F22F46; padding: 12px 16px; } .pageWrapper .casestudy .column.quarter { border-right: 1px solid #F22F46; } .pageWrapper .casestudy .column.quarter img { padding: 0 62px; } .pageWrapper .casestudy .column.quarter + .column.quarter img { padding: 0 32px; } .pageWrapper .casestudy .column.half img { padding: 0 44px; } .pageWrapper .casestudy .column { display: flex; flex-flow: column; } .pageWrapper .casestudy .column.quarter, .pageWrapper .casestudy .column.half { padding-bottom: 72px; position: relative; } .pageWrapper .casestudy .column.quarter h6, .pageWrapper .casestudy .column.half h6 { margin-bottom: 72px; } .pageWrapper .casestudy .column.quarter IMG, .pageWrapper .casestudy .column.half IMG { position: relative; display: block; margin: auto; max-width: 100%; height: auto; } .pageWrapper .casestudy .column.quarter.half IMG, .pageWrapper .casestudy .column.half.half IMG { max-width: 450px; max-height: 80px; width: auto; } .pageWrapper .casestudy .two-col { padding: 40px; } .pageWrapper .casestudy .two-col h4 { margin: 6px 0 31px 0; } .pageWrapper .casestudy .two-col .column { width: calc(50% - 20px); } .pageWrapper .casestudy p { font-family: "Twilio Sans Mono", sans-serif; } @media screen and (max-width: 1439px) { .pageWrapper .casestudy .column.quarter { width: 50%; border-bottom: 1px solid #F22F46; } .pageWrapper .casestudy .column.quarter + .column.quarter { border-right: none; } .pageWrapper .casestudy .column.half { width: 100%; padding-bottom: 96px; } .pageWrapper .casestudy .column.half h6 { margin-bottom: 96px; } .pageWrapper .casestudy h6 { padding: 12px 40px; } .pageWrapper .casestudy .two-col .column:first-child { padding-bottom: 40px; } .pageWrapper .casestudy h2 { padding: 40px 20px; } } @media screen and (max-width: 1199px) { .pageWrapper .casestudy .two-col .content { flex-flow: column-reverse; } .pageWrapper .casestudy .two-col h4 { margin-top: 45px; } } @media screen and (max-width: 719px) { .pageWrapper .casestudy .column.half { padding-bottom: 72px; } .pageWrapper .casestudy .column.half h6 { margin-bottom: 72px; } .pageWrapper .casestudy .two-col { padding: 20px; } .pageWrapper .casestudy h6 { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 600px) { .pageWrapper .casestudy .column.quarter { width: 100%; border-right: none; } .pageWrapper .casestudy .column.quarter.half IMG, .pageWrapper .casestudy .column.half.half IMG { max-width: 100%; padding: 0 20px; } } .pageWrapper .largestat { padding: 0; } .pageWrapper .largestat .bg-blue { padding: 40px; } .pageWrapper .largestat .flexContent { display: flex; flex-flow: column; } .pageWrapper .largestat .flexContent .eyebrow { display: block; font-size: 16px; line-height: 20px; margin-bottom: 20px; font-weight: 400; max-width: calc(53% - 40px); } .pageWrapper .largestat .eyebrow, .pageWrapper .largestat h3 { position: relative; z-index: 1; } .pageWrapper .largestat .logo { display: block; width: 90px; height: auto; margin-top: 94px; } .pageWrapper .largestat .rightImage { width: 56%; height: calc(100% + 80px); object-fit: cover; position: absolute; top: -40px; right: -40px; } @media screen and (max-width: 1439px) { .pageWrapper .largestat .bg-blue { padding: 37px; } .pageWrapper .largestat .logo { margin-top: 41px; } .pageWrapper .largestat .rightImage { top: -37px; right: -37px; height: calc(100% + 74px); } } @media screen and (max-width: 1199px) { .pageWrapper .largestat .flexContent .eyebrow { margin-bottom: 45px; } .pageWrapper .largestat .logo { margin-top: 29px; } } @media screen and (max-width: 719px) { .pageWrapper .largestat .container { margin: 0; } .pageWrapper .largestat .eyebrow { margin-left: 20px; margin-right: 20px; } .pageWrapper .largestat .bg-blue { padding: 40px; } .pageWrapper .largestat .flexContent .eyebrow { max-width: 100%; } .pageWrapper .largestat h3 { margin-bottom: 0; } .pageWrapper .largestat .rightImage { height: 356px; width: 70%; min-width: 275px; position: relative; top: 0; right: auto; left: 100%; margin-top: -81px; transform: translate(calc(-100% + 40px), 0); } .pageWrapper .largestat .logo { margin-top: 40px; } } @media screen and (max-width: 500px) { .pageWrapper .largestat h3 br { display: none; } } .pageWrapper .casestudy { position: relative; z-index: 1; } .pageWrapper .trends { padding: 0; } .pageWrapper .trends .container { margin: 0; } .pageWrapper .trends--list { border-top: 1px solid #F22F46; background: #FFF; overflow: hidden; } .pageWrapper .trends--item { position: relative; display: block; padding: 106px 40px 90px 40px; border-bottom: 1px solid #F22F46; text-decoration: none; color: #121C2D; display: block; } .pageWrapper .trends .eyebrow, .pageWrapper .trends .read-more, .pageWrapper .trends .no-overflow { display: block; } .pageWrapper .trends span.eyebrow { margin-bottom: 8px; } .pageWrapper .trends h3 { line-height: 1.2em; margin-bottom: 30px; } .pageWrapper .trends h5 { margin-bottom: 40px; } .pageWrapper .trends img { width: auto; height: 16px; transform: translate(-13px, 0); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .trends .h5 { text-transform: initial; letter-spacing: .15em; } .pageWrapper .trends--item > *:not(.hover-follow) { position: relative; z-index: 1; } .pageWrapper .trends .hover-follow { position: absolute; display: block; height: 100%; z-index: 0; left: 0; top: 0; opacity: 0; transition: opacity 0.5s ease-out; overflow: hidden; } .pageWrapper .trends .hover-follow img { position: relative; display: block; height: 100%; width: auto; transition: all 0.7 ease-out; } .pageWrapper .trends--item:hover > img { transform: translate(-4px, 0); } @media screen and (min-width: 768px) { .pageWrapper .trends--item:hover .hover-follow { opacity: 1; } } .pageWrapper .trends--item:hover .hover-follow img { transform: scale(1.2) translateY(-5px); } @media screen and (max-width: 1439px) { .pageWrapper .trends--item { padding-top: 40px; padding-bottom: 40px; } .pageWrapper .trends h3 { margin-bottom: 25px; } } @media screen and (max-width: 1199px) { .pageWrapper .trends h3 { margin-bottom: 15px; } } @media screen and (max-width: 719px) { .pageWrapper .trends--item { padding-left: 20px; padding-right: 20px; } } .pageWrapper .prefooter { padding: 160px 0 116px 0; } .pageWrapper .prefooter .pLarge { margin-bottom: 48px; } .pageWrapper .prefooter .btn { margin: 0 26px 14px 0; } .pageWrapper .prefooter img { max-width: 100%; height: auto; } @media screen and (max-width: 1439px) { .pageWrapper .prefooter { padding: 120px 0 100px 0; } } @media screen and (max-width: 1199px) { .pageWrapper .prefooter { padding: 100px 0 80px 0; } .pageWrapper .prefooter img { margin-top: 45px; } } @media screen and (max-width: 719px) { .pageWrapper .prefooter { padding: 80px 0 60px 0; } } .pageWrapper .nav { background-color: #06033A; padding: 39px 0 41px 0; } .pageWrapper .nav .nav-wrapper__logo { display: flex; font-family: "Twilio Sans Text", sans-serif; font-weight: 700; line-height: 40px; letter-spacing: 0; } .pageWrapper .nav .nav-wrapper__logo img { margin-right: 16px; } .pageWrapper .nav .nav-cta ul { display: none; } .pageWrapper .nav .nav-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .pageWrapper .nav .nav-ctas { display: flex; } .pageWrapper .nav li { list-style: none; } .pageWrapper .nav a { text-decoration: none; display: block; } .pageWrapper .nav .nav-cta > a { line-height: 44px; font-size: .75rem; font-weight: 400; font-family: "Twilio Sans Mono", sans-serif; padding: 0 14px; } .pageWrapper .nav .nav-cta > a img { margin-right: 8px; transform: translate(0, 3px); width: 17px; height: 16px; object-fit: contain; filter: brightness(3) grayscale(1); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .nav .nav-cta > a svg { margin-right: 8px; transform: translate(0, 3px); width: 17px; height: 16px; } .pageWrapper .nav .nav-cta > a svg * { stroke: white; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .nav .nav-cta:hover > a svg *, .pageWrapper .nav .nav-cta > a.active svg * { stroke: #F22F46; } .pageWrapper .nav .nav-cta ul { transform: translate(39px, -5px); } .pageWrapper .nav .nav-cta ul a { font-family: "Twilio Sans Mono", sans-serif; font-size: .75rem; line-height: 20px; font-weight: 400; letter-spacing: .03em; } .pageWrapper .nav .nav-cta ul a span { color: #F22F46; display: none; padding-right: 9px; } .pageWrapper .nav .nav-cta__button--hamburger { display: flex; align-items: center; margin-right: -14px; } .pageWrapper .nav .nav-cta__button--hamburger span.icon { display: block; width: 12px; height: 14px; margin-right: 9px; transform: rotate(0deg); } .pageWrapper .nav .nav-cta__button--hamburger span.icon, .pageWrapper .nav .nav-cta__button--hamburger span.icon span { transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); transform-origin: center; } .pageWrapper .nav .nav-cta__button--hamburger span.icon span { position: absolute; left: 0; width: 100%; background-color: white; height: 1px; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .nav .nav-cta__button--hamburger span.icon span.line1 { top: 0; } .pageWrapper .nav .nav-cta__button--hamburger span.icon span.line3 { bottom: 0; } .pageWrapper .nav .nav-cta__button--hamburger span.icon span.line2 { top: 7px; left: 50%; transform: translate(-50%, 0); } .pageWrapper .nav .nav-cta__button--hamburger span.text { width: 28.81px; } .pageWrapper .nav .nav-cta__button--hamburger span.text.hide { display: none; } .pageWrapper .nav .nav-cta__button--hamburger span.close { display: none; } .pageWrapper .nav .nav-cta__button--hamburger span.close.show { display: inline; } .pageWrapper .nav .nav-cta__button--hamburger.active span.icon { transform: rotate(-180deg); } .pageWrapper .nav .nav-cta__button--hamburger.active span.icon span.line1 { transform: rotate(-45deg); top: 50%; width: 18px; } .pageWrapper .nav .nav-cta__button--hamburger.active span.icon span.line3 { transform: rotate(45deg); bottom: calc(50% - 1px); width: 18px; } .pageWrapper .nav .nav-cta__button--hamburger.active span.icon span.line2 { width: 0; } .pageWrapper .nav .nav-cta__button--hamburger:hover span.icon span { background-color: #F22F46; } .pageWrapper .nav .nav-wrapper__logo-container, .pageWrapper .nav .nav-ctas { position: relative; top: 0; left: 0; z-index: 21; } .pageWrapper .nav .nav-dropDown { width: 100%; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: -1; opacity: 0; background-color: #06033A; padding-top: 180px; } .pageWrapper .nav .nav-dropDown, .pageWrapper .nav .nav-dropDown a { transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .pageWrapper .nav .nav-dropDown ul:hover A { opacity: .75; } .pageWrapper .nav .nav-dropDown li { margin-top: 32px; } .pageWrapper .nav .nav-dropDown li a { cursor: pointer; } .pageWrapper .nav .nav-dropDown li a:hover { opacity: 1; } .pageWrapper .nav .nav-dropDown .container { height: 100%; overflow: scroll; } .pageWrapper .nav .nav-dropDown .content { padding-bottom: 40px; display: flex; } .pageWrapper .nav .nav-dropDown .navDropLeftColumn { width: calc(50% - 40px); } .pageWrapper .nav .nav-dropDown .navDropRightColumn { margin: 68px auto 0 auto; display: flex; flex-flow: column; align-items: center; } .pageWrapper .nav .nav-dropDown .navDropRightColumn a { display: inline-block; margin-top: 42px; } .pageWrapper .nav .nav-dropDown .navDropRightColumn img { max-width: 100%; height: auto; } .pageWrapper .nav .nav-wrapper.active .nav-dropDown { opacity: 1; z-index: 20; } @media screen and (max-width: 1439px) { .pageWrapper .nav .nav-cta > a { padding: 0 10px; } .pageWrapper .nav .nav-dropDown .content { flex-flow: column; } .pageWrapper .nav .nav-dropDown .navDropLeftColumn, .pageWrapper .nav .nav-dropDown .navDropRightColumn { width: 100%; } } @media screen and (max-width: 1199px) { .pageWrapper .nav .nav-wrapper__logo { font-size: 0; } .pageWrapper .nav .nav-cta__button--hamburger { margin-right: -10px; } } .pageWrapper .nav-cta ul a:hover span, .pageWrapper .nav-cta ul a.active span { display: inline-block; } .pageWrapper .regionaldata { padding-top: 130px; } .pageWrapper .regionaldata h2 { margin-bottom: 72px; } .pageWrapper .regionaldata h6 { display: block; font-family: "Twilio Sans Mono", sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0; margin-bottom: 20px; text-transform: none; } .pageWrapper .regionaldata .selector { position: relative; } .pageWrapper .regionaldata .selector ul { list-style: none; overflow-y: hidden; max-height: 0; transition: all 0.7s ease-out; position: absolute; z-index: 2; left: 0; width: 100%; max-width: 427px; background-color: #FEF5EE; } .pageWrapper .regionaldata .selector a { display: block; position: relative; max-width: 427px; padding: 12px 18px; font-family: "Twilio Sans Mono", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0em; border: 1px solid #F22F46; color: #121C2D; text-decoration: none; } .pageWrapper .regionaldata .selector > a { font-weight: 700; } .pageWrapper .regionaldata .selector > a:after { content: ''; position: absolute; right: 20px; top: 22px; width: 20px; height: 12px; display: block; background: url(../images/caret.svg) no-repeat center -50%; background-size: 100% auto; transform: rotate(0); transition: transform 0.3s ease-out; } .pageWrapper .regionaldata .selector li a { border-top: 0 none; } .pageWrapper .regionaldata .selector li a:hover { background-color: #FFF; } .pageWrapper .regionaldata .selector.opened > a:after { transform: rotate(180deg); } .pageWrapper .regionaldata .selector.opened ul { max-height: 1000px; } .pageWrapper .regionaldata .chart-caption { padding-bottom: 26px; } .pageWrapper .regionaldata .chart-wrapper { display: flex; flex-flow: column; justify-content: space-between; } @media screen and (max-width: 1439px) { .pageWrapper .regionaldata { padding-top: 210px; } } @media screen and (max-width: 1199px) { .pageWrapper .regionaldata { padding-top: 190px; } } @media screen and (max-width: 719px) { .pageWrapper .regionaldata { padding-top: 30px; } } .pageWrapper .block-short-content { padding-top: 160px; padding-bottom: 150px; } .pageWrapper .block-short-content .pullquotelarge { margin-top: 280px; } @media screen and (max-width: 1439px) { .pageWrapper .block-short-content .pullquotelarge { margin-top: 50px; } } @media screen and (max-width: 719px) { .pageWrapper .block-short-content { padding-top: 90px; padding-bottom: 100px; } } .pageWrapper #cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(18, 28, 45, 0); backdrop-filter: blur(0px); z-index: -1; } .pageWrapper #cover.show { display: block; background-color: rgba(18, 28, 45, 0.5); z-index: 22; backdrop-filter: blur(4px); } .pageWrapper .formPopup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100vw - 60px); height: calc(100vh - 260px); max-width: 1000px; max-height: calc(100vh - 60px); background-color: white; min-height: 72vh; opacity: 0; z-index: -1; } .pageWrapper .formPopup.show { display: block; opacity: 1; z-index: 23; } .pageWrapper .formPopup .close { position: absolute; top: -20px; right: 0; transform: translate(0, -100%); color: white; cursor: pointer; } .pageWrapper .formPopup .popupContent { max-width: calc(672px + 80px); padding: 0 40px; width: calc(100% - 60px); max-height: calc(100% - 200px); overflow-y: scroll; margin: 122px auto 120px auto; } .pageWrapper .formPopup form.mktoForm { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 100% !important; margin-top: 40px !important; background-color: white !important; } .pageWrapper .formPopup form.mktoForm .mktoFormRow { width: calc(50% - 11px); margin-bottom: 11px !important; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) { width: 100%; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) .mktoFieldWrap { position: relative; top: 0; left: 0; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) .mktoFieldWrap:before, .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) .mktoFieldWrap:after { content: ""; display: block; position: absolute; background-color: white; pointer-events: none; z-index: 2; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) .mktoFieldWrap:after { width: 14px; height: 14px; border-bottom: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; transform: rotate(45deg); transform-origin: center; bottom: 17px; right: 19px; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(7) .mktoFieldWrap:before { bottom: 1px; right: 1px; height: 42px; width: 44px; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(8) { width: 100%; } .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(9), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(10), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(11), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(12), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(13), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(14), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(15), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(16), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(17), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(18), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(19), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(20), .pageWrapper .formPopup form.mktoForm .mktoFormRow:nth-of-type(21) { display: none; } .pageWrapper .formPopup form.mktoForm .mktoButtonRow { display: none; } .pageWrapper .formPopup form.mktoForm .mktoField.mktoInvalid { margin-bottom: 0 !important; } .pageWrapper .formPopup form.mktoForm .mktoLabel { font-family: "Twilio Sans Mono", sans-serif; font-size: 14px !important; line-height: 24.5px; font-weight: 600 !important; padding-bottom: 6px !important; } .pageWrapper .formPopup form.mktoForm .mktoAsterix { padding-left: 0; transform: translate(-1px, -5px); color: #F22F46; } .pageWrapper .formPopup form.mktoForm input[type=text], .pageWrapper .formPopup form.mktoForm input[type=email], .pageWrapper .formPopup form.mktoForm textarea, .pageWrapper .formPopup form.mktoForm select, .pageWrapper .formPopup form.mktoForm select[multiple=multiple], .pageWrapper .formPopup form.mktoForm input[type=tel] { border: 1px solid #C4C4C4 !important; border-radius: 0 !important; font-size: 18px !important; color: #121C2D; background-color: white !important; } .pageWrapper .formPopup form.mktoForm input[type=text]:not(select), .pageWrapper .formPopup form.mktoForm input[type=email]:not(select), .pageWrapper .formPopup form.mktoForm textarea:not(select), .pageWrapper .formPopup form.mktoForm select:not(select), .pageWrapper .formPopup form.mktoForm select[multiple=multiple]:not(select), .pageWrapper .formPopup form.mktoForm input[type=tel]:not(select) { padding: 22px 12px !important; } .pageWrapper .formPopup form.mktoForm input[type=text]:is(select), .pageWrapper .formPopup form.mktoForm input[type=email]:is(select), .pageWrapper .formPopup form.mktoForm textarea:is(select), .pageWrapper .formPopup form.mktoForm select:is(select), .pageWrapper .formPopup form.mktoForm select[multiple=multiple]:is(select), .pageWrapper .formPopup form.mktoForm input[type=tel]:is(select) { padding: 2px 8px !important; height: 44px !important; } .pageWrapper .formPopup form.mktoForm input[type=text]:focus, .pageWrapper .formPopup form.mktoForm input[type=email]:focus, .pageWrapper .formPopup form.mktoForm textarea:focus, .pageWrapper .formPopup form.mktoForm select:focus, .pageWrapper .formPopup form.mktoForm select[multiple=multiple]:focus, .pageWrapper .formPopup form.mktoForm input[type=tel]:focus { border: 1px solid #121C2D !important; } .pageWrapper .formPopup form.mktoForm select::placeholder { color: black; } .pageWrapper .formPopup form.mktoForm .mktoError .mktoErrorMsg { transform: translate(0, 3px); } .pageWrapper .formPopup .belowTheForm { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 45px; } .pageWrapper .formPopup .belowTheForm button, .pageWrapper .formPopup .belowTheForm div { max-width: calc(50% - 11px); } .pageWrapper .formPopup .belowTheForm button { cursor: pointer; margin-top: 5px; } .pageWrapper .formPopup .belowTheForm div p { font-size: .875rem; line-height: 1.750em; } .pageWrapper .formPopup .belowTheForm div p a { font-weight: bold; color: inherit; } .pageWrapper #cover, .pageWrapper .formPopup { transition: background-color 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, backdrop-filter 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, z-index 0s linear 0.5s; } .pageWrapper #cover.show, .pageWrapper .formPopup.show { transition: background-color 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, backdrop-filter 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, z-index 0s linear 0s; } @media screen and (max-width: 930px) { .pageWrapper .formPopup .popupContent { margin: 82px auto 80px auto; max-height: calc(100% - 160px); } .pageWrapper .formPopup .belowTheForm { margin-top: 24px; flex-flow: column; } .pageWrapper .formPopup .belowTheForm button, .pageWrapper .formPopup .belowTheForm div { max-width: 100%; } .pageWrapper .formPopup .belowTheForm div { margin-top: 20px; } } @media screen and (max-width: 719px) { .pageWrapper .formPopup { height: calc(100vh - 130px); } .pageWrapper .formPopup .popupContent { width: calc(100% - 20px); padding: 0 20px; margin: 58px auto 50px auto; max-height: calc(100% - 108px); } .pageWrapper .formPopup .popupContent .h2 { font-size: 2.5rem; } } @media screen and (max-height: 500px) { .pageWrapper .formPopup form.mktoForm .mktoFormRow { width: 100%; } .pageWrapper .formPopup { height: calc(100vh - 130px); } .pageWrapper .formPopup .popupContent { width: calc(100% - 20px); padding: 0 20px; margin: 58px auto 50px auto; max-height: calc(100% - 108px); } .pageWrapper .formPopup .popupContent .h2 { font-size: 2.5rem; } } @media screen and (max-width: 500px) { .pageWrapper .formPopup form.mktoForm .mktoFormRow { width: 100%; } } .pageWrapper, .pageWrapper * { padding: 0; margin: 0; } .pageWrapper.noScroll main { overflow: hidden; height: calc(100vh - 123px); } .pageWrapper.hide { opacity: 0; } .pageWrapper .img-cover { max-width: 100%; height: 100%; object-fit: cover; } .pageWrapper .img-fluid { width: 100%; height: auto; display: block; } .pageWrapper .container { margin-left: 40px; margin-right: 40px; } .pageWrapper .content { margin-left: auto; margin-right: auto; max-width: 1520px; } .pageWrapper .relative { position: relative; top: 0; left: 0; } .laptopOnly, .tabletOnly, .mobileOnly { display: none; } .desktopOnly { display: block; } @media screen and (max-width: 1439px) { .desktopOnly { display: none; } .laptopOnly { display: block; } } @media screen and (max-width: 1199px) { .laptopOnly { display: none; } .tabletOnly { display: block; } } @media screen and (max-width: 719px) { .tabletOnly { display: none; } .mobileOnly { display: block; } .pageWrapper .container { margin-left: 20px; margin-right: 20px; } } /*# sourceMappingURL=custom.css.map */