/*------------------------------------------------------------ Stylesheet: Main ------------------------------------------------------------*/ /* Utilities -------------------------*/ @import url("https://use.typekit.net/fei0amr.css"); [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; 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: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; 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: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; 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 -------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Render the `main` element consistently in IE. */ main { display: block; } /** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Show the overflow in IE. 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** Add the correct display in IE 10+. */ template { display: none; } /** Add the correct display in IE 10. */ [hidden] { display: none; } /*------------------------------------------------------------ Stylesheet: Typography ------------------------------------------------------------*/ /*---------------------------------------- Body ----------------------------------------*/ body { color: #425668; font-family: "freight-text-pro", serif; font-size: 100%; line-height: 1; } p { font-size: 16px; font-weight: 500; line-height: 1.8; margin: 0; } p + p { margin-top: 1em; } @media (min-width: 1024px) { p { font-size: 18px; } } @media (min-width: 1441px) { p { font-size: 20px; } } p a { color: #2d83cf; text-decoration: underline; } p a:hover { color: #e50914; } .emphisis { font-size: 18px; } @media (min-width: 768px) { .emphisis { font-size: 20px; } } @media (min-width: 1024px) { .emphisis { font-size: 22px; } } @media (min-width: 1441px) { .emphisis { font-size: 24px; } } a, a i, a svg { transition: all ease-in-out 0.25s; } a:hover, a i:hover, a svg:hover { transition: all ease-in-out 0.5s; } /*---------------------------------------- Headings ----------------------------------------*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "azo-sans-web", sans-serif; font-weight: 700; line-height: 1.17; margin: 0; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; } h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { color: #2d83cf; } h1, .h1, h2, .h2, h3, .h3, h5, .h5 { color: #031e36; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h5 a, .h5 a { color: #031e36; } h4, .h4, h6, .h6 { color: #939597; text-transform: uppercase; letter-spacing: 0.1em; } h4 a, .h4 a, h6 a, .h6 a { color: #939597; } h1, .h1 { color: #031e36; font-size: 56px; } @media (min-width: 768px) { h1, .h1 { font-size: 64px; } } @media (min-width: 1024px) { h1, .h1 { font-size: 72px; } } @media (min-width: 1441px) { h1, .h1 { font-size: 80px; } } h2, .h2 { color: #031e36; font-size: 32px; } @media (min-width: 768px) { h2, .h2 { font-size: 40px; } } @media (min-width: 1024px) { h2, .h2 { font-size: 48px; } } h3, .h3, .gform_title { color: #031e36; font-size: 24px; } @media (min-width: 768px) { h3, .h3, .gform_title { font-size: 28px; } } @media (min-width: 1024px) { h3, .h3, .gform_title { font-size: 32px; } } h4, .h4, h5, .h5 { font-size: 20px; } @media (min-width: 768px) { h4, .h4, h5, .h5 { font-size: 22px; } } @media (min-width: 1024px) { h4, .h4, h5, .h5 { font-size: 24px; } } h6, .h6 { font-size: 12px; } /*---------------------------------------- Entry ----------------------------------------*/ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 2em 0 1em; } .entry ul, .entry ol { font-family: "azo-sans-web", sans-serif; font-size: 16px; line-height: 1.44; margin: 2em 0; padding: 0 0 0 1em; } @media (min-width: 1024px) { .entry ul, .entry ol { font-size: 18px; } } .entry ul li + li, .entry ol li + li { margin-top: 1em; } @media (min-width: 768px) { .entry .two-col { display: flex; } .entry .two-col ul, .entry .two-col ol { width: 50%; margin: 0; } } .entry ul li { list-style: none; } .entry ul li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f105'; color: #e50914; margin: 0 16px 0 0px; } .entry ol { counter-reset: li; list-style: none; } .entry ol li { counter-increment: li; } .entry ol li:before { content: counter(li); color: #e50914; display: inline-block; width: 1em; margin: 0 4px 0 0px; } .entry blockquote { position: relative; margin: 1.5em 0 1.5em 1em; } .entry blockquote:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content: '\f10d'; color: #e50914; font-size: 22px; position: absolute; top: 0; left: 0; } .entry blockquote p { font-style: italic; font-size: 20px; font-weight: 400; letter-spacing: 0.025em; margin: 0 0 0 1.75em; max-width: 555px; } @media (min-width: 1024px) { .entry blockquote p { font-size: 22px; } } @media (min-width: 1441px) { .entry blockquote p { font-size: 24px; } } .entry * > :first-child { margin-top: 0 !important; } .entry * > :last-child { margin-bottom: 0 !important; } @media print { /*------------------------------------------------------------ Stylesheet: Print ------------------------------------------------------------*/ } /* Layout -------------------------*/ /*------------------------------------------------------------ Stylesheet: Blog ------------------------------------------------------------*/ .fa-hpe { color: #00f5bc; } .entry img { max-width: 100%; height: auto; } .post { background: #ffffff; box-shadow: 0px 2px 4px #0000001a; box-sizing: border-box; margin-bottom: 48px; width: 396px; max-width: 100%; } .post .text { padding: 32px 32px 48px 32px; position: relative; } .post .text .meta { margin-bottom: 1em; } .post .text h5 { max-width: 300px; } .post .text h5 + p { font-size: 16px; margin-top: 1.25em; } .post .cat-icon { position: absolute; top: 16px; right: 0px; } .post .image img { max-width: 100%; height: auto; } .vimeo { position: relative; } .vimeo::after { padding-top: 56.25%; display: block; content: ''; } .vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube { overflow: hidden; position: relative; width: 100%; } .youtube::after { padding-top: 56.25%; display: block; content: ''; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .quote-post { background: transparent linear-gradient(117deg, #031e36 0%, #0f4c81 100%) 0% 0% no-repeat padding-box; padding: 32px; } .quote-post i, .quote-post svg { color: #e50914; font-size: 32px; } .quote-post figure, .quote-post blockquote { margin: 0; } .quote-post h3 { color: #ffffff; font-weight: 500; line-height: 1.33; margin: 16px 0; } @media (min-width: 1024px) { .quote-post h3 { font-size: 28px; } } .quote-post figcaption { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; text-transform: uppercase; } .quote-post cite { font-style: normal; font-weight: 400; } .cat-icon { align-items: center; border-radius: 24px; color: #ffffff; display: flex; font-size: 22px; justify-content: center; margin-right: 16px; text-decoration: none; width: 48px; height: 48px; } /*---------------------------------------- Blogroll ----------------------------------------*/ .blogroll { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; text-align: center; } .blogroll .wrapper { margin: 0 auto; max-width: 100%; padding: 64px 0 16px 0; text-align: left; } @media (min-width: 1024px) { .blogroll .wrapper { padding: 80px 0 32px 0; } } .blogroll .btn-load-more { margin: 0 0 64px 0; } @media (min-width: 1024px) { .blogroll .btn-load-more { margin: 0 0 80px 0; } } /*---------------------------------------- Single Posts ----------------------------------------*/ .single-post .cat-icon { color: #ffffff; } .single-post .cat-icon:hover { color: #ffffff; } .single-post .entry .wrapper { padding: 64px 0; } @media (min-width: 768px) { .single-post .entry .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .single-post .entry .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .single-post .entry .wrapper { padding: 112px 0; } } /* Default -------------------------*/ /* Image -------------------------*/ .single-format-image .title-post .image img { display: block; width: 100%; height: auto; } @media (min-width: 1024px) { .single-format-image .title-post { display: flex; max-height: 512px; } .single-format-image .title-post .wrapper { width: 45%; padding: 96px 0 96px 5%; } .single-format-image .title-post .wrapper .text { text-align: left; margin: 0 87px 0 auto; max-width: 555px; } .single-format-image .title-post .wrapper .text .meta { justify-content: flex-start; } .single-format-image .title-post .image { width: 50%; } .single-format-image .title-post .image img { -o-object-fit: cover; object-fit: cover; height: 100%; } } /* Link -------------------------*/ .single-format-link article .btn-out { margin-top: 48px; } /* Quote -------------------------*/ .single-format-quote article { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding-top: 72px; } .single-format-quote article .wrapper { padding: 64px 0; max-width: 506px; } @media (min-width: 768px) { .single-format-quote article .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .single-format-quote article .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .single-format-quote article .wrapper { padding: 112px 0; } } .single-format-quote article h3 { color: #031e36; } .single-format-quote article figcaption { color: #031e36; } .single-format-quote article .btn, .single-format-quote article .btn-out { margin-top: 48px; } /* Video -------------------------*/ .single-format-video .video { position: relative; } .single-format-video .video .vimeo, .single-format-video .video .youtube { max-width: 1062px; margin: auto; z-index: 2; } .single-format-video .video .bg { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; position: absolute; top: 0; left: 0; width: 100%; height: 50%; z-index: 1; } /* Aside / Case Study -------------------------*/ .single-format-aside .title-post .wrapper { max-width: 714px; } .single-format-aside .quote-post .wrapper { margin: auto; max-width: 840px; } @media (min-width: 1024px) { .single-format-aside .quote-post .wrapper { position: relative; padding: 28px 0 52px; } .single-format-aside .quote-post .wrapper i, .single-format-aside .quote-post .wrapper svg { position: absolute; top: 36px; left: -48px; } } .single-format-aside .split-content .container { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; text-align: center; padding: 64px 0; } @media (min-width: 768px) { .single-format-aside .split-content .container { padding: 80px 0; } } @media (min-width: 1024px) { .single-format-aside .split-content .container { padding: 96px 0; } } @media (min-width: 1441px) { .single-format-aside .split-content .container { padding: 112px 0; } } .single-format-aside .split-content .container .wrapper { max-width: 746px; } .single-format-aside .split-content .container h2 { margin-bottom: 0.5em; } .single-format-aside .split-content .container h4 { color: #2d83cf; margin-bottom: 0.5em; } .single-format-aside .row .entry h4 { margin-bottom: 0.5em !important; } .single-format-aside .sidebar { background: transparent linear-gradient(81deg, #fcfcfc 0%, #ffffff 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 4px #0000001a; box-sizing: border-box; margin-bottom: 48px; padding: 32px 32px 48px 32px; max-width: 555px; } .single-format-aside .sidebar h4 { color: #031e36; letter-spacing: 0; text-transform: none; } .single-format-aside .sidebar p { font-size: 16px; } .single-format-aside .sidebar ul { margin: 0; } /*---------------------------------------- Archives ----------------------------------------*/ /* Post Author -------------------------*/ .author-box .wrapper { border-top: 2px solid #f5f6f7; padding: 64px 0; } @media (min-width: 1024px) { .author-box .wrapper { padding: 80px 0; } } .author-box .group { max-width: 840px; margin: auto; } @media (min-width: 768px) { .author-box .group { display: flex; } } .author-box img { width: 112px; height: 112px; -webkit-clip-path: circle(56px at center); clip-path: circle(56px at center); margin: 0 48px 24px 0; } .author-box h6 { margin-top: 1em; } .author-box p { font-size: 16px; margin: 1em 0 2em; } /*------------------------------------------------------------ Stylesheet: Body ------------------------------------------------------------*/ /* Helper Classes -------------------------*/ .outline { display: none; visibility: hidden; } .container { padding: 0 5%; } .wrapper { margin: auto; max-width: 1284px; } .cc-window { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 4px #0000001a; padding: 24px !important; } .cc-window .cc-message { color: #425668; font-family: "freight-text-pro", serif; font-size: 14px; line-height: 1.5; } .cc-window .cc-message a { color: #2d83cf; display: inline; opacity: 1; padding: 0; } .cc-window .cc-message a:focus { color: #2d83cf; outline: none; } .aligncenter { margin-left: auto; margin-right: auto; display: block; } /*---------------------------------------- Buttons ----------------------------------------*/ main .gform_button, main .gform_next_button, main .gform_previous_button, .btn-reverse-solid, .btn-reverse, .btn-load-more, .btn-de-emphisis, .btn-emphisis, .btn-solid, .btn, .btn-out, .cc-btn { border: none; border-radius: 0; display: inline-block; font-size: 14px; font-family: "azo-sans-web", sans-serif; font-weight: 700; letter-spacing: 1.05px; line-height: 1; margin: 0; padding: 16px 24px 16px 32px; text-align: center; text-decoration: none; text-transform: uppercase; } main .gform_button:after, main .gform_next_button:after, main .gform_previous_button:after, .btn-reverse-solid:after, .btn-reverse:after, .btn-load-more:after, .btn-de-emphisis:after, .btn-emphisis:after, .btn-solid:after, .btn:after, .btn-out:after, .cc-btn:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f054'; padding-left: 32px; } /* Default Buttons -------------------------*/ .btn, .btn-out, .cc-btn { color: #2d83cf !important; border: 2px solid #2d83cf !important; } .btn:hover, .btn-out:hover, .cc-btn:hover { background: #2d83cf !important; color: #ffffff !important; } .btn-out:after { content: '\f08e'; } .btn-solid { background: #2d83cf !important; color: #ffffff !important; border: 2px solid #2d83cf !important; } .btn-solid:hover { background: #ffffff !important; color: #2d83cf !important; } .cc-btn:after { content: '\f00c'; } .btn-emphisis { color: #e50914; border: 2px solid #e50914; } .btn-emphisis:hover { background: #e50914; color: #ffffff; } .btn-de-emphisis { color: #939597; border: 2px solid #939597; } .btn-de-emphisis:hover { background: #939597; color: #ffffff; } .btn-load-more { color: #d4d5d6; border: 2px solid #d4d5d6; } .btn-load-more:after { content: '\f110'; } .btn-reverse { color: #ffffff; border: 2px solid #ffffff; } .btn-reverse:hover { background: #ffffff; color: #2d83cf; } .btn-reverse-solid { background: #ffffff; color: #2d83cf; border: 2px solid #ffffff; } .btn-reverse-solid:hover { background: none; color: #ffffff; } /* Alternative Buttons -------------------------*/ .btn-alt, .btn-alt-out { border-top: 2px solid #f5f6f7; color: #2d83cf; cursor: pointer; display: block; font-size: 14px; font-family: "azo-sans-web", sans-serif; font-weight: 700; letter-spacing: 1px; padding: 24px 0; position: relative; text-decoration: none; text-align: center; text-transform: uppercase; } .btn-alt:after, .btn-alt-out:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f054'; font-size: 18px; position: absolute; top: 22px; right: 32px; } .btn-alt-out:after { content: '\f08e'; } /* Simple Buttons -------------------------*/ .btn-simple { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; padding: 16px; text-decoration: none; text-transform: uppercase; } .btn-simple:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f054'; margin-left: 32px; } .btn-simple:hover { color: #e50914; } /* Gravity Forms Buttons -------------------------*/ .gform_button:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f0e0'; } .main-footer .hs-button, .gform_button, .gform_next_button, .gform_previous_button, .gpnf-add-entry { cursor: pointer; position: relative; transition: all ease-in-out 0.25s; } .main-footer .hs-button:hover, .gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover, .gpnf-add-entry:hover { transition: all ease-in-out 0.5s; } .gpnf-add-entry { background: #ffffff; border: 2px solid #939597; border-radius: 0; color: #939597; display: inline-block; font-size: 14px; font-family: "azo-sans-web", sans-serif; font-weight: 700; letter-spacing: 1.05px; line-height: 1; margin: 12px 0 0; padding: 16px 24px; text-align: center; text-decoration: none; text-transform: uppercase; } .gpnf-add-entry:hover { background: #939597; color: #ffffff; } /* Body */ main .gform_button, main .gform_next_button, main .gform_previous_button { color: #2d83cf; background: none; border: 2px solid #2d83cf; } main .gform_button:hover, main .gform_next_button:hover, main .gform_previous_button:hover { background: #2d83cf; color: #ffffff; } main .gform_next_button, main .gform_previous_button { padding: 16px 24px; } main .gform_previous_button { margin-right: 24px; } /* Footer */ .main-footer .gform_button, .main-footer .hs-button { background: rgba(255, 255, 255, 0.1); border: none; color: #ffffff; cursor: pointer; position: relative; transition: all ease-in-out 0.25s; width: 100%; height: 29px; } .main-footer .gform_button:after, .main-footer .hs-button:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; } .main-footer .gform_button:hover, .main-footer .hs-button:hover { background: rgba(255, 255, 255, 0.25); } .main-footer .gform_button span, .main-footer .hs-button span { display: none; } /*---------------------------------------- Shared Page Elements ----------------------------------------*/ /* Video Embed PopUp -------------------------*/ .wistia_click_to_play { width: auto !important; height: auto !important; } /* Entry -------------------------*/ .entry .wrapper { max-width: 700px; padding: 64px 0; } @media (min-width: 1024px) { .entry .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .entry .wrapper { max-width: 770px; } } @media (min-width: 1441px) { .entry .wrapper { max-width: 840px; } } /* Page Nav -------------------------*/ .page-nav { background: #2d83cf; background-image: url(../images/footer-arrows.svg); background-position: center right; background-repeat: no-repeat; background-size: cover; text-align: center; } @media (min-width: 768px) { .page-nav { background-position: center left; background-size: contain; } } .page-nav ul { list-style: none; margin: 0; padding: 8px 0; } .page-nav ul li { margin: 16px 0; } @media (min-width: 768px) { .page-nav ul { display: flex; justify-content: center; padding: 27px 0; } .page-nav ul li + li { margin-left: 32px; } } @media (min-width: 1024px) { .page-nav ul li + li { margin-left: 64px; } } .page-nav a { color: #ffffff; display: inline-block; font-family: "azo-sans-web", sans-serif; font-size: 12px; line-height: 1.33; padding: 4px 0px; text-decoration: none; text-transform: uppercase; } .page-nav a:hover { opacity: 0.75; } .page-nav .current_page_item a, .page-nav .current-menu-item a { border-bottom: 3px solid #0f4c81; } /* Links List -------------------------*/ .links { list-style: none; margin: 0; padding: 0; } .links li { box-shadow: 0px 2px 4px #0000001a; } .links li + li { margin-top: 24px; } .links a { background: #ffffff; display: block; text-decoration: none; } @media (min-width: 768px) { .links a { align-items: stretch; display: flex; justify-content: space-between; } } .links a .text { padding: 24px; } @media (min-width: 768px) { .links a .text { align-items: center; display: flex; justify-content: space-between; padding: 0; width: 85%; } } .links a h4 { color: #0f4c81; margin-bottom: 0.5em; transition: all ease-in-out 0.25s; } @media (min-width: 768px) { .links a h4 { margin-bottom: 0; padding: 24px 16px 24px 32px; width: 36%; } } .links a p { color: #425668; font-size: 16px; } @media (min-width: 768px) { .links a p { padding: 24px 32px 24px 16px; width: 59%; } } .links a .link { background: #0f4c81; text-align: center; padding: 16px; transition: all ease-in-out 0.25s; } @media (min-width: 768px) { .links a .link { align-items: center; display: flex; justify-content: center; padding: 0; width: 80px; } } .links a .link i, .links a .link svg { color: #ffffff; font-size: 24px; } .links a:hover h4 { color: #e50914; transition: all ease-in-out 0.5s; } .links a:hover .link { background: #e50914; transition: all ease-in-out 0.5s; } /* News -------------------------*/ .news { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; text-align: center; } .news .wrapper { padding: 64px 0; } @media (min-width: 768px) { .news .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .news .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .news .wrapper { padding: 112px 0; } } .news .group { margin: 48px auto 16px; } @media (min-width: 1024px) { .news .group { margin: 64px auto 24px; } } @media (min-width: 1426px) { .news article:last-of-type { display: none; visibility: hidden; } } /*---------------------------------------- Page Templates ----------------------------------------*/ /* Default -------------------------*/ .page-template-default main .wrapper { padding: 64px 0; } @media (min-width: 1024px) { .page-template-default main .wrapper { padding: 80px 0; } } /* Products -------------------------*/ .page-template-products .brands { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding: 64px 0; } @media (min-width: 768px) { .page-template-products .brands { padding: 80px 0; } } @media (min-width: 1024px) { .page-template-products .brands { padding: 96px 0; } } @media (min-width: 1441px) { .page-template-products .brands { padding: 112px 0; } } .page-template-products .brands header { max-width: 714px; margin: 0 auto; } .page-template-products .brands header p { margin: 0.75em 0 0; } .page-template-products .brands img { max-width: 100%; } .page-template-products .brands .video { margin-bottom: 48px; width: 100%; } @media (min-width: 768px) { .page-template-products .brands .video { display: block !important; margin-bottom: 0; width: 48.1308411215%; } } .page-template-products .brands .video iframe { height: 100%; width: 100%; } .page-template-products .brands .text { text-align: left; } @media (min-width: 768px) { .page-template-products .brands .text { display: block !important; } } .page-template-products .brands .text img { width: 618px; margin: 64px 0; } .page-template-products .brands .video { position: relative; } .page-template-products .brands .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Services -------------------------*/ .graphic { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .graphic .wrapper { text-align: center; padding: 64px 0; } @media (min-width: 768px) { .graphic .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .graphic .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .graphic .wrapper { padding: 112px 0; } } /* Downloads -------------------------*/ .downloads { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .downloads .wrapper { padding: 64px 0; } @media (min-width: 1024px) { .downloads .wrapper { padding: 80px 0; } } .downloads .wrapper h2 { text-align: center; margin-bottom: 1em; } .downloads .wrapper .links { margin-bottom: 80px; } /* Careers -------------------------*/ .page-template-careers .split-content { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .page-template-careers .positions { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .page-template-careers .positions h2 { text-align: center; margin-bottom: 1.25em; } .page-template-careers .positions .wrapper { padding: 64px 0; } @media (min-width: 768px) { .page-template-careers .positions .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .page-template-careers .positions .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .page-template-careers .positions .wrapper { padding: 112px 0; } } @media (min-width: 768px) { .page-template-careers .links a h4 { width: 48%; } } .page-template-careers .links a p { font-family: "azo-sans-web", sans-serif; font-weight: 400; } @media (min-width: 768px) { .page-template-careers .links a p { width: 26%; } } .page-template-careers .links a p + p { margin-top: 0; } @media (min-width: 768px) { .single-job .form-row .form { border-top: 2px solid #f5f6f7; } } /* Contact -------------------------*/ .page-template-contact .content .intro-simple { padding-top: 72px; } @media (min-width: 1024px) { .page-template-contact .content .intro-simple { padding-top: 82px; } } .map iframe { display: block; margin-bottom: -1px; } .contact-row { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .contact-info { text-align: center; padding-bottom: 40px; } @media (min-width: 768px) { .contact-info { display: flex; padding-bottom: 64px; } } @media (min-width: 1024px) { .contact-info { padding-bottom: 80px; } } .contact-info div { padding-bottom: 40px; } @media (min-width: 768px) { .contact-info div { padding-top: 24px; padding-bottom: 24px; width: 33.333%; } } .contact-info div + div { border-top: solid 1px #e0e1e2; padding-top: 32px; } @media (min-width: 768px) { .contact-info div + div { border-top: none; border-left: solid 1px #e0e1e2; padding-top: 24px; } } .contact-info i, .contact-info svg { color: #2d83cf; font-size: 40px; } .contact-info h5 { font-size: 20px; font-weight: 500; margin-top: 0.75em; } .contact-info a { color: #031e36; text-decoration: none; } .contact-info a:hover { color: #2d83cf; } .page-template-contact .gform_heading { display: none; visibility: hidden; } /*------------------------------------------------------------ Stylesheet: Header ------------------------------------------------------------*/ /*---------------------------------------- Main Header ----------------------------------------*/ .main-header { background: #ffffff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .main-header .banner { display: none; } .main-header .banner.open { background: #031e36; color: #ffffff; display: block; padding: 0 64px 0 5%; position: relative; transition: all ease-in-out 0.25s; } @media (min-width: 768px) { .main-header .banner.open { text-align: center; padding: 0 80px; } } .main-header .banner.open p { font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 500; margin: 0; padding: 10px 0 9px; } .main-header .banner.open a { color: #ffffff; display: inline-block; } .main-header .banner.open a:hover { opacity: 0.75; } .main-header .banner.open button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #2d83cf; border: none; color: #ffffff; cursor: pointer; font-size: 14px; padding-top: 4px; position: absolute; top: 0; right: 0; transition: all ease-in-out 0.25s; width: 40px; height: 100%; } .main-header .banner.open button:hover { background: #e50914; transition: all ease-in-out 0.5s; } .main-header .gradient { background: transparent linear-gradient(90deg, #0f4c81 0%, #e50914 100%) 0% 0% no-repeat padding-box; display: block; height: 4px; width: 100%; } .main-header .container { box-shadow: 0px 2px 4px #0000001a; } .main-header .container .wrapper { align-items: center; display: flex; justify-content: space-between; opacity: 1; } .main-header .container .wrapper .logo { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../images/b2x-logo.svg"); background-repeat: no-repeat; background-size: cover; margin: 16px 0; width: 78px; height: 40px; } @media (min-width: 1024px) { .main-header .container .wrapper .logo { width: 93px; height: 48px; } } .main-header .container .wrapper button { padding: 0; } .menu ul { font-family: "azo-sans-web", sans-serif; font-size: 16px; font-weight: 500; list-style: none; margin: 0; padding: 0; } .menu ul a { color: #0f4c81; letter-spacing: 0.4px; text-decoration: none; } /*---------------------------------------- Desktop Navigation ----------------------------------------*/ .desktop-nav { display: none; } @media (min-width: 1024px) { .desktop-nav { align-items: center; justify-content: center; display: flex; } .desktop-nav .menu-desktop { display: flex; } .desktop-nav .menu-desktop li { margin-right: 64px; } .desktop-nav .menu-desktop li a { border-bottom: 2px solid transparent; display: inline-block; height: 80px; line-height: 80px; } .desktop-nav .menu-desktop li:hover a { border-bottom: 2px solid #2d83cf; color: #2d83cf; } .desktop-nav .menu-desktop li .sub-menu { background: #ffffff; box-shadow: 0px 2px 4px #0000001a; display: none !important; padding: 32px 0; } .desktop-nav .menu-desktop li .sub-menu li { margin: 0; } .desktop-nav .menu-desktop li .sub-menu li a { color: #0f4c81; font-size: 14px; border-bottom: none; height: auto; line-height: 1; padding: 8px 48px; } .desktop-nav .menu-desktop li .sub-menu li:hover a { border-bottom: none; color: #2d83cf; } .desktop-nav .menu-desktop .active a { border-bottom: 2px solid #2d83cf; color: #2d83cf; } .desktop-nav .menu-item-has-children:hover > .sub-menu { display: block !important; position: absolute; z-index: -1; } .desktop-nav .btn, .desktop-nav .btn-out { padding: 16px 24px; } .desktop-nav .btn:after, .desktop-nav .btn-out:after { content: none; } } .resources-nav { display: none; visibility: hidden; } @media (min-width: 1024px) { .resources-nav { background: #ffffff; box-shadow: 0px 2px 4px #0000001a; position: fixed; top: 86px; left: 50%; margin-left: -444px; width: 888px; z-index: -1; } .resources-nav.open { display: inherit; visibility: visible; } .resources-nav .wrapper { display: flex; justify-content: space-between; padding: 20px 20px 20px 48px; } .resources-nav h6 { border-bottom: 2px solid #f5f6f7; padding: 20px 0 8px; margin-bottom: 16px; } .resources-nav ul { list-style: none; margin: 0; padding: 0; } .resources-nav ul a { display: inline-block; font-size: 14px; padding: 8px 0; } .resources-nav ul a:hover { color: #2d83cf; } .resources-nav .resources { width: 174px; } .resources-nav .topics { width: 285px; } .resources-nav .topics ul { display: flex; flex-wrap: wrap; } .resources-nav .topics ul li { width: 50%; } .resources-nav .feature { background: #2d83cf; width: 265px; } .resources-nav .feature .image { padding: 8px; } .resources-nav .feature .image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 112px; } .resources-nav .feature .text { padding: 4px 20px 20px; } .resources-nav .feature .text h5 { color: #ffffff; font-size: 14px; text-transform: uppercase; } .resources-nav .feature .text h5 a { color: #ffffff; } .resources-nav .feature .text h5 a:hover { color: #ffffff; opacity: 0.8; } .resources-nav .feature .text p { color: #ffffff; font-size: 12px; line-height: 1.33; margin: 0.5em 0; } .resources-nav .feature .text .btn-simple { font-size: 10px; padding: 0px; } .resources-nav .feature .text .btn-simple:after { content: '\f054'; font-weight: 900; margin-left: 6px; } .resources-nav .feature .text .btn-simple:hover { color: #ffffff; opacity: 0.8; } } /*---------------------------------------- Mobile Navigation ----------------------------------------*/ @media (min-width: 1024px) { .mobile-nav { display: none; } } .mobile-nav .menu { background: #ffffff; display: flex; flex-direction: column; justify-content: space-between; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .mobile-nav .menu ul { padding: 76px 0 0 0; } .mobile-nav .menu ul li { position: relative; } .mobile-nav .menu ul li ul { background: transparent linear-gradient(70deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding-top: 0; } .mobile-nav .menu ul li ul a { color: #2d83cf; font-size: 16px; letter-spacing: 0.4px; padding-left: 7.5%; } .mobile-nav .menu ul li a { border-bottom: 1px solid rgba(147, 149, 151, 0.25); display: block; padding-left: 5%; padding-top: 24px; padding-bottom: 24px; } .mobile-nav .menu .submenu-button { align-items: center; background: #0f4c81 0% 0% no-repeat padding-box; color: #ffffff; cursor: pointer; display: flex; font-size: 23px; justify-content: center; position: absolute; top: 0; right: 0; height: 64px; width: 64px; } .mobile-nav .menu .submenu-button::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 300; content: '\f067'; -webkit-transform: rotate(0); transform: rotate(0); transition: all ease 0.25s; z-index: 4; } .mobile-nav .menu .submenu-button.submenu-opened { background: #2d83cf; } .mobile-nav .menu .submenu-button.submenu-opened::after { content: '\f068'; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all ease 0.25s; } .mobile-nav .menu input[type='button'] { border-color: unset; border-width: unset; border: 0; padding: 0; } /*------------------------------------------------------------ Animated Hamburger https://github.com/jonsuh/hamburgers ------------------------------------------------------------*/ /* Base Styles */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } @media (min-width: 1024px) { .hamburger { display: none; } } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #2d83cf; } .hamburger-box { width: 28px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 28px; height: 4px; background-color: #2d83cf; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ''; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* Animation */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /*------------------------------------------------------------ Stylesheet: Footer ------------------------------------------------------------*/ /* Call to Action -------------------------*/ .cta { background: #2d83cf; background-image: url(../images/footer-arrows.svg); background-position: center right; background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .cta { background-position: center left; background-size: contain; } } .cta .wrapper { max-width: 1284px; padding: 48px 0; text-align: center; } @media (min-width: 1200px) { .cta .wrapper { display: flex; justify-content: space-between; text-align: left; } } .cta h3 { color: #ffffff; font-weight: 500; } @media (min-width: 768px) { .cta h3 { position: relative; top: 6px; } } .cta a { box-sizing: border-box; margin: 40px 20px 0; width: 256px; } @media (min-width: 1200px) { .cta a { margin: 0; width: auto; } .cta a + a { margin-left: 40px; } } /* Alt Call to Action -------------------------*/ .cta-alt { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; text-align: center; } .cta-alt .wrapper { margin: auto; max-width: 714px; padding: 64px 0; } @media (min-width: 768px) { .cta-alt .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .cta-alt .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .cta-alt .wrapper { padding: 112px 0; } } .cta-alt p { margin: 0.75em 0 1.25em; } /* Main Footer -------------------------*/ .main-footer { background: transparent linear-gradient(117deg, #031e36 0%, #0f4c81 100%) 0% 0% no-repeat padding-box; color: #ffffff; /* Hubspot Form -------------------------*/ /* Gravity Form -------------------------*/ } @media (min-width: 768px) { .main-footer .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } } .main-footer .contact { padding: 64px 5%; } .main-footer .contact a { color: #ffffff; text-decoration: none; } .main-footer .contact a:hover i, .main-footer .contact a:hover svg { color: #ffffff; opacity: 1; } .main-footer .contact .wrapper .col { width: 222px; margin: auto; } @media (min-width: 768px) { .main-footer .contact .wrapper .col { margin: 0; } } .main-footer .contact .wrapper .col + .col { margin-top: 40px; } @media (min-width: 1024px) { .main-footer .contact .wrapper .col + .col { margin-top: 0; } } @media (min-width: 768px) { .main-footer .contact .wrapper .col:nth-of-type(1) { width: 100%; } } @media (min-width: 1024px) { .main-footer .contact .wrapper .col:nth-of-type(1) { width: auto; } } @media (min-width: 1441px) { .main-footer .contact .wrapper .col:nth-of-type(1) { width: 17.2897196262%; } } .main-footer .contact .wrapper .col:nth-of-type(2) ul li:last-child i, .main-footer .contact .wrapper .col:nth-of-type(2) ul li:last-child svg { position: relative; top: -16px; } @media (min-width: 1441px) { .main-footer .contact .wrapper .col:nth-of-type(2) { width: 25.9345794393%; } } @media (min-width: 1441px) { .main-footer .contact .wrapper .col:nth-of-type(3) { width: 25.9345794393%; } } @media (min-width: 1441px) { .main-footer .contact .wrapper .col:nth-of-type(4) { width: 30.8411214953%; } } .main-footer .contact .logo { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../images/b2x-logo-reverse.svg"); display: inline-block; height: 48px; width: 93px; } .main-footer .contact h6 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; opacity: 0.75; margin-bottom: 20px; padding-bottom: 8px; } @media (min-width: 768px) { .main-footer .contact h6 { width: 174px; } } .main-footer .contact ul { list-style: none; margin: 0; padding: 0; } .main-footer .contact ul li { font-family: "azo-sans-web", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 1.33; opacity: 0.75; position: relative; } .main-footer .contact ul li + li { padding-top: 20px; } .main-footer .contact ul li span { display: inline-block; } .main-footer .contact i, .main-footer .contact svg { opacity: 0.35; padding-right: 8px; width: 16px; } .main-footer .copyright { background: rgba(3, 30, 54, 0.25); padding: 24px 5%; text-align: center; } @media (min-width: 768px) { .main-footer .copyright .wrapper { display: flex; justify-content: space-between; } } .main-footer .copyright p { color: #ffffff; font-size: 12px; font-family: "azo-sans-web", sans-serif; font-weight: 400; margin: 0; opacity: 0.75; } .main-footer .copyright p + p { margin-top: 1em; } @media (min-width: 768px) { .main-footer .copyright p + p { margin-top: 0; } } .main-footer .copyright a { color: #ffffff; text-decoration: none; } .main-footer .copyright a:hover { opacity: 0.75; } .main-footer .hbspt-form { font-size: 12px; } .main-footer .hbspt-form label { display: none; visibility: hidden; } .main-footer .hbspt-form .hs-button { font-family: "azo-sans-web", sans-serif; margin-top: 1em; font-family: "azo-sans-web", sans-serif; letter-spacing: 1px; text-transform: uppercase; width: 100%; } .main-footer #gform_1 { display: flex; font-size: 12px; } .main-footer .gform_body { width: 174px; } .main-footer .gform_footer { width: 49px; } .main-footer input { box-sizing: border-box; width: 100%; } .main-footer input[type='email'] { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; opacity: 1; padding: 7px 12px; } .main-footer input[type='email']::-webkit-input-placeholder { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.3px; line-height: 1; opacity: 0.75; } .main-footer input[type='email']::-moz-placeholder { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.3px; line-height: 1; opacity: 0.75; } .main-footer input[type='email']::placeholder { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.3px; line-height: 1; opacity: 0.75; } .main-footer input[type='email']:focus { border-color: rgba(255, 255, 255, 0.25); outline: none; } .main-footer .gfield_error input[type='email'] { border-color: #e50914; } .main-footer .gform_validation_errors, .main-footer .validation_message { display: none; visibility: hidden; } .main-footer .gform_confirmation_message { color: #ffffff; font-family: "azo-sans-web", sans-serif; font-size: 12px; letter-spacing: 0.3px; line-height: 1.33; opacity: 0.75; } /* Modules -------------------------*/ /*---------------------------------------- Benefits ----------------------------------------*/ .benefits { background: transparent linear-gradient(117deg, #031e36 0%, #0f4c81 100%) 0% 0% no-repeat padding-box; text-align: center; padding: 64px 0 104px; } @media (min-width: 1024px) { .benefits { padding: 80px 0 136px; } } .benefits h3 { color: #ffffff; margin-bottom: 2em; padding: 0 5%; } .benefits h6 { color: #ffffff; font-size: 18px; } .benefits img { max-height: 80px; margin-bottom: 1.5em; } .benefits .carousel-cell { width: 333px; } .benefits .flickity-page-dots { bottom: -58px; } @media (min-width: 1024px) { .benefits .flickity-page-dots { bottom: -74px; } } .benefits .flickity-page-dots .dot { background: #ffffff; } /*---------------------------------------- Counter ----------------------------------------*/ .counter { background: transparent linear-gradient(117deg, #031e36 0%, #0f4c81 100%) 0% 0% no-repeat padding-box; } .counter .wrapper { align-items: center; display: flex; flex-direction: column; padding: 48px 0; } @media (min-width: 768px) { .counter .wrapper { flex-direction: row; flex-wrap: wrap; } } @media (min-width: 1024px) { .counter .wrapper { justify-content: center; } } .counter .stat { align-items: center; display: flex; } .counter .stat + .stat { margin-top: 24px; } @media (min-width: 768px) { .counter .stat + .stat { margin-top: 0; } } @media (min-width: 768px) { .counter .stat { width: 33.333%; display: block; text-align: center; } } @media (min-width: 1024px) { .counter .stat { display: flex; text-align: left; width: auto; margin: 0 3%; } } @media (min-width: 1441px) { .counter .stat { margin: 0 5%; } } .counter h1 { color: #ffffff; font-weight: 400; margin-right: 8px; font-size: 40px; } @media (min-width: 768px) { .counter h1 { font-size: 48px; margin-right: 0px; } } @media (min-width: 1024px) { .counter h1 { font-size: 56px; margin-right: 8px; } } @media (min-width: 1441px) { .counter h1 { font-size: 64px; } } .counter h1 .number { font-weight: 700; } .counter h5 { color: #e50914; font-size: 16px; text-transform: uppercase; font-weight: 500; } @media (min-width: 768px) { .counter h5 { font-size: 18px; } } @media (min-width: 1024px) { .counter h5 { font-size: 20px; } } /*---------------------------------------- Form Row ----------------------------------------*/ @media (min-width: 768px) { .form-row { align-items: stretch; display: flex; } } @media (min-width: 768px) { .form-row .image { width: 41%; } } .form-row .image img { max-width: 100%; } @media (min-width: 768px) { .form-row .image img { max-width: none; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } } @media (min-width: 768px) { .form-row .form { align-items: center; display: flex; width: 59%; } } .form-row .form .hbspt-form, .form-row .form .gform_wrapper, .form-row .form .gform_confirmation_wrapper { width: 90%; max-width: 618px; margin: auto; padding: 64px 0; } @media (min-width: 768px) { .form-row .form .hbspt-form, .form-row .form .gform_wrapper, .form-row .form .gform_confirmation_wrapper { width: 80%; } } @media (min-width: 1024px) { .form-row .form .hbspt-form, .form-row .form .gform_wrapper, .form-row .form .gform_confirmation_wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .form-row .form .hbspt-form, .form-row .form .gform_wrapper, .form-row .form .gform_confirmation_wrapper { padding: 128px 0; } } /* Gravity Forms -------------------------*/ main .ginput_container_select select, .entry .ginput_container_select select, .tingle-modal-box .ginput_container_select select, main .ginput_container input[type='text'], main .ginput_container input[type='email'], main .ginput_container input[type='tel'], main .ginput_container textarea, .entry .ginput_container input[type='text'], .entry .ginput_container input[type='email'], .entry .ginput_container input[type='tel'], .entry .ginput_container textarea, .tingle-modal-box .ginput_container input[type='text'], .tingle-modal-box .ginput_container input[type='email'], .tingle-modal-box .ginput_container input[type='tel'], .tingle-modal-box .ginput_container textarea { -webkit-appearance: none; -moz-appearance: none; border: 1px solid #939597; border-radius: 0; box-sizing: border-box; color: #031e36; font-size: 16px; letter-spacing: 1px; line-height: 1; margin: 12px 0 4px !important; width: 100%; } @media (min-width: 1024px) { main .ginput_container_select select, .entry .ginput_container_select select, .tingle-modal-box .ginput_container_select select, main .ginput_container input[type='text'], main .ginput_container input[type='email'], main .ginput_container input[type='tel'], main .ginput_container textarea, .entry .ginput_container input[type='text'], .entry .ginput_container input[type='email'], .entry .ginput_container input[type='tel'], .entry .ginput_container textarea, .tingle-modal-box .ginput_container input[type='text'], .tingle-modal-box .ginput_container input[type='email'], .tingle-modal-box .ginput_container input[type='tel'], .tingle-modal-box .ginput_container textarea { margin: 12px 0 36px; } } main .ginput_container_select select:focus, .entry .ginput_container_select select:focus, .tingle-modal-box .ginput_container_select select:focus, main .ginput_container input[type='text']:focus, main .ginput_container input[type='email']:focus, main .ginput_container input[type='tel']:focus, main .ginput_container textarea:focus, .entry .ginput_container input[type='text']:focus, .entry .ginput_container input[type='email']:focus, .entry .ginput_container input[type='tel']:focus, .entry .ginput_container textarea:focus, .tingle-modal-box .ginput_container input[type='text']:focus, .tingle-modal-box .ginput_container input[type='email']:focus, .tingle-modal-box .ginput_container input[type='tel']:focus, .tingle-modal-box .ginput_container textarea:focus { border: 1px solid #2d83cf; outline: none; } .hidden_label .gfield_label, .gform_required_legend, .gform_hidden, .gf_clear_complex { display: none; visibility: hidden; } body img.gform_ajax_spinner { display: none !important; } .gfield_required_asterisk { color: #e50914; margin-left: 4px; } .gpnf-modal-header { font-family: "azo-sans-web", sans-serif; font-weight: 700; line-height: 1.17; } .tingle-btn { font-family: "azo-sans-web", sans-serif; } .tingle-modal-box .gform_heading { display: none; } #field_10_1 { width: 46%; } main, .entry, .tingle-modal-box { /* Pop Up Box -------------------------*/ /* Errors -------------------------*/ } main .gfield, .entry .gfield, .tingle-modal-box .gfield { margin-bottom: 20px; } main fieldset, .entry fieldset, .tingle-modal-box fieldset { margin-left: 0; margin-right: 0; width: 100%; } main .gfield--width-full, .entry .gfield--width-full, .tingle-modal-box .gfield--width-full { width: 100%; } main .gfield_label, .entry .gfield_label, .tingle-modal-box .gfield_label { font-family: "azo-sans-web", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } main .ginput_container input[type='text'], main .ginput_container input[type='email'], main .ginput_container input[type='tel'], main .ginput_container textarea, .entry .ginput_container input[type='text'], .entry .ginput_container input[type='email'], .entry .ginput_container input[type='tel'], .entry .ginput_container textarea, .tingle-modal-box .ginput_container input[type='text'], .tingle-modal-box .ginput_container input[type='email'], .tingle-modal-box .ginput_container input[type='tel'], .tingle-modal-box .ginput_container textarea { padding: 12px 16px 13px; } main .gform_wrapper textarea, .entry .gform_wrapper textarea, .tingle-modal-box .gform_wrapper textarea { height: 130px !important; } main .gf_progressbar_wrapper, .entry .gf_progressbar_wrapper, .tingle-modal-box .gf_progressbar_wrapper { margin-bottom: 48px; } main .gf_progressbar_wrapper .gf_progressbar_title, .entry .gf_progressbar_wrapper .gf_progressbar_title, .tingle-modal-box .gf_progressbar_wrapper .gf_progressbar_title { color: #939597; font-family: "azo-sans-web", sans-serif; font-weight: 700; line-height: 1.17; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5em; } main .gf_progressbar_wrapper .gf_progressbar, .entry .gf_progressbar_wrapper .gf_progressbar, .tingle-modal-box .gf_progressbar_wrapper .gf_progressbar { background: #f5f6f7; } main .gf_progressbar_wrapper .gf_progressbar_percentage, .entry .gf_progressbar_wrapper .gf_progressbar_percentage, .tingle-modal-box .gf_progressbar_wrapper .gf_progressbar_percentage { background: transparent linear-gradient(90deg, #0f4c81 0%, #e50914 100%) 0% 0% no-repeat padding-box; color: #ffffff; font-family: "azo-sans-web", sans-serif; font-weight: 700; text-transform: uppercase; padding: 4px 16px; } main .gsection, .entry .gsection, .tingle-modal-box .gsection { display: block; width: 100%; } main .gsection .gsection_title, .entry .gsection .gsection_title, .tingle-modal-box .gsection .gsection_title { border-bottom: 2px solid #f5f6f7; padding-bottom: 0.5em; } main .gsection .gsection_description, .entry .gsection .gsection_description, .tingle-modal-box .gsection .gsection_description { font-size: 16px; font-weight: 500; line-height: 1.8; margin: 0; } main .gsection .gsection_description + p, .entry .gsection .gsection_description + p, .tingle-modal-box .gsection .gsection_description + p { margin-top: 1em; } main .full, .entry .full, .tingle-modal-box .full { display: block; width: 100%; } main .gpnf-nested-entries-container, .entry .gpnf-nested-entries-container, .tingle-modal-box .gpnf-nested-entries-container { margin-top: 12px; } main .gpnf-nested-entries-container .gpnf-nested-entries, .entry .gpnf-nested-entries-container .gpnf-nested-entries, .tingle-modal-box .gpnf-nested-entries-container .gpnf-nested-entries { width: 100%; } main .gform_heading, .entry .gform_heading, .tingle-modal-box .gform_heading { margin-bottom: 40px !important; } main .gform_heading .gform_description, .entry .gform_heading .gform_description, .tingle-modal-box .gform_heading .gform_description { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.8; margin: 0; margin-top: 0.75em; } @media (min-width: 1024px) { main .gform_heading .gform_description, .entry .gform_heading .gform_description, .tingle-modal-box .gform_heading .gform_description { font-size: 18px; } } @media (min-width: 1441px) { main .gform_heading .gform_description, .entry .gform_heading .gform_description, .tingle-modal-box .gform_heading .gform_description { font-size: 20px; } } main .gform_page_footer, .entry .gform_page_footer, .tingle-modal-box .gform_page_footer { margin-top: 48px; } main .date .ginput_complex, .entry .date .ginput_complex, .tingle-modal-box .date .ginput_complex { display: flex; margin: 12px 0 24px; } @media (min-width: 1024px) { main .date .ginput_complex, .entry .date .ginput_complex, .tingle-modal-box .date .ginput_complex { margin: 12px 0 36px; } } main .date .ginput_complex .ginput_container_date, .entry .date .ginput_complex .ginput_container_date, .tingle-modal-box .date .ginput_complex .ginput_container_date { margin-right: 16px; } main .date .ginput_complex .ginput_container_date input, .entry .date .ginput_complex .ginput_container_date input, .tingle-modal-box .date .ginput_complex .ginput_container_date input { border: 1px solid #939597; display: block; margin-bottom: 4px; padding: 12px; } main .ginput_container_radio, .entry .ginput_container_radio, .tingle-modal-box .ginput_container_radio { margin: 12px 0 24px; } @media (min-width: 1024px) { main .ginput_container_radio, .entry .ginput_container_radio, .tingle-modal-box .ginput_container_radio { margin: 12px 0 36px; } } main .ginput_container_radio .gchoice + .gchoice, .entry .ginput_container_radio .gchoice + .gchoice, .tingle-modal-box .ginput_container_radio .gchoice + .gchoice { margin-top: 8px; } main .gfield_checkbox, .entry .gfield_checkbox, .tingle-modal-box .gfield_checkbox { margin-top: 12px !important; } @media (min-width: 768px) { main .ginput_container_address, main .ginput_container_name, .entry .ginput_container_address, .entry .ginput_container_name, .tingle-modal-box .ginput_container_address, .tingle-modal-box .ginput_container_name { display: flex; flex-wrap: wrap; justify-content: space-between; } main .ginput_container_address span, main .ginput_container_name span, .entry .ginput_container_address span, .entry .ginput_container_name span, .tingle-modal-box .ginput_container_address span, .tingle-modal-box .ginput_container_name span { width: 46%; } } main .ginput_container_fileupload, .entry .ginput_container_fileupload, .tingle-modal-box .ginput_container_fileupload { margin: 12px 0 24px; } @media (min-width: 1024px) { main .ginput_container_fileupload, .entry .ginput_container_fileupload, .tingle-modal-box .ginput_container_fileupload { margin: 12px 0 36px; } } main .ginput_container_fileupload input[type='file'], .entry .ginput_container_fileupload input[type='file'], .tingle-modal-box .ginput_container_fileupload input[type='file'] { margin-bottom: 9px; } main .ginput_container_fileupload .gform_fileupload_rules, .entry .ginput_container_fileupload .gform_fileupload_rules, .tingle-modal-box .ginput_container_fileupload .gform_fileupload_rules { display: block; } main .ginput_container_select, .entry .ginput_container_select, .tingle-modal-box .ginput_container_select { position: relative; } main .ginput_container_select select, .entry .ginput_container_select select, .tingle-modal-box .ginput_container_select select { padding: 15px 16px; } main .ginput_container_select:after, .entry .ginput_container_select:after, .tingle-modal-box .ginput_container_select:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f078'; position: absolute; top: 27px; right: 16px; } main fieldset.gfield, .entry fieldset.gfield, .tingle-modal-box fieldset.gfield { border: none; margin-bottom: 24px; padding: 0; } @media (min-width: 1024px) { main fieldset.gfield, .entry fieldset.gfield, .tingle-modal-box fieldset.gfield { margin-bottom: 36px; } } @media (min-width: 1024px) { main .gform_fields, .entry .gform_fields, .tingle-modal-box .gform_fields { display: flex; flex-wrap: wrap; justify-content: space-between; } main .gfield--width-half, .entry .gfield--width-half, .tingle-modal-box .gfield--width-half { width: 46%; } } main .gform_submission_error, .entry .gform_submission_error, .tingle-modal-box .gform_submission_error { background: #feefef; color: #e50914; font-size: 16px; margin-bottom: 40px !important; padding: 1em; text-align: center; } main .gfield_error .gfield_label, .entry .gfield_error .gfield_label, .tingle-modal-box .gfield_error .gfield_label { color: #e50914; } main .gfield_error input[type='text'], main .gfield_error input[type='email'], main .gfield_error input[type='tel'], .entry .gfield_error input[type='text'], .entry .gfield_error input[type='email'], .entry .gfield_error input[type='tel'], .tingle-modal-box .gfield_error input[type='text'], .tingle-modal-box .gfield_error input[type='email'], .tingle-modal-box .gfield_error input[type='tel'] { border-color: #e50914; } main .gfield_validation_message, main .validation_message, .entry .gfield_validation_message, .entry .validation_message, .tingle-modal-box .gfield_validation_message, .tingle-modal-box .validation_message { display: none; visibility: hidden; } main .gform_confirmation_message p, .entry .gform_confirmation_message p, .tingle-modal-box .gform_confirmation_message p { margin-top: 0.75em; } .entry .gfield { margin-bottom: 20px; } @media (min-width: 1024px) { .entry .gfield { margin-bottom: 32px; } } #gform_wrapper_2 .gform_heading { display: inline-block !important; visibility: visible !important; } /*---------------------------------------- Intro ----------------------------------------*/ .intro .wrapper { padding: 64px 0; } @media (min-width: 768px) { .intro .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .intro .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .intro .wrapper { padding: 112px 0; } } .intro .wrapper .heading .wistia_embed img { box-shadow: 0px 2px 4px #0000001a; cursor: pointer; max-width: 480px; margin-bottom: 48px; width: 100%; } @media (max-width: 1023px) { .intro .wrapper { max-width: 640px; } } @media (min-width: 1024px) { .intro .wrapper { zoom: 1; } .intro .wrapper:before, .intro .wrapper:after { content: ''; display: table; } .intro .wrapper:after { clear: both; } .intro .wrapper .heading, .intro .wrapper .button { box-sizing: border-box; float: left; padding-right: 4%; width: 52%; } .intro .wrapper .text { float: right; width: 48%; } } .intro h2, .intro h3 { margin-bottom: 1em; } @media (min-width: 1024px) { .intro h2 { font-size: 40px; } } @media (min-width: 1240px) { .intro h2 { font-size: 48px; } } .intro h4 { color: #2d83cf; margin-bottom: 0.5em; } .intro img { max-width: 192px; margin-bottom: 32px; } @media (max-width: 1023px) { .intro .btn, .intro .btn-out { margin-top: 40px; } } /*---------------------------------------- Intro Simple ----------------------------------------*/ .intro-simple { text-align: center; } .intro-simple .wrapper { max-width: 640px; padding: 64px 0; } @media (min-width: 1024px) { .intro-simple .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .intro-simple .wrapper { max-width: 714px; } } .intro-simple h3 + p { margin-top: 1.25em; } /*---------------------------------------- Logos ----------------------------------------*/ .client-logos { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding: 40px 0 48px; } .client-logos h4 { padding: 0 5% 32px; text-align: center; } .logo-slider { list-style: none; margin: 0; padding: 0; } .logo-slider .carousel-cell { margin: 0 56px; padding: 0; } .logo-slider a { display: block; } .logo-slider img { max-height: 64px; width: auto; } .logo-grid { text-align: center; } .logo-grid ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 768px) { .logo-grid ul { display: flex; flex-wrap: wrap; } } .logo-grid li { border-bottom: 1px solid rgba(147, 149, 151, 0.25); padding: 24px; } .logo-grid li:nth-child(1) { border-top: 1px solid rgba(147, 149, 151, 0.25); } @media (min-width: 768px) { .logo-grid li { width: 50%; box-sizing: border-box; } .logo-grid li:nth-child(2) { border-top: 1px solid rgba(147, 149, 151, 0.25); } .logo-grid li:nth-child(odd) { border-right: 1px solid rgba(147, 149, 151, 0.25); } } @media (min-width: 1024px) { .logo-grid li { width: 33.333333%; padding: 40px 20px; } .logo-grid li:nth-child(3) { border-top: 1px solid rgba(147, 149, 151, 0.25); } .logo-grid li:nth-child(odd) { border-right: none; } .logo-grid li:nth-child(3n+2) { border-right: 1px solid rgba(147, 149, 151, 0.25); border-left: 1px solid rgba(147, 149, 151, 0.25); } } .logo-grid img { width: 336px; } /*---------------------------------------- Services ----------------------------------------*/ @media (min-width: 768px) { .services { display: flex; flex-wrap: wrap; } } .services .block { background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; min-height: 540px; position: relative; } @media (min-width: 768px) { .services .block { width: 50%; } } @media (min-width: 1024px) { .services .block { min-height: 600px; width: 25%; } } .services .block:hover .details { max-height: 1000px; opacity: 1; transition: all 0.5s ease-in; } .services .text { color: #ffffff; padding: 40px 14%; position: relative; text-align: center; z-index: 3; } .services .details { max-height: 0px; opacity: 0; overflow: hidden; transition: all 0.25s ease-out; } .services h4 { color: #ffffff; margin: auto; max-width: 300px; } @media (min-width: 1024px) { .services h4 { font-size: 20px; } } @media (min-width: 1441px) { .services h4 { font-size: 22px; } } .services img { margin: 64px 0 24px; max-height: 80px; } .services p { max-width: 285px; margin: auto; } @media (min-width: 1024px) { .services p { font-size: 16px; } } @media (min-width: 1441px) { .services p { font-size: 18px; } } .services a { display: inline-block; margin-top: 48px; } .services .overlay { background: rgba(3, 30, 54, 0.4); display: block; position: absolute; top: 0; left: 0; transition: all 0.25s ease-in; width: 100%; height: 100%; z-index: 2; } .services .block:hover .overlay { background: rgba(3, 30, 54, 0.8); transition: all 0.25s ease-in; } /*---------------------------------------- Split Content ----------------------------------------*/ @media (min-width: 768px) { .split-content .row, .split-content .row-alt .wrapper, .single-landing .row, .single-landing .row-alt .wrapper { align-items: stretch; justify-content: space-between; display: flex; } } .split-content .row .image img, .split-content .row-alt .wrapper .image img, .single-landing .row .image img, .single-landing .row-alt .wrapper .image img { max-width: 100%; } @media (min-width: 768px) { .split-content .row .text, .split-content .row-alt .wrapper .text, .single-landing .row .text, .single-landing .row-alt .wrapper .text { align-items: center; display: flex; } } .split-content .row .text h4, .split-content .row-alt .wrapper .text h4, .single-landing .row .text h4, .single-landing .row-alt .wrapper .text h4 { color: #2d83cf; margin-bottom: 0.5em; } .split-content .row .text h2, .split-content .row-alt .wrapper .text h2, .single-landing .row .text h2, .single-landing .row-alt .wrapper .text h2 { margin-bottom: 0.5em; } .split-content .row .text h5, .split-content .row-alt .wrapper .text h5, .single-landing .row .text h5, .single-landing .row-alt .wrapper .text h5 { cursor: pointer; display: block; margin-top: 1em; } .split-content .row .text h5:before, .split-content .row-alt .wrapper .text h5:before, .single-landing .row .text h5:before, .single-landing .row-alt .wrapper .text h5:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 300; content: '\f067'; margin-right: 0.5em; } .split-content .row .text h5 + p, .split-content .row-alt .wrapper .text h5 + p, .single-landing .row .text h5 + p, .single-landing .row-alt .wrapper .text h5 + p { display: none; margin-top: 1em; } .split-content .row .text h5.open, .split-content .row-alt .wrapper .text h5.open, .single-landing .row .text h5.open, .single-landing .row-alt .wrapper .text h5.open { color: #2d83cf; } .split-content .row .text h5.open:before, .split-content .row-alt .wrapper .text h5.open:before, .single-landing .row .text h5.open:before, .single-landing .row-alt .wrapper .text h5.open:before { content: '\f068'; } .split-content .row .text p + p, .split-content .row-alt .wrapper .text p + p, .single-landing .row .text p + p, .single-landing .row-alt .wrapper .text p + p { margin-top: 1em; } .split-content .row .text .checklist, .split-content .row-alt .wrapper .text .checklist, .single-landing .row .text .checklist, .single-landing .row-alt .wrapper .text .checklist { margin-top: 2em; margin-bottom: 0; } .split-content .row .text .checklist li, .split-content .row-alt .wrapper .text .checklist li, .single-landing .row .text .checklist li, .single-landing .row-alt .wrapper .text .checklist li { margin-top: 1em; } .split-content .row .text .checklist i, .split-content .row .text .checklist svg, .split-content .row-alt .wrapper .text .checklist i, .split-content .row-alt .wrapper .text .checklist svg, .single-landing .row .text .checklist i, .single-landing .row .text .checklist svg, .single-landing .row-alt .wrapper .text .checklist i, .single-landing .row-alt .wrapper .text .checklist svg { color: #e50914; } .split-content .row .text .btn, .split-content .row .text .btn-out, .split-content .row .text .btn-emphisis, .split-content .row-alt .wrapper .text .btn, .split-content .row-alt .wrapper .text .btn-out, .split-content .row-alt .wrapper .text .btn-emphisis, .single-landing .row .text .btn, .single-landing .row .text .btn-out, .single-landing .row .text .btn-emphisis, .single-landing .row-alt .wrapper .text .btn, .single-landing .row-alt .wrapper .text .btn-out, .single-landing .row-alt .wrapper .text .btn-emphisis { margin-top: 32px; } @media (min-width: 1024px) { .split-content .row .text .btn, .split-content .row .text .btn-out, .split-content .row .text .btn-emphisis, .split-content .row-alt .wrapper .text .btn, .split-content .row-alt .wrapper .text .btn-out, .split-content .row-alt .wrapper .text .btn-emphisis, .single-landing .row .text .btn, .single-landing .row .text .btn-out, .single-landing .row .text .btn-emphisis, .single-landing .row-alt .wrapper .text .btn, .single-landing .row-alt .wrapper .text .btn-out, .single-landing .row-alt .wrapper .text .btn-emphisis { margin-top: 40px; } } @media (min-width: 1441px) { .split-content .row .text .btn, .split-content .row .text .btn-out, .split-content .row .text .btn-emphisis, .split-content .row-alt .wrapper .text .btn, .split-content .row-alt .wrapper .text .btn-out, .split-content .row-alt .wrapper .text .btn-emphisis, .single-landing .row .text .btn, .single-landing .row .text .btn-out, .single-landing .row .text .btn-emphisis, .single-landing .row-alt .wrapper .text .btn, .single-landing .row-alt .wrapper .text .btn-out, .single-landing .row-alt .wrapper .text .btn-emphisis { margin-top: 48px; } } @media (min-width: 768px) { .split-content .row:nth-of-type(odd), .single-landing .row:nth-of-type(odd) { flex-direction: row-reverse; } } @media (min-width: 768px) { .split-content .row .image, .single-landing .row .image { width: 50%; } .split-content .row .image img, .single-landing .row .image img { max-width: none; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } } @media (min-width: 768px) { .split-content .row .text, .single-landing .row .text { width: 50%; } } .split-content .row .text div, .single-landing .row .text div { width: 90%; max-width: 618px; margin: auto; padding: 64px 0; } @media (min-width: 768px) { .split-content .row .text div, .single-landing .row .text div { width: 80%; } } @media (min-width: 1024px) { .split-content .row .text div, .single-landing .row .text div { padding: 96px 0; } } @media (min-width: 1441px) { .split-content .row .text div, .single-landing .row .text div { padding: 128px 0; } } .split-content .row-alt .wrapper, .single-landing .row-alt .wrapper { padding: 64px 0; } @media (min-width: 768px) { .split-content .row-alt .wrapper, .single-landing .row-alt .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .split-content .row-alt .wrapper, .single-landing .row-alt .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .split-content .row-alt .wrapper, .single-landing .row-alt .wrapper { padding: 112px 0; } } .split-content .row-alt .image, .single-landing .row-alt .image { margin-bottom: 48px; } @media (min-width: 768px) { .split-content .row-alt .image, .single-landing .row-alt .image { align-items: center; display: flex; margin-bottom: 0; width: 48.1308411215%; } } @media (min-width: 768px) { .split-content .row-alt .text, .single-landing .row-alt .text { width: 43.2242990654%; } } .split-content .row-alt .text .two-col, .single-landing .row-alt .text .two-col { margin-top: 2em; } @media (min-width: 768px) { .split-content .row-alt .text .two-col, .single-landing .row-alt .text .two-col { display: flex; margin-top: 1em; } .split-content .row-alt .text .two-col ul, .split-content .row-alt .text .two-col ol, .single-landing .row-alt .text .two-col ul, .single-landing .row-alt .text .two-col ol { width: 50%; margin: 0; } } .split-content .row-alt .text ul, .single-landing .row-alt .text ul { font-family: "azo-sans-web", sans-serif; font-size: 16px; line-height: 1.44; margin: 0; padding: 0 0 0 1em; } @media (min-width: 1024px) { .split-content .row-alt .text ul, .single-landing .row-alt .text ul { font-size: 18px; } } .split-content .row-alt .text ul li, .single-landing .row-alt .text ul li { list-style: none; margin-top: 1em; } .split-content .row-alt .text ul li:before, .single-landing .row-alt .text ul li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: '\f105'; color: #e50914; margin: 0 16px 0 0px; } .split-content .row-alt .text .btn, .split-content .row-alt .text .btn-out, .single-landing .row-alt .text .btn, .single-landing .row-alt .text .btn-out { margin-right: 40px; } @media (min-width: 768px) { .single-landing .row-alt:nth-of-type(even) { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } .single-landing .row-alt:nth-of-type(even) .wrapper { flex-direction: row-reverse; } } .single-landing main .ginput_container_radio, .single-landing .entry .ginput_container_radio, .single-landing .tingle-modal-box .ginput_container_radio { margin: 16px 0 0 0; } /*---------------------------------------- Team ----------------------------------------*/ /* Team Bios Grid -------------------------*/ .team { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; } @media (min-width: 768px) { .team { padding: 0 calc(5% - 24px); } } .team .wrapper { max-width: 1332px; padding: 64px 0; } @media (min-width: 768px) { .team .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .team .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .team .wrapper { padding: 112px 0; } } .team header { max-width: 714px; margin: 0 auto 8px; text-align: center; } @media (min-width: 1024px) { .team header { margin-bottom: 32px; } } .team header p { margin: 0.75em 0 0; } @media (min-width: 768px) { .team .group { display: flex; flex-wrap: wrap; justify-content: center; } } .team .employee-details { margin: 48px auto 0; max-width: 396px; } @media (min-width: 768px) { .team .employee-details { margin: 48px 24px 0; } } .team .employee-details img { cursor: pointer; } .team .employee-details .text { padding: 32px; } .team .btn-alt:after, .team .btn-alt-out:after { content: '\f2d2'; } /* Employee Details -------------------------*/ .employee-details { background: #ffffff; box-shadow: 0px 2px 4px #0000001a; } .employee-details .image { position: relative; } .employee-details .image img { display: block; max-width: 100%; } .employee-details .image ul { display: flex; list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; } .employee-details .image ul a { color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 16px; height: 32px; width: 32px; } .employee-details .image ul li:nth-child(1) a { background: #0f4c81; } .employee-details .image ul li:nth-child(2) a { background: #2d83cf; } .employee-details .text h5 { font-size: 24px; margin-bottom: 0.5em; } .employee-details .text p { margin-top: 1.25em; } /* Employee Modals -------------------------*/ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; } .modal.open { display: block; } .modal .group { display: flex; align-items: center; justify-content: center; height: 100%; } .modal .screen { background: #031e36; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .modal .close { align-items: center; justify-content: center; background: rgba(3, 30, 54, 0.5); cursor: pointer; display: flex; position: absolute; top: 0; right: 0; transition: all ease-in-out 0.25s; width: 80px; height: 80px; z-index: 3; } .modal .close:hover { background: #031e36; transition: all ease-in-out 0.5s; } .modal .close i, .modal .close svg { color: #ffffff; font-size: 24px; } .modal .employee-details { box-shadow: 0px 2px 4px #0000001a; position: relative; width: 90%; max-width: 666px; z-index: 2; } .modal .employee-details .text div { padding: 10%; } @media (min-width: 768px) { .modal .employee-details { align-content: stretch; display: flex; max-width: 960px; } .modal .employee-details .image { width: 37%; } .modal .employee-details .image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .modal .employee-details .text { width: 63%; } .modal .employee-details .text div { padding: 10% 10% 14%; } } @media (min-width: 1441px) { .modal .employee-details { max-width: 1062px; } } /*---------------------------------------- Timeline ----------------------------------------*/ .timeline .wrapper { border-top: 2px solid #f5f6f7; padding: 64px 0; } @media (min-width: 768px) { .timeline .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .timeline .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .timeline .wrapper { padding: 112px 0; } } .timeline .group { margin: auto; max-width: 446px; position: relative; } @media (min-width: 768px) { .timeline .group { display: flex; flex-wrap: wrap; max-width: none; } } .timeline h2 { text-align: center; margin-bottom: 1.5em; } .timeline .gradient { background: transparent linear-gradient(180deg, #0f4c81 0%, #e50914 100%) 0% 0% no-repeat padding-box; position: absolute; left: 0; top: 0; width: 4px; height: 90%; z-index: 1; } @media (min-width: 768px) { .timeline .gradient { left: 50%; margin-left: -2px; } } .timeline .event { position: relative; z-index: 2; } @media (min-width: 768px) { .timeline .event { width: 50%; } .timeline .event:nth-of-type(odd) { left: -2px; margin-left: 50%; } .timeline .event:nth-of-type(even) { text-align: right; right: -2px; } .timeline .event:nth-of-type(even) p { margin: 8px 24px 0 auto; } } .timeline .event + .event { margin-top: 40px; } @media (min-width: 768px) { .timeline .event + .event { margin-top: -24px; } } .timeline .event h5 { color: #ffffff; font-weight: 500; display: inline-block; padding: 8px 24px; } .timeline .event p { font-size: 16px; margin: 8px 0 0 24px; max-width: 420px; } .timeline .event:nth-of-type(1) h5 { background: #0f4b80; } .timeline .event:nth-of-type(2) h5 { background: #34406d; } .timeline .event:nth-of-type(3) h5 { background: #5a345a; } .timeline .event:nth-of-type(4) h5 { background: #7f2847; } .timeline .event:nth-of-type(5) h5 { background: #a41d34; } .timeline .event:nth-of-type(6) h5 { background: #ca1121; } /*---------------------------------------- Main Title ----------------------------------------*/ /* Shared Styles -------------------------*/ .title, .hero { background-position: center; background-size: cover; position: relative; text-align: center; width: 100%; } .title .text, .hero .text { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 36px; width: 90%; z-index: 3; } .title h1, .hero h1, .title h2, .hero h2 { color: #ffffff; margin: 0.5em; } .title p, .hero p { color: #ffffff; font-size: 20px; line-height: 1.67; margin: auto; max-width: 714px; } @media (min-width: 768px) { .title p, .hero p { font-size: 22px; } } @media (min-width: 1024px) { .title p, .hero p { font-size: 24px; } } .title .overlay, .hero .overlay { background: rgba(3, 30, 54, 0.3); display: block; position: absolute; width: 100%; z-index: 2; } .title .video, .hero .video { overflow: hidden; position: relative; width: 100vw; z-index: 1; } .title .video iframe, .hero .video iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100vw; height: 100vh; } @media (min-aspect-ratio: 16/9) { .title .video iframe, .hero .video iframe { height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { .title .video iframe, .hero .video iframe { width: 177.78vh; } } /*---------------------------------------- Hero ----------------------------------------*/ /* Arrow Animation -------------------------*/ @-webkit-keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 24px); transform: translate(0, 24px); } to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } } @keyframes floating { from { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } 65% { -webkit-transform: translate(0, 24px); transform: translate(0, 24px); } to { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } } /* Hero Content -------------------------*/ .hero { height: 60vh; min-height: 528px; } .hero .wistia_embed { color: #ffffff; cursor: pointer; } .hero .wistia_embed .fa-play-circle { font-size: 48px; } .hero .wistia_embed h6 { color: #ffffff; margin-top: 1em; } .hero .overlay, .hero .video { height: 60vh; min-height: 528px; } .hero .bounce i, .hero .bounce svg { -webkit-animation-name: floating; animation-name: floating; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; color: #ffffff; font-size: 32px; margin-left: -16px; position: absolute; bottom: 5%; z-index: 3; } /*---------------------------------------- Title ----------------------------------------*/ .title { height: 256px; padding-top: 72px; } .title p { margin-bottom: 24px; } .title .overlay, .title .video { height: 256px; } /*---------------------------------------- Job Title ----------------------------------------*/ .title-job { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding-top: 72px; text-align: center; } .title-job .wrapper { padding: 52px 0 64px; } .title-job h2 { margin: 0.75em 0 0.45em; } .title-job h2 + h6 { color: #0f4c81; } /*---------------------------------------- Post Title ----------------------------------------*/ .title-post { background: transparent linear-gradient(81deg, #f6f8fa 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box; padding-top: 72px; text-align: center; } .title-post .wrapper { padding: 52px 0 64px; } .title-post h2 { margin: 0.75em 0 0.45em; } .title-post h2 + h6 { color: #939597; } .title-post .meta { align-items: center; display: flex; justify-content: center; } .title-post .meta ul { display: inline-block; list-style: none; margin: 0; padding: 0; } /*---------------------------------------- Values ----------------------------------------*/ .values .wrapper { padding: 64px 0; } @media (min-width: 768px) { .values .wrapper { padding: 80px 0; } } @media (min-width: 1024px) { .values .wrapper { padding: 96px 0; } } @media (min-width: 1441px) { .values .wrapper { padding: 112px 0; } } .values header { max-width: 714px; margin: auto; text-align: center; } .values header p { margin: 0.75em 0 0; } @media (min-width: 768px) { .values .group { display: flex; flex-wrap: wrap; justify-content: center; } } @media (min-width: 1024px) { .values .group { justify-content: space-between; } } .values .group div { margin: 48px auto 0; max-width: 396px; } @media (min-width: 768px) { .values .group div { margin: 64px 0 0; max-width: none; width: 48%; } .values .group div:first-of-type { margin-right: 4%; } } @media (min-width: 1024px) { .values .group div { width: 31%; } .values .group div:first-of-type { margin-right: 0; } } @media (min-width: 1441px) { .values .group div { margin: 80px 0 0; } } .values .group hgroup { align-items: center; display: flex; justify-content: flex-start; margin-bottom: 16px; } .values .group img { margin-right: 16px; max-height: 80px; } .values .group h4 { color: #2d83cf; }