/* CSS Reset */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Animate on Scroll Styles*/ body[data-aos-duration='50'] [data-aos],[data-aos][data-aos][data-aos-duration='50']{-webkit-transition-duration:50ms;transition-duration:50ms}body[data-aos-delay='50'] [data-aos],[data-aos][data-aos][data-aos-delay='50']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='50'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='50'].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}body[data-aos-duration='100'] [data-aos],[data-aos][data-aos][data-aos-duration='100']{-webkit-transition-duration:100ms;transition-duration:100ms}body[data-aos-delay='100'] [data-aos],[data-aos][data-aos][data-aos-delay='100']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='100'].aos-animate{-webkit-transition-delay:100ms;transition-delay:100ms}body[data-aos-duration='150'] [data-aos],[data-aos][data-aos][data-aos-duration='150']{-webkit-transition-duration:150ms;transition-duration:150ms}body[data-aos-delay='150'] [data-aos],[data-aos][data-aos][data-aos-delay='150']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='150'].aos-animate{-webkit-transition-delay:150ms;transition-delay:150ms}body[data-aos-duration='200'] [data-aos],[data-aos][data-aos][data-aos-duration='200']{-webkit-transition-duration:200ms;transition-duration:200ms}body[data-aos-delay='200'] [data-aos],[data-aos][data-aos][data-aos-delay='200']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='200'].aos-animate{-webkit-transition-delay:200ms;transition-delay:200ms}body[data-aos-duration='250'] [data-aos],[data-aos][data-aos][data-aos-duration='250']{-webkit-transition-duration:250ms;transition-duration:250ms}body[data-aos-delay='250'] [data-aos],[data-aos][data-aos][data-aos-delay='250']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='250'].aos-animate{-webkit-transition-delay:250ms;transition-delay:250ms}body[data-aos-duration='300'] [data-aos],[data-aos][data-aos][data-aos-duration='300']{-webkit-transition-duration:300ms;transition-duration:300ms}body[data-aos-delay='300'] [data-aos],[data-aos][data-aos][data-aos-delay='300']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='300'].aos-animate{-webkit-transition-delay:300ms;transition-delay:300ms}body[data-aos-duration='350'] [data-aos],[data-aos][data-aos][data-aos-duration='350']{-webkit-transition-duration:350ms;transition-duration:350ms}body[data-aos-delay='350'] [data-aos],[data-aos][data-aos][data-aos-delay='350']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='350'].aos-animate{-webkit-transition-delay:350ms;transition-delay:350ms}body[data-aos-duration='400'] [data-aos],[data-aos][data-aos][data-aos-duration='400']{-webkit-transition-duration:400ms;transition-duration:400ms}body[data-aos-delay='400'] [data-aos],[data-aos][data-aos][data-aos-delay='400']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='400'].aos-animate{-webkit-transition-delay:400ms;transition-delay:400ms}body[data-aos-duration='450'] [data-aos],[data-aos][data-aos][data-aos-duration='450']{-webkit-transition-duration:450ms;transition-duration:450ms}body[data-aos-delay='450'] [data-aos],[data-aos][data-aos][data-aos-delay='450']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='450'].aos-animate{-webkit-transition-delay:450ms;transition-delay:450ms}body[data-aos-duration='500'] [data-aos],[data-aos][data-aos][data-aos-duration='500']{-webkit-transition-duration:500ms;transition-duration:500ms}body[data-aos-delay='500'] [data-aos],[data-aos][data-aos][data-aos-delay='500']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='500'].aos-animate{-webkit-transition-delay:500ms;transition-delay:500ms}body[data-aos-duration='550'] [data-aos],[data-aos][data-aos][data-aos-duration='550']{-webkit-transition-duration:550ms;transition-duration:550ms}body[data-aos-delay='550'] [data-aos],[data-aos][data-aos][data-aos-delay='550']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='550'].aos-animate{-webkit-transition-delay:550ms;transition-delay:550ms}body[data-aos-duration='600'] [data-aos],[data-aos][data-aos][data-aos-duration='600']{-webkit-transition-duration:600ms;transition-duration:600ms}body[data-aos-delay='600'] [data-aos],[data-aos][data-aos][data-aos-delay='600']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='600'].aos-animate{-webkit-transition-delay:600ms;transition-delay:600ms}body[data-aos-duration='650'] [data-aos],[data-aos][data-aos][data-aos-duration='650']{-webkit-transition-duration:650ms;transition-duration:650ms}body[data-aos-delay='650'] [data-aos],[data-aos][data-aos][data-aos-delay='650']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='650'].aos-animate{-webkit-transition-delay:650ms;transition-delay:650ms}body[data-aos-duration='700'] [data-aos],[data-aos][data-aos][data-aos-duration='700']{-webkit-transition-duration:700ms;transition-duration:700ms}body[data-aos-delay='700'] [data-aos],[data-aos][data-aos][data-aos-delay='700']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='700'].aos-animate{-webkit-transition-delay:700ms;transition-delay:700ms}body[data-aos-duration='750'] [data-aos],[data-aos][data-aos][data-aos-duration='750']{-webkit-transition-duration:750ms;transition-duration:750ms}body[data-aos-delay='750'] [data-aos],[data-aos][data-aos][data-aos-delay='750']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='750'].aos-animate{-webkit-transition-delay:750ms;transition-delay:750ms}body[data-aos-duration='800'] [data-aos],[data-aos][data-aos][data-aos-duration='800']{-webkit-transition-duration:800ms;transition-duration:800ms}body[data-aos-delay='800'] [data-aos],[data-aos][data-aos][data-aos-delay='800']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='800'].aos-animate{-webkit-transition-delay:800ms;transition-delay:800ms}body[data-aos-duration='850'] [data-aos],[data-aos][data-aos][data-aos-duration='850']{-webkit-transition-duration:850ms;transition-duration:850ms}body[data-aos-delay='850'] [data-aos],[data-aos][data-aos][data-aos-delay='850']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='850'].aos-animate{-webkit-transition-delay:850ms;transition-delay:850ms}body[data-aos-duration='900'] [data-aos],[data-aos][data-aos][data-aos-duration='900']{-webkit-transition-duration:900ms;transition-duration:900ms}body[data-aos-delay='900'] [data-aos],[data-aos][data-aos][data-aos-delay='900']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='900'].aos-animate{-webkit-transition-delay:900ms;transition-delay:900ms}body[data-aos-duration='950'] [data-aos],[data-aos][data-aos][data-aos-duration='950']{-webkit-transition-duration:950ms;transition-duration:950ms}body[data-aos-delay='950'] [data-aos],[data-aos][data-aos][data-aos-delay='950']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='950'].aos-animate{-webkit-transition-delay:950ms;transition-delay:950ms}body[data-aos-duration='1000'] [data-aos],[data-aos][data-aos][data-aos-duration='1000']{-webkit-transition-duration:1000ms;transition-duration:1000ms}body[data-aos-delay='1000'] [data-aos],[data-aos][data-aos][data-aos-delay='1000']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1000'].aos-animate{-webkit-transition-delay:1000ms;transition-delay:1000ms}body[data-aos-duration='1050'] [data-aos],[data-aos][data-aos][data-aos-duration='1050']{-webkit-transition-duration:1050ms;transition-duration:1050ms}body[data-aos-delay='1050'] [data-aos],[data-aos][data-aos][data-aos-delay='1050']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1050'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1050'].aos-animate{-webkit-transition-delay:1050ms;transition-delay:1050ms}body[data-aos-duration='1100'] [data-aos],[data-aos][data-aos][data-aos-duration='1100']{-webkit-transition-duration:1100ms;transition-duration:1100ms}body[data-aos-delay='1100'] [data-aos],[data-aos][data-aos][data-aos-delay='1100']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1100'].aos-animate{-webkit-transition-delay:1100ms;transition-delay:1100ms}body[data-aos-duration='1150'] [data-aos],[data-aos][data-aos][data-aos-duration='1150']{-webkit-transition-duration:1150ms;transition-duration:1150ms}body[data-aos-delay='1150'] [data-aos],[data-aos][data-aos][data-aos-delay='1150']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1150'].aos-animate{-webkit-transition-delay:1150ms;transition-delay:1150ms}body[data-aos-duration='1200'] [data-aos],[data-aos][data-aos][data-aos-duration='1200']{-webkit-transition-duration:1200ms;transition-duration:1200ms}body[data-aos-delay='1200'] [data-aos],[data-aos][data-aos][data-aos-delay='1200']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1200'].aos-animate{-webkit-transition-delay:1200ms;transition-delay:1200ms}body[data-aos-duration='1250'] [data-aos],[data-aos][data-aos][data-aos-duration='1250']{-webkit-transition-duration:1250ms;transition-duration:1250ms}body[data-aos-delay='1250'] [data-aos],[data-aos][data-aos][data-aos-delay='1250']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1250'].aos-animate{-webkit-transition-delay:1250ms;transition-delay:1250ms}body[data-aos-duration='1300'] [data-aos],[data-aos][data-aos][data-aos-duration='1300']{-webkit-transition-duration:1300ms;transition-duration:1300ms}body[data-aos-delay='1300'] [data-aos],[data-aos][data-aos][data-aos-delay='1300']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1300'].aos-animate{-webkit-transition-delay:1300ms;transition-delay:1300ms}body[data-aos-duration='1350'] [data-aos],[data-aos][data-aos][data-aos-duration='1350']{-webkit-transition-duration:1350ms;transition-duration:1350ms}body[data-aos-delay='1350'] [data-aos],[data-aos][data-aos][data-aos-delay='1350']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1350'].aos-animate{-webkit-transition-delay:1350ms;transition-delay:1350ms}body[data-aos-duration='1400'] [data-aos],[data-aos][data-aos][data-aos-duration='1400']{-webkit-transition-duration:1400ms;transition-duration:1400ms}body[data-aos-delay='1400'] [data-aos],[data-aos][data-aos][data-aos-delay='1400']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1400'].aos-animate{-webkit-transition-delay:1400ms;transition-delay:1400ms}body[data-aos-duration='1450'] [data-aos],[data-aos][data-aos][data-aos-duration='1450']{-webkit-transition-duration:1450ms;transition-duration:1450ms}body[data-aos-delay='1450'] [data-aos],[data-aos][data-aos][data-aos-delay='1450']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1450'].aos-animate{-webkit-transition-delay:1450ms;transition-delay:1450ms}body[data-aos-duration='1500'] [data-aos],[data-aos][data-aos][data-aos-duration='1500']{-webkit-transition-duration:1500ms;transition-duration:1500ms}body[data-aos-delay='1500'] [data-aos],[data-aos][data-aos][data-aos-delay='1500']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1500'].aos-animate{-webkit-transition-delay:1500ms;transition-delay:1500ms}body[data-aos-duration='1550'] [data-aos],[data-aos][data-aos][data-aos-duration='1550']{-webkit-transition-duration:1550ms;transition-duration:1550ms}body[data-aos-delay='1550'] [data-aos],[data-aos][data-aos][data-aos-delay='1550']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1550'].aos-animate{-webkit-transition-delay:1550ms;transition-delay:1550ms}body[data-aos-duration='1600'] [data-aos],[data-aos][data-aos][data-aos-duration='1600']{-webkit-transition-duration:1600ms;transition-duration:1600ms}body[data-aos-delay='1600'] [data-aos],[data-aos][data-aos][data-aos-delay='1600']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1600'].aos-animate{-webkit-transition-delay:1600ms;transition-delay:1600ms}body[data-aos-duration='1650'] [data-aos],[data-aos][data-aos][data-aos-duration='1650']{-webkit-transition-duration:1650ms;transition-duration:1650ms}body[data-aos-delay='1650'] [data-aos],[data-aos][data-aos][data-aos-delay='1650']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1650'].aos-animate{-webkit-transition-delay:1650ms;transition-delay:1650ms}body[data-aos-duration='1700'] [data-aos],[data-aos][data-aos][data-aos-duration='1700']{-webkit-transition-duration:1700ms;transition-duration:1700ms}body[data-aos-delay='1700'] [data-aos],[data-aos][data-aos][data-aos-delay='1700']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1700'].aos-animate{-webkit-transition-delay:1700ms;transition-delay:1700ms}body[data-aos-duration='1750'] [data-aos],[data-aos][data-aos][data-aos-duration='1750']{-webkit-transition-duration:1750ms;transition-duration:1750ms}body[data-aos-delay='1750'] [data-aos],[data-aos][data-aos][data-aos-delay='1750']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1750'].aos-animate{-webkit-transition-delay:1750ms;transition-delay:1750ms}body[data-aos-duration='1800'] [data-aos],[data-aos][data-aos][data-aos-duration='1800']{-webkit-transition-duration:1800ms;transition-duration:1800ms}body[data-aos-delay='1800'] [data-aos],[data-aos][data-aos][data-aos-delay='1800']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1800'].aos-animate{-webkit-transition-delay:1800ms;transition-delay:1800ms}body[data-aos-duration='1850'] [data-aos],[data-aos][data-aos][data-aos-duration='1850']{-webkit-transition-duration:1850ms;transition-duration:1850ms}body[data-aos-delay='1850'] [data-aos],[data-aos][data-aos][data-aos-delay='1850']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1850'].aos-animate{-webkit-transition-delay:1850ms;transition-delay:1850ms}body[data-aos-duration='1900'] [data-aos],[data-aos][data-aos][data-aos-duration='1900']{-webkit-transition-duration:1900ms;transition-duration:1900ms}body[data-aos-delay='1900'] [data-aos],[data-aos][data-aos][data-aos-delay='1900']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1900'].aos-animate{-webkit-transition-delay:1900ms;transition-delay:1900ms}body[data-aos-duration='1950'] [data-aos],[data-aos][data-aos][data-aos-duration='1950']{-webkit-transition-duration:1950ms;transition-duration:1950ms}body[data-aos-delay='1950'] [data-aos],[data-aos][data-aos][data-aos-delay='1950']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='1950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1950'].aos-animate{-webkit-transition-delay:1950ms;transition-delay:1950ms}body[data-aos-duration='2000'] [data-aos],[data-aos][data-aos][data-aos-duration='2000']{-webkit-transition-duration:2000ms;transition-duration:2000ms}body[data-aos-delay='2000'] [data-aos],[data-aos][data-aos][data-aos-delay='2000']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2000'].aos-animate{-webkit-transition-delay:2000ms;transition-delay:2000ms}body[data-aos-duration='2050'] [data-aos],[data-aos][data-aos][data-aos-duration='2050']{-webkit-transition-duration:2050ms;transition-duration:2050ms}body[data-aos-delay='2050'] [data-aos],[data-aos][data-aos][data-aos-delay='2050']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2050'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2050'].aos-animate{-webkit-transition-delay:2050ms;transition-delay:2050ms}body[data-aos-duration='2100'] [data-aos],[data-aos][data-aos][data-aos-duration='2100']{-webkit-transition-duration:2100ms;transition-duration:2100ms}body[data-aos-delay='2100'] [data-aos],[data-aos][data-aos][data-aos-delay='2100']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2100'].aos-animate{-webkit-transition-delay:2100ms;transition-delay:2100ms}body[data-aos-duration='2150'] [data-aos],[data-aos][data-aos][data-aos-duration='2150']{-webkit-transition-duration:2150ms;transition-duration:2150ms}body[data-aos-delay='2150'] [data-aos],[data-aos][data-aos][data-aos-delay='2150']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2150'].aos-animate{-webkit-transition-delay:2150ms;transition-delay:2150ms}body[data-aos-duration='2200'] [data-aos],[data-aos][data-aos][data-aos-duration='2200']{-webkit-transition-duration:2200ms;transition-duration:2200ms}body[data-aos-delay='2200'] [data-aos],[data-aos][data-aos][data-aos-delay='2200']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2200'].aos-animate{-webkit-transition-delay:2200ms;transition-delay:2200ms}body[data-aos-duration='2250'] [data-aos],[data-aos][data-aos][data-aos-duration='2250']{-webkit-transition-duration:2250ms;transition-duration:2250ms}body[data-aos-delay='2250'] [data-aos],[data-aos][data-aos][data-aos-delay='2250']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2250'].aos-animate{-webkit-transition-delay:2250ms;transition-delay:2250ms}body[data-aos-duration='2300'] [data-aos],[data-aos][data-aos][data-aos-duration='2300']{-webkit-transition-duration:2300ms;transition-duration:2300ms}body[data-aos-delay='2300'] [data-aos],[data-aos][data-aos][data-aos-delay='2300']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2300'].aos-animate{-webkit-transition-delay:2300ms;transition-delay:2300ms}body[data-aos-duration='2350'] [data-aos],[data-aos][data-aos][data-aos-duration='2350']{-webkit-transition-duration:2350ms;transition-duration:2350ms}body[data-aos-delay='2350'] [data-aos],[data-aos][data-aos][data-aos-delay='2350']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2350'].aos-animate{-webkit-transition-delay:2350ms;transition-delay:2350ms}body[data-aos-duration='2400'] [data-aos],[data-aos][data-aos][data-aos-duration='2400']{-webkit-transition-duration:2400ms;transition-duration:2400ms}body[data-aos-delay='2400'] [data-aos],[data-aos][data-aos][data-aos-delay='2400']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2400'].aos-animate{-webkit-transition-delay:2400ms;transition-delay:2400ms}body[data-aos-duration='2450'] [data-aos],[data-aos][data-aos][data-aos-duration='2450']{-webkit-transition-duration:2450ms;transition-duration:2450ms}body[data-aos-delay='2450'] [data-aos],[data-aos][data-aos][data-aos-delay='2450']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2450'].aos-animate{-webkit-transition-delay:2450ms;transition-delay:2450ms}body[data-aos-duration='2500'] [data-aos],[data-aos][data-aos][data-aos-duration='2500']{-webkit-transition-duration:2500ms;transition-duration:2500ms}body[data-aos-delay='2500'] [data-aos],[data-aos][data-aos][data-aos-delay='2500']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2500'].aos-animate{-webkit-transition-delay:2500ms;transition-delay:2500ms}body[data-aos-duration='2550'] [data-aos],[data-aos][data-aos][data-aos-duration='2550']{-webkit-transition-duration:2550ms;transition-duration:2550ms}body[data-aos-delay='2550'] [data-aos],[data-aos][data-aos][data-aos-delay='2550']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2550'].aos-animate{-webkit-transition-delay:2550ms;transition-delay:2550ms}body[data-aos-duration='2600'] [data-aos],[data-aos][data-aos][data-aos-duration='2600']{-webkit-transition-duration:2600ms;transition-duration:2600ms}body[data-aos-delay='2600'] [data-aos],[data-aos][data-aos][data-aos-delay='2600']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2600'].aos-animate{-webkit-transition-delay:2600ms;transition-delay:2600ms}body[data-aos-duration='2650'] [data-aos],[data-aos][data-aos][data-aos-duration='2650']{-webkit-transition-duration:2650ms;transition-duration:2650ms}body[data-aos-delay='2650'] [data-aos],[data-aos][data-aos][data-aos-delay='2650']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2650'].aos-animate{-webkit-transition-delay:2650ms;transition-delay:2650ms}body[data-aos-duration='2700'] [data-aos],[data-aos][data-aos][data-aos-duration='2700']{-webkit-transition-duration:2700ms;transition-duration:2700ms}body[data-aos-delay='2700'] [data-aos],[data-aos][data-aos][data-aos-delay='2700']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2700'].aos-animate{-webkit-transition-delay:2700ms;transition-delay:2700ms}body[data-aos-duration='2750'] [data-aos],[data-aos][data-aos][data-aos-duration='2750']{-webkit-transition-duration:2750ms;transition-duration:2750ms}body[data-aos-delay='2750'] [data-aos],[data-aos][data-aos][data-aos-delay='2750']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2750'].aos-animate{-webkit-transition-delay:2750ms;transition-delay:2750ms}body[data-aos-duration='2800'] [data-aos],[data-aos][data-aos][data-aos-duration='2800']{-webkit-transition-duration:2800ms;transition-duration:2800ms}body[data-aos-delay='2800'] [data-aos],[data-aos][data-aos][data-aos-delay='2800']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2800'].aos-animate{-webkit-transition-delay:2800ms;transition-delay:2800ms}body[data-aos-duration='2850'] [data-aos],[data-aos][data-aos][data-aos-duration='2850']{-webkit-transition-duration:2850ms;transition-duration:2850ms}body[data-aos-delay='2850'] [data-aos],[data-aos][data-aos][data-aos-delay='2850']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2850'].aos-animate{-webkit-transition-delay:2850ms;transition-delay:2850ms}body[data-aos-duration='2900'] [data-aos],[data-aos][data-aos][data-aos-duration='2900']{-webkit-transition-duration:2900ms;transition-duration:2900ms}body[data-aos-delay='2900'] [data-aos],[data-aos][data-aos][data-aos-delay='2900']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2900'].aos-animate{-webkit-transition-delay:2900ms;transition-delay:2900ms}body[data-aos-duration='2950'] [data-aos],[data-aos][data-aos][data-aos-duration='2950']{-webkit-transition-duration:2950ms;transition-duration:2950ms}body[data-aos-delay='2950'] [data-aos],[data-aos][data-aos][data-aos-delay='2950']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='2950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2950'].aos-animate{-webkit-transition-delay:2950ms;transition-delay:2950ms}body[data-aos-duration='3000'] [data-aos],[data-aos][data-aos][data-aos-duration='3000']{-webkit-transition-duration:3000ms;transition-duration:3000ms}body[data-aos-delay='3000'] [data-aos],[data-aos][data-aos][data-aos-delay='3000']{-webkit-transition-delay:0;transition-delay:0}body[data-aos-delay='3000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='3000'].aos-animate{-webkit-transition-delay:3000ms;transition-delay:3000ms}body[data-aos-easing="linear"] [data-aos],[data-aos][data-aos][data-aos-easing="linear"]{-webkit-transition-timing-function:cubic-bezier(0.25, 0.25, 0.75, 0.75);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"]{-webkit-transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);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"]{-webkit-transition-timing-function:cubic-bezier(0.42, 0, 1, 1);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"]{-webkit-transition-timing-function:cubic-bezier(0, 0, 0.58, 1);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"]{-webkit-transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1);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"]{-webkit-transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045);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"]{-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);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"]{-webkit-transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);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"]{-webkit-transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715);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"]{-webkit-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);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"]{-webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);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"]{-webkit-transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);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"]{-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);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"]{-webkit-transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);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"]{-webkit-transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);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"]{-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);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"]{-webkit-transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);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"]{-webkit-transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);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"]{-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);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"]{-webkit-transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-aos^='fade'][data-aos^='fade']{opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform}[data-aos^='fade'][data-aos^='fade'].aos-animate{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}[data-aos='fade-up']{-webkit-transform:translate(0, 100px);transform:translate(0, 100px)}[data-aos='fade-down']{-webkit-transform:translate(0, -100px);transform:translate(0, -100px)}[data-aos='fade-right']{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0)}[data-aos='fade-left']{-webkit-transform:translate(100px, 0);transform:translate(100px, 0)}[data-aos='fade-up-right']{-webkit-transform:translate(-100px, 100px);transform:translate(-100px, 100px)}[data-aos='fade-up-left']{-webkit-transform:translate(100px, 100px);transform:translate(100px, 100px)}[data-aos='fade-down-right']{-webkit-transform:translate(-100px, -100px);transform:translate(-100px, -100px)}[data-aos='fade-down-left']{-webkit-transform:translate(100px, -100px);transform:translate(100px, -100px)}[data-aos^='zoom'][data-aos^='zoom']{opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform}[data-aos^='zoom'][data-aos^='zoom'].aos-animate{opacity:1;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}[data-aos='zoom-in']{-webkit-transform:scale(0.6);transform:scale(0.6)}[data-aos='zoom-in-up']{-webkit-transform:translate(0, 100px) scale(0.6);transform:translate(0, 100px) scale(0.6)}[data-aos='zoom-in-down']{-webkit-transform:translate(0, -100px) scale(0.6);transform:translate(0, -100px) scale(0.6)}[data-aos='zoom-in-right']{-webkit-transform:translate(-100px, 0) scale(0.6);transform:translate(-100px, 0) scale(0.6)}[data-aos='zoom-in-left']{-webkit-transform:translate(100px, 0) scale(0.6);transform:translate(100px, 0) scale(0.6)}[data-aos='zoom-out']{-webkit-transform:scale(1.2);transform:scale(1.2)}[data-aos='zoom-out-up']{-webkit-transform:translate(0, 100px) scale(1.2);transform:translate(0, 100px) scale(1.2)}[data-aos='zoom-out-down']{-webkit-transform:translate(0, -100px) scale(1.2);transform:translate(0, -100px) scale(1.2)}[data-aos='zoom-out-right']{-webkit-transform:translate(-100px, 0) scale(1.2);transform:translate(-100px, 0) scale(1.2)}[data-aos='zoom-out-left']{-webkit-transform:translate(100px, 0) scale(1.2);transform:translate(100px, 0) scale(1.2)}[data-aos^='slide'][data-aos^='slide']{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos^='slide'][data-aos^='slide'].aos-animate{-webkit-transform:translate(0, 0);transform:translate(0, 0)}[data-aos='slide-up']{-webkit-transform:translateY(100%);transform:translateY(100%)}[data-aos='slide-down']{-webkit-transform:translateY(-100%);transform:translateY(-100%)}[data-aos='slide-right']{-webkit-transform:translateX(-100%);transform:translateX(-100%)}[data-aos='slide-left']{-webkit-transform:translateX(100%);transform:translateX(100%)}[data-aos^='flip'][data-aos^='flip']{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos='flip-left']{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos='flip-left'].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos='flip-right']{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos='flip-right'].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos='flip-up']{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos='flip-up'].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos='flip-down']{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos='flip-down'].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} /* Base Styles */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } body { color: white; font-family: 'Montserrat', sans-serif; } .white_link { text-decoration: none; color: white; } .sup { vertical-align: super; font-size: xx-small; } .colorBlue{ color: #5093F7; } .colorPurple{ color: #A61F77; } .colorOrange{ color: #FF8A4F ; } .colorGreen{ color: #6CCBB5; } /* s_01 : section 01 : Intro */ .s_01 { position: relative; } .s_01_gradient, .s_01_video { display: none; } .s_01_text h2 { font-size: 15vw; font-weight: 400; margin-bottom: 3vw; } .s_01_text h3 { font-size: 2.25vw; font-weight: 600; letter-spacing: .35vw; } /* s_01 scrolling background image * that only shows on viewport * widths of 550 or less */ .s_01_home { background-color:#C0DEED; background:url("../assets/images/klinck.jpg") center top repeat-x; height: 100vh; width: 100vw; -webkit-background-size: cover; background-size: cover; -webkit-animation: s_01_home_image_horizontal_scroll 50s linear infinite; animation: s_01_home_image_horizontal_scroll 50s linear infinite; } @-webkit-keyframes s_01_home_image_horizontal_scroll { from { background-position: 5% 0; } to { background-position: 100% 0; } } @keyframes s_01_home_image_horizontal_scroll { from { background-position: 5% 0; } to { background-position: 100% 0; } } .s_01_text { padding: 9%; background: rgba(0,0,0,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* s_02 : section 02 : Message from the CIO */ .s_02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .s_02_text { padding: 9%; } .s_02_text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1.8; -ms-flex-negative: 1.8; flex-shrink: 1.8; } .s_02_text h4 { font-size: 5vw; font-weight: 400; letter-spacing: 2.5px; line-height: 8vw; color: #6CCBB5; margin-bottom: 8%; } .s_02_text p { color: black; font-size: 4vw; font-weight: 300; line-height: 25px; padding-bottom: 9%; } .s_02_video { -webkit-box-flex: 1.8; -webkit-flex-grow: 1.8; -ms-flex-positive: 1.8; flex-grow: 1.8; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .media { max-width: 750px; min-width: 320px; width: 100%; } .media__video { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } iframe, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* s_03 : section 03 : A Year in Review */ .s_03, .s_05 { padding: 9%; } .s_03 { background: -webkit-gradient(linear, left top, right bottom, from(#1797fc), to(#d9ff69)); background: -webkit-linear-gradient(top left, #1797fc, #d9ff69); background: -o-linear-gradient(top left, #1797fc, #d9ff69); background: linear-gradient(to bottom right, #1797fc, #d9ff69); } .s_03 h1, .s_05 h1, .s_09 h1 { font-size: 9vw; line-height: 9.5vw; margin-bottom: 5vw; text-align: center; } .s_03 p, .s_05 p, .s_09 p { font-weight: 300; font-size: 0.85em; line-height: 25px; } /* section 04 - s_04 - By the Numbers */ .s_04 { color: black; padding: 9%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s_04_section_divider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .s_04_stats_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .s_04_stats_container h4 { font-size: 17px; letter-spacing: 2px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; text-align: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .s_04_text_numbers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .s_04_text_numbers_big_number { font-size: 35px; font-weight: 300; padding-right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10vw; } .s_04_text_numbers_description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 38vw; } .s_04_text_numbers_description_main { font-size: 13px; font-weight: 300; line-height: 18px; margin-bottom: 5px; } .s_04_text_numbers_description_sub { font-size: 8.5px; font-weight: 500; letter-spacing: .75px; } .s_04_text_numbers_description_sub span{ font-size: 12px; } .s_04_svg_container { display: none; } .s_05 { background: -webkit-gradient(linear, left top, right bottom, from(#4b15fb), to(#54ffef)); background: -webkit-linear-gradient(top left, #4b15fb, #54ffef); background: -o-linear-gradient(top left, #4b15fb, #54ffef); background: linear-gradient(to bottom right, #4b15fb, #54ffef); } /* Stories */ .s_06_story_main_container { width: 100%; overflow: hidden; } .s_06_story_main { color: white; position: relative; } .s_06_story_main_image { width: 100%; height: auto; } .s_06_story_main_text_headline { position: absolute; top: 0; bottom: 0; left: 0%; right: 0; overflow: hidden; width: 25%; height: 100%; margin-left: 9%; font-size: 2.2vw; font-weight: 400; letter-spacing: .4vw; line-height: 3.5vw; text-transform: uppercase; z-index: 999; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; } .s_06_story_main_text_headline br { display: none; } .s_06_story_main_text_caption { display: none; } .s_06_story_main_mobile_caption { text-align: right; color: black; font-weight: 300; font-size: 2vw; letter-spacing: .25vw; line-height: 2.5vw; width: 54.75%; padding: 0 2% 0 0; margin-top: 1%; float: right; } .s_06_story_main_gradient_overlay_container { position: absolute; width: 100%; height: 100%; top: -1px; left: 0; } .s_06_story_main_gradient_overlay { position: absolute; bottom: 0; left: -35%; right: 0; overflow: hidden; width: 74%; height: 100%; transform: skewX(15deg); z-index: 2; } #s_06_story_main_gradient_overlay_1 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_2 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_3 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_4 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_5 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_6 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } #s_06_story_main_gradient_overlay_7 { background: -webkit-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: -o-linear-gradient(315deg, #DAFF6A, #DAFF6A 40%, #0099FF); background: linear-gradient(135deg, #DAFF6A, #DAFF6A 40%, #0099FF); } .s_06_story_detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 6% 9% 9% 9%; } .s_06_story_detail p { color: black; font-size: 15px; font-weight: 300; letter-spacing: 0.3px; line-height: 20px; padding-bottom: 25px; } /* s_07 : section 07 : Future Of It */ .s_07_nonaccordion { display: none; } .s_07_accordion { background: -webkit-gradient(linear, left top, right bottom, from(#81CED1), to(#525AA4)); background: -webkit-linear-gradient(top left, #81CED1, #525AA4); background: -o-linear-gradient(top left, #81CED1, #525AA4); background: linear-gradient(to bottom right, #81CED1, #525AA4); padding: 9%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s_07 h4 { font-size: 4vw; font-weight: 400; letter-spacing: 0.26vw; line-height: 4.75vw; margin-bottom: 3.125vw; text-transform: uppercase; margin-bottom: 9%; } .s_07_accordion_director_name { font-size: 20px; font-weight: 300; padding: 0; margin: 0; line-height: normal; } .s_07_accordion_director_title { font-size: 9px; font-weight: 400; text-transform: uppercase; padding: 7px 0 0px 0; margin: 0; line-height: 15px; } .s_07_directors_accordion_tab { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 25px; } .s_07_accordion_director_description { overflow: hidden; max-height: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .s_07_accordion_director_description img { margin-top: 5%; margin-bottom: 3%; height: auto; width: 220px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .s_07_accordion_director_description p { color: black; background-color: white; font-size: 10px; font-weight: 400; padding: 3%; margin: 0px 0 0 0; line-height: 16px; } label { padding: 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } label .icon { width: 20px; height: 20px; position: absolute; right: 0; } label .icon span { background-color: white; display: inline-block; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } label .icon span:first-child { width: 2px; height: 20px; left: 9px; } label .icon span:last-child { width: 20px; height: 2px; top: 9px; } input { display: none; } input:checked ~ .s_07_accordion_director_description { max-height: 500px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } input:checked ~ .s_07_directors_accordion_tab_toggle .icon span:first-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* s_08 : section 03 : Directors */ .s_08 { background: linear-gradient(to bottom right, #500193, #fc3e5b); padding: 9%; display: flex; flex-direction: column; } .s_08 h4 { font-size: 4vw; font-weight: 400; letter-spacing: 0.26vw; line-height: 4.75vw; margin-bottom: 3.125vw; text-transform: uppercase; } .s_08 h3 { font-size: 2vw; font-weight: 300; letter-spacing: 0.2vw; line-height: 2.6vw; margin-bottom: 3.125vw; } .s_08_nonaccordion { display: none; } .s_08_accordion { display: flex; } .s_08_accordion_director_name { font-size: 20px; font-weight: 300; padding: 0; margin: 0; line-height: normal; } .s_08_accordion_director_title { font-size: 9px; font-weight: 400; text-transform: uppercase; padding: 7px 0 0px 0; margin: 0; line-height: 15px; } .s_08_directors_accordion_tab { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 25px; } .s_08_accordion_director_description { overflow: hidden; max-height: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .s_08_accordion_director_description img { margin-top: 5%; margin-bottom: 3%; height: auto; width: 220px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .s_08_accordion_director_description p { color: black; background-color: white; font-size: 10px; font-weight: 400; padding: 3%; margin: 0px 0 0 0; line-height: 16px; } label { padding: 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } label .icon { width: 20px; height: 20px; position: absolute; right: 0; } label .icon span { background-color: white; display: inline-block; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } label .icon span:first-child { width: 2px; height: 20px; left: 9px; } label .icon span:last-child { width: 20px; height: 2px; top: 9px; } input { display: none; } input:checked ~ .s_08_accordion_director_description { max-height: 500px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } input:checked ~ .s_08_directors_accordion_tab_toggle .icon span:first-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* s_09 : section 09 : Thank You */ .s_09 { position: relative; overflow: hidden; } .s_09_gradient, .s_09_video { display: none; } /* s_09 scrolling background image * that only shows on viewport * widths of 550 or less */ .s_09_home { background-color:#C0DEED; background:url("../assets/images/klinck.jpg") center top repeat-x; height: 100vh; width: 100vw; -webkit-background-size: cover; background-size: cover; -webkit-animation: s_09_home_image_horizontal_scroll 50s linear infinite; animation: s_09_home_image_horizontal_scroll 50s linear infinite; } @-webkit-keyframes s_09_home_image_horizontal_scroll { from { background-position: 5% 0; } to { background-position: 100% 0; } } @keyframes s_09_home_image_horizontal_scroll { from { background-position: 5% 0; } to { background-position: 100% 0; } } .s_09_text { padding: 9%; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; } #s_09_text_small_text { font-size: 2vw; line-height: 1.5vw; align-self: flex-end; } /* Media Queries */ @media (min-width: 450px) { .s_01_home { -webkit-animation: s_01_home_image_horizontal_scroll 35s linear infinite; animation: s_01_home_image_horizontal_scroll 35s linear infinite; } .s_02 h4 br { display: none; } .s_02_text p { font-size: 1.1em; } .s_04_text_numbers_big_number { margin-right: 6vw; } .s_06_story_main_mobile_caption { font-size: 1.5vw; letter-spacing: .1vw; line-height: 2vw; } } @media (min-width: 520px){ .s_04_text_numbers_description { width: 200px; } } @media (min-width: 550px) { .s_01, .s_09 { position: relative; /* if position != relative, the gradient doesn't cover entire video */ overflow: hidden; } .s_01_gradient, .s_01_video, .s_09_gradient, .s_09_video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s_01_gradient { background: -webkit-gradient(linear, left top, right bottom, from(#0466fb), to(#53ce91)); background: -webkit-linear-gradient(top left, #0466fb, #53ce91); background: -o-linear-gradient(top left, #0466fb, #53ce91); background: linear-gradient(to bottom right, #0466fb, #53ce91); } .s_01_gradient, .s_09_gradient { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.75; } .s_01_video, .s_09_video { width: 100%; vertical-align: middle; } .s_01_home, .s_09_home { display: none; } .s_01_text { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s_01_text h2 { font-size: 9vw; margin-bottom: 2vw; } .s_01_text h3 { font-size: 1.25vw; letter-spacing: .35vw; } .s_02 { padding: 9%; } .s_02_text { padding: 0% 9% 0% 0%; } .s_02_text h4 { font-size: 1.6em; } .s_09_gradient { background: -webkit-gradient(linear, left top, right bottom, from(#0466fb), to(#53ce91)); background: -webkit-linear-gradient(top left, #0466fb, #53ce91); background: -o-linear-gradient(top left, #0466fb, #53ce91); background: linear-gradient(to bottom right, #0466fb, #53ce91); } } @media (min-width: 600px) { .s_02_text h4 { line-height: 50px; } .s_06_story_main_text_headline { width: 20%; font-size: 1.6vw; letter-spacing: .2vw; line-height: 2.5vw; font-weight: 400; } .s_06_story_main_text_headline br { display: inline; } .s_06_story_detail { padding: 9%; } .s_07_accordion { display: none; } .s_07_nonaccordion { position: relative; overflow: hidden; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s_07_nonaccordion_ieFix { position: relative; overflow: hidden; display: flex; } .s_07_gradient { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: -webkit-gradient(linear, left top, right bottom, from(#81CED1), to(#525AA4)); background: -webkit-linear-gradient(top left, #81CED1, #525AA4); background: -o-linear-gradient(top left, #81CED1, #525AA4); background: linear-gradient(to bottom right, #81CED1, #525AA4); opacity: 0.75; } .s_07_video { height: auto; vertical-align: middle; width: 100%; } .s_07_text { color: white; padding: 9% 9% 9% 9%; background: rgba(0,0,0,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .s_07_text h1 { text-transform: uppercase; font-size: 2.5vw; font-weight: 400; padding: 0; margin: 0 0 2.5vw 0; line-height: normal; } .s_07_svg_balls { margin-bottom: 2.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s_07_svg_ball_container { width: 17vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s_07_circular_img { width: 7vw; height: 7vw; -webkit-border-radius: 50%; border-radius: 50%; } .s_07_circular_img:hover { cursor: pointer; } .s_07_blurb_container { padding: 2%; color: black; border-radius: 2px; overflow: hidden; width: 100%; background-color: white; } .s_07_blurb_text{ font-size: 1.5vw; font-weight: 300; letter-spacing: 0.05vw; line-height: 2.5vw; padding-bottom: 1.66vw; overflow: hidden; display: flex; flex-wrap: nowrap; flex-direction: column; width: 100%; } .s_07_blurb_text .close { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-weight: 700; color: black; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .s_07_blurb_author { font-size: 1.15vw; font-weight: 400; letter-spacing: 0.05vw; line-height: 2vw; overflow: hidden; width: 100%; display: flex; flex-direction: row; } .s_07_blurb_author_name_title { padding-left: 2vw; display: flex; flex-direction: column; justify-content: center; } .hide { display: none; } .s_08_accordion { display: none; } .s_08_nonaccordion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .s_08_nonaccordion h3{ text-transform: uppercase; } .s_08_accordion { display: none; } .s_08_nonaccordion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .s_08 h4 { font-size: 3vw; font-weight: 300; letter-spacing: 0.26vw; line-height: 3.4vw; margin-bottom: 3.125vw; text-transform: uppercase; } .s_08 h3 { font-size: 1.66vw; font-weight: 300; letter-spacing: 0.2vw; line-height: 2.6vw; margin-bottom: 3.125vw; } .s_08_nonaccordion h3{ text-transform: uppercase; } .s_08_directors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -.6vw; } .s_08_director_pic { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 39vw; margin: .6vw; overflow: hidden; position: relative; } .s_08_tagline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .s_08_tagline p{ font-size: 14px; font-weight: 300; letter-spacing: 2px; text-align: left; margin-top: 2px; } .s_08_empty { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 220px; margin: .6vw; overflow: hidden; position: relative; background: -webkit-linear-gradient(315deg, #55FFEE, #55FFEE 40%, #4C2AFF); background: -o-linear-gradient(315deg, #55FFEE, #55FFEE 40%, #4C2AFF); background: linear-gradient(135deg, #55FFEE, #55FFEE 40%, #4C2AFF); } .s_08_director_caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2c3e50; } .s_08_director_name, .s_08_director_title { opacity: 0; } .s_08_director_name { font-size: 14px; font-weight: 300; } .s_08_director_title { font-size: 8px; text-transform: uppercase; } .s_08_director_name_title_divider{ content: ""; left: 0; right: 0; width: 0; height: 1px; margin: 5px 0 6px 0; background: #2c3e50; } .s_08_director_image { width: 100%; height: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .s_08_director_pic:hover { cursor: pointer; } .s_08_director_pic:hover .s_08_director_caption{ background: rgba(255,255,255,0.3); } .s_08_director_caption:hover .s_08_director_name, .s_08_director_caption:hover .s_08_director_title{ opacity: 1; top: 0; } .s_08_director_caption:hover .s_08_director_name_title_divider{ width: 25%; } .s_08_director_pic:hover .s_08_director_image { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } /* s_08 : section 03 : Modal */ .s_08_modal_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(255,255,255,0.25); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 999; opacity:0; visibility:hidden; } .open { opacity:1; visibility:visible; } .s_08_modal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 450px; height: auto; background-color: white; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding-bottom: 16px; } .s_08_modal_close { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; cursor: pointer; } .s_08_modal_close p { color: black; font-size: 22.5px; margin: 15px 10px; padding: 0; line-height: 0; } .s_08_modal_body { margin-top: -17px; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s_08_modal_body_director_pic { width: 200px; height: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 25px; } .s_08_modal_body_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 4; -webkit-flex-grow: 4; -ms-flex-positive: 4; flex-grow: 4; } .s_08_modal_body_text_director_name { font-size: 20px; font-weight: 300; padding: 0; margin: 0; line-height: normal; color: #A61F77 } .s_08_modal_body_text_director_title { font-size: 9px; text-transform: uppercase; padding: 4px 0; margin: 0; line-height: 12px; color: #A61F77 } .s_08_modal_body_text_director_description { color: black; font-size: 14px; font-weight: 300; padding: 0; margin: 0; line-height: 16px; overflow: hidden; width: 195px; flex: 0 1 auto; display: flex; flex-direction: column; } } @media (min-width: 650px) { .s_04_even { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .s_04_section_divider { margin-bottom: 6.25vw; } .s_04_stats_container h4 { font-size: 2.30vw; letter-spacing: .5vw; font-weight: 300; margin-bottom: 2vw; } .s_04_text_numbers { margin-bottom: 3.75vw; } .s_04_text_numbers_big_number { font-size: 6vw; font-weight: 300; padding-right: 0px; margin-right: 6vw; } .s_04_text_numbers_description { width: 30vw; } .s_04_text_numbers_description_main { font-size: 2vw; font-weight: 300; line-height: 3vw; margin-bottom: .75vw; } .s_04_text_numbers_description_sub { font-size: 1.25vw; font-weight: 500; letter-spacing: .75px; } .s_04_text_numbers_description_sub span{ font-size: 1.75vw; font-weight: 600; } .s_04_svg_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .s_04_svg_container_odd { margin-left: 8.25vw; } .s_04_svg_container_even { margin-right:8.25vw; } .s_04_SVG{ height: auto; width: 18vw; margin-left: auto; margin-right: auto; } .people_svg{ width: 18.5vw; } } @media (min-width: 720px) { .s_06_story_main_mobile_caption { display: none; } .s_06_story_main_text_caption { position: absolute; top: 0; bottom: 0; left: 0%; right: 0; overflow: hidden; width: 30%; height: 100%; margin-left: 9%; font-size: 1.25vw; letter-spacing: .05vw; font-weight: 300; line-height: 1.75vw; z-index: 999; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-end; padding-bottom: 7%; } .s_06_story_detail p { color: black; font-size: 15px; font-weight: 300; letter-spacing: 0.3px; line-height: 20px; padding-bottom: 25px; } } @media (min-width: 725px) { .s_08_director_pic { width: 24vw; } } @media (min-width: 727px) { .s_02 h4 br { display: inline; } } @media (min-width: 750px) { .s_03 p, .s_05 p, .s_09 p { font-size: 1.8vw; line-height: 2.5vw; margin-bottom: 5vw; } } @media (min-width: 836px) { .logo{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .logo p{ margin: 0; padding: 0 0 4% 4%; font-size: 1.8vw; } } @media (min-width: 900px) { .s_04_even { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .s_04_section_divider { margin-bottom: 56.25px; } .s_04_stats_container h4 { font-size: 20.75px; letter-spacing: 4.55px; font-weight: 300; margin-bottom: 18px; } .s_04_text_numbers { margin-bottom: 33.75px; } .s_04_text_numbers_big_number { font-size: 54px; font-weight: 300; padding-right: 0px; margin-right: 54px; } .s_04_text_numbers_description { width: 270px; } .s_04_text_numbers_description_main { font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 6.75px; } .s_04_text_numbers_description_sub { font-size: 11.5px; font-weight: 500; letter-spacing: .75px; } .s_04_text_numbers_description_sub span{ font-size: 16px; font-weight: 600; } .s_04_svg_container_odd { margin-left: 75px; } .s_04_svg_container_even { margin-right: 75px; } .s_04_SVG{ height: auto; width: 162.5px; margin-left: auto; margin-right: auto; } .people_svg{ width: 18.5vw; } } @media (min-width: 1200px) { .s_06_story_main_text_caption { width: 25%; font-size: 15px; letter-spacing: 0.6px; line-height: 21px; padding-bottom: 7%; } } @media (min-width: 1436px) { .s_08_director_pic { width: 15vw; } } /* Screen Styles */ .dark-screen { display: none; } .dark-screen.is-active { display: block; position: fixed; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.5); top: 0; left: 0; z-index: 1000; } /* adjust z-index to allow the content to appear above the screen and add a relative position to allow it to appear above a fixed item */ .s_07_blurb_container { position: relative; z-index: 1001; } /* adjust font size for replaced close triggers */ .close { font-size: 3rem; } /* Fix for small font antialiasing issue on hover effect, changed color to black to aid legibility */ .s_08_director_caption:hover .s_08_director_name, .s_08_director_caption:hover .s_08_director_title { position: relative; color: #000; } /* affix final thank you text to bottom of panel */ .s_09_text { height:100%; } #s_09_text_small_text { position: absolute; bottom: 0; font-size: .75rem; line-height: 1.5; padding-bottom: 1rem; max-width: 90%; right: 0; margin: 2rem; } /* Menu Styles */ /* HumbleGS 1.0.0 - Copyright 2015 Adrien Glitchbone - MIT License */ /* Base container properties */ .container, .container-fluid, .container-full, .container-fixed { overflow: hidden; margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; } /* Base column properties */ .col-xs-0, .col-sm-0, .col-md-0, .col-lg-0, .col-0, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; padding-left: 8px; padding-right: 8px; min-height: 1px; float: left; } .row-align-center > [class*="col-"], .row-align-right > [class*="col-"] { display: inline-block; float: none; letter-spacing: normal; text-align: left; } @media (max-width: 752px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 752px) and (max-width: 972px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 972px) and (max-width: 1172px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1172px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 752px) { .hidden-xs { display: none !important; } } @media (min-width: 752px) and (max-width: 972px) { .hidden-sm { display: none !important; } } @media (min-width: 972px) and (max-width: 1172px) { .hidden-md { display: none !important; } } @media (min-width: 1172px) { .hidden-lg { display: none !important; } } /* Set box-sizing */ .container, .row, .row:after, .row:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Container */ .container-full { padding-left: 0; padding-right: 0; } .container { max-width: 1172px; } @media (max-width: 1171px) { .container { max-width: 972px; } } @media (max-width: 971px) { .container { max-width: 752px; } } .container-fixed { width: 992px; } /* Clearfix & box-model + list-style reset for ul support */ .row { *zoom: 1; list-style: none; margin: 0; padding: 0; border: 0; margin-left: -8px; margin-right: -8px; } .row:after { content: ""; display: table; clear: both; } .row-align-center, .row-align-right { /* Remove whitespace between inline-block elements */ letter-spacing: -.25em; } .row-align-center { text-align: center; } .row-align-right { text-align: right; } /* Nested grid */ .row > .row { clear: none; float: left; margin: 0 !important; } /* Generate columns sizes */ .col-0 { width: 0%; } .col-offset-0 { margin-left: 0%; } .col-push-0 { left: 0%; } .col-pull-0 { right: 0%; } .col-1 { width: 8.33333%; } .col-offset-1 { margin-left: 8.33333%; } .col-push-1 { left: 8.33333%; } .col-pull-1 { right: 8.33333%; } .col-2 { width: 16.66667%; } .col-offset-2 { margin-left: 16.66667%; } .col-push-2 { left: 16.66667%; } .col-pull-2 { right: 16.66667%; } .col-3 { width: 25%; } .col-offset-3 { margin-left: 25%; } .col-push-3 { left: 25%; } .col-pull-3 { right: 25%; } .col-4 { width: 33.33333%; } .col-offset-4 { margin-left: 33.33333%; } .col-push-4 { left: 33.33333%; } .col-pull-4 { right: 33.33333%; } .col-5 { width: 41.66667%; } .col-offset-5 { margin-left: 41.66667%; } .col-push-5 { left: 41.66667%; } .col-pull-5 { right: 41.66667%; } .col-6 { width: 50%; } .col-offset-6 { margin-left: 50%; } .col-push-6 { left: 50%; } .col-pull-6 { right: 50%; } .col-7 { width: 58.33333%; } .col-offset-7 { margin-left: 58.33333%; } .col-push-7 { left: 58.33333%; } .col-pull-7 { right: 58.33333%; } .col-8 { width: 66.66667%; } .col-offset-8 { margin-left: 66.66667%; } .col-push-8 { left: 66.66667%; } .col-pull-8 { right: 66.66667%; } .col-9 { width: 75%; } .col-offset-9 { margin-left: 75%; } .col-push-9 { left: 75%; } .col-pull-9 { right: 75%; } .col-10 { width: 83.33333%; } .col-offset-10 { margin-left: 83.33333%; } .col-push-10 { left: 83.33333%; } .col-pull-10 { right: 83.33333%; } .col-11 { width: 91.66667%; } .col-offset-11 { margin-left: 91.66667%; } .col-push-11 { left: 91.66667%; } .col-pull-11 { right: 91.66667%; } .col-12 { width: 100%; } .col-offset-12 { margin-left: 100%; } .col-push-12 { left: 100%; } .col-pull-12 { right: 100%; } @media only screen and (min-width: 0) { .col-xs-0 { width: 0%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-push-0 { left: 0%; } .col-xs-pull-0 { right: 0%; } .col-xs-1 { width: 8.33333%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-push-3 { left: 25%; } .col-xs-pull-3 { right: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-push-6 { left: 50%; } .col-xs-pull-6 { right: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-push-9 { left: 75%; } .col-xs-pull-9 { right: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-push-12 { left: 100%; } .col-xs-pull-12 { right: 100%; } } @media (min-width: 752px) { .col-sm-0 { width: 0%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-push-0 { left: 0%; } .col-sm-pull-0 { right: 0%; } .col-sm-1 { width: 8.33333%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-push-3 { left: 25%; } .col-sm-pull-3 { right: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-push-6 { left: 50%; } .col-sm-pull-6 { right: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-push-9 { left: 75%; } .col-sm-pull-9 { right: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-push-12 { left: 100%; } .col-sm-pull-12 { right: 100%; } } @media (min-width: 972px) { .col-md-0 { width: 0%; } .col-md-offset-0 { margin-left: 0%; } .col-md-push-0 { left: 0%; } .col-md-pull-0 { right: 0%; } .col-md-1 { width: 8.33333%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-push-1 { left: 8.33333%; } .col-md-pull-1 { right: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-push-2 { left: 16.66667%; } .col-md-pull-2 { right: 16.66667%; } .col-md-3 { width: 25%; } .col-md-offset-3 { margin-left: 25%; } .col-md-push-3 { left: 25%; } .col-md-pull-3 { right: 25%; } .col-md-4 { width: 33.33333%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-push-4 { left: 33.33333%; } .col-md-pull-4 { right: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-push-5 { left: 41.66667%; } .col-md-pull-5 { right: 41.66667%; } .col-md-6 { width: 50%; } .col-md-offset-6 { margin-left: 50%; } .col-md-push-6 { left: 50%; } .col-md-pull-6 { right: 50%; } .col-md-7 { width: 58.33333%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-push-7 { left: 58.33333%; } .col-md-pull-7 { right: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-push-8 { left: 66.66667%; } .col-md-pull-8 { right: 66.66667%; } .col-md-9 { width: 75%; } .col-md-offset-9 { margin-left: 75%; } .col-md-push-9 { left: 75%; } .col-md-pull-9 { right: 75%; } .col-md-10 { width: 83.33333%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-push-10 { left: 83.33333%; } .col-md-pull-10 { right: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-push-11 { left: 91.66667%; } .col-md-pull-11 { right: 91.66667%; } .col-md-12 { width: 100%; } .col-md-offset-12 { margin-left: 100%; } .col-md-push-12 { left: 100%; } .col-md-pull-12 { right: 100%; } } @media (min-width: 1172px) { .col-lg-0 { width: 0%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-push-0 { left: 0%; } .col-lg-pull-0 { right: 0%; } .col-lg-1 { width: 8.33333%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-push-3 { left: 25%; } .col-lg-pull-3 { right: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-push-6 { left: 50%; } .col-lg-pull-6 { right: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-push-9 { left: 75%; } .col-lg-pull-9 { right: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-push-12 { left: 100%; } .col-lg-pull-12 { right: 100%; } } .hamburger { display: block; width: 56px; height: 50px; padding: 15px 0 0 15px; position: fixed; top: 10vh; left: 0; z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; background: rgba(33, 150, 243, 0.75); border-radius: 1.5px; } .hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px; } .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after { display: block; width: 25px; height: 2px; background-color: #fff; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .hamburger__icon:before, .hamburger__icon:after { position: absolute; content: ""; } .hamburger__icon:before { top: -7px; } .hamburger__icon:after { top: 7px; } .hamburger.active .hamburger__icon { background-color: transparent; } .hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after { background-color: #fff; } .hamburger.active .hamburger__icon:before { -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } .hamburger.active .hamburger__icon:after { -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } .fat-nav { top: 0; left: 0; z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .fat-nav__wrapper { width: 100%; height: 100%; display: table; table-layout: fixed; background-color: white; opacity: .98; } .fat-nav.active { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .fat-nav ul { display: table-cell; vertical-align: middle; margin: 0; padding: 0; } .fat-nav li { list-style-type: none; text-align: center; padding: 10px; font-size: 1.1em; font-weight: 400; font-family: 'Montserrat', sans-serif; } .fat-nav li, .fat-nav li a { color: black; } .fat-nav li a { position: relative; text-decoration: none; margin-bottom: 1vw; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; cursor: pointer; } .fat-nav li a:hover { color: rgb(33, 150, 243); } .fat-nav li a:hover:after { width: 100%; } .fat-nav li a:after { content: ''; position: absolute; z-index: 1; bottom: -0.15em; left: 0; width: 0; height: 2px; background: rgb(33, 150, 243); -webkit-transition: width 0.4s ease; transition: width 0.4s ease; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .fat-nav li a:hover:after { width: 0%; } } @supports (-ms-ime-align: auto) { /* IE Edge 12+ CSS styles go here */ .fat-nav li a:hover:after { width: 0%; } }