@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap); @import url(//glenthemes.github.io/iconsax/style.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(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* Theme Name: Assemble (CRAFT) Theme URI: www.strafecreative.co.uk Author: Strafe Creative Author URI: www.strafecreative.co.uk Description: Framework designed and built by Strafe Creative Version: 1.0.0 */ /** * Swiper 8.1.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 16, 2022 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; font-family: "object-fit:contain"; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @-webkit-keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*************** * Config * ***************/ @font-face { font-family: "kingspan-font-brown"; font-weight: 400; src: url("../../build/fonts/KingspanBrownTT-Regular.woff"), url("../../build/fonts/KingspanBrownTT-Regular.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "kingspan-font-brown"; font-weight: 300; src: url("../../build/fonts/KingspanBrownTT-Light.woff"), url("../../build/fonts/KingspanBrownTT-Light.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "kingspan-font-brown"; font-weight: 500; src: url("../../build/fonts/KingspanBrownTT-Bold.woff"), url("../../build/fonts/KingspanBrownTT-Bold.woff2") format("woff2"); font-display: swap; } /********** * Grid * **********/ /********** * Social * **********/ [data-aos=blur-in] { opacity: 0; filter: blur(1px); transition-property: opacity, filter; } [data-aos=blur-in].aos-animate { opacity: 1; filter: blur(0); } [data-aos=blur-in-tagline] { opacity: 0 !important; filter: blur(1px); transition-property: opacity, filter; } [data-aos=blur-in-tagline].aos-animate { opacity: 0.2 !important; filter: blur(0); } [data-aos=fade-up] { transform: translate3d(0, 15px, 0); } /*************** * Grid * * Refer to the strafe boilerplate github for more info https://github.com/strafe-creative/assemble#grid-system ***************/ @media (max-width: 768px) { .is-hidden-mobile:not(.columns) { display: none !important; } } @media (max-width: 768px) { .is-hidden-mobile.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-mobile:not(.columns) { display: none; } @media (max-width: 768px) { .is-not-hidden-mobile:not(.columns) { display: block !important; } } .is-not-hidden-mobile.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (max-width: 768px) { .is-not-hidden-mobile.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 768px) { .is-hidden-:not(.columns) { display: none !important; } } @media (min-width: 768px) { .is-hidden-.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-:not(.columns) { display: none; } @media (min-width: 768px) { .is-not-hidden-:not(.columns) { display: block !important; } } .is-not-hidden-.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (min-width: 768px) { .is-not-hidden-.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 768px) { .is-hidden-tablet:not(.columns) { display: none !important; } } @media (min-width: 768px) { .is-hidden-tablet.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-tablet:not(.columns) { display: none; } @media (min-width: 768px) { .is-not-hidden-tablet:not(.columns) { display: block !important; } } .is-not-hidden-tablet.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (min-width: 768px) { .is-not-hidden-tablet.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1025px) { .is-hidden-desktop:not(.columns) { display: none !important; } } @media (min-width: 1025px) { .is-hidden-desktop.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-desktop:not(.columns) { display: none; } @media (min-width: 1025px) { .is-not-hidden-desktop:not(.columns) { display: block !important; } } .is-not-hidden-desktop.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (min-width: 1025px) { .is-not-hidden-desktop.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1180px) { .is-hidden-desktop-m:not(.columns) { display: none !important; } } @media (min-width: 1180px) { .is-hidden-desktop-m.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-desktop-m:not(.columns) { display: none; } @media (min-width: 1180px) { .is-not-hidden-desktop-m:not(.columns) { display: block !important; } } .is-not-hidden-desktop-m.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (min-width: 1180px) { .is-not-hidden-desktop-m.columns { position: relative !important; top: 0 !important; left: 0 !important; } } @media (min-width: 1440px) { .is-hidden-widescreen:not(.columns) { display: none !important; } } @media (min-width: 1440px) { .is-hidden-widescreen.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } } .is-not-hidden-widescreen:not(.columns) { display: none; } @media (min-width: 1440px) { .is-not-hidden-widescreen:not(.columns) { display: block !important; } } .is-not-hidden-widescreen.columns { position: absolute !important; top: -9999px !important; left: -9999px !important; } @media (min-width: 1440px) { .is-not-hidden-widescreen.columns { position: relative !important; top: 0 !important; left: 0 !important; } } .columns { display: block; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-mobile { display: flex; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-vcentered { align-items: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless > .column { padding: 0 !important; } .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .columns.is-gapless:last-child { margin-bottom: 0; } @media (min-width: 768px) { .columns { display: flex; } } .column { display: block; padding: 0.75rem; flex-basis: 0; flex-grow: 1; flex-shrink: 1; } .columns.is-mobile > .column.is-narrow { flex: none; } .columns.is-mobile > .column.is-full { width: 100%; flex: none; } .columns.is-mobile > .column.is-three-quarters { width: 75%; flex: none; } .columns.is-mobile > .column.is-two-thirds { width: 66.6666%; flex: none; } .columns.is-mobile > .column.is-half { width: 50%; flex: none; } .columns.is-mobile > .column.is-one-third { width: 33.3333%; flex: none; } .columns.is-mobile > .column.is-one-quarter { width: 25%; flex: none; } .columns.is-mobile > .column.is-one-fifth { width: 20%; flex: none; } .columns.is-mobile > .column.is-two-fifths { width: 40%; flex: none; } .columns.is-mobile > .column.is-three-fifths { width: 60%; flex: none; } .columns.is-mobile > .column.is-four-fifths { width: 80%; flex: none; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } .columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; } .columns.is-mobile > .column.is-offset-half { margin-left: 50%; } .columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; } .columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; } .columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-0 { width: 0%; flex: none; } .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .column.is-1 { width: 8.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.3333333333%; } .columns.is-mobile > .column.is-2 { width: 16.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.6666666667%; } .columns.is-mobile > .column.is-3 { width: 25%; flex: none; } .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .column.is-4 { width: 33.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.3333333333%; } .columns.is-mobile > .column.is-5 { width: 41.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.6666666667%; } .columns.is-mobile > .column.is-6 { width: 50%; flex: none; } .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .column.is-7 { width: 58.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.3333333333%; } .columns.is-mobile > .column.is-8 { width: 66.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.6666666667%; } .columns.is-mobile > .column.is-9 { width: 75%; flex: none; } .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .column.is-10 { width: 83.3333333333%; flex: none; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.3333333333%; } .columns.is-mobile > .column.is-11 { width: 91.6666666667%; flex: none; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.6666666667%; } .columns.is-mobile > .column.is-12 { width: 100%; flex: none; } .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media (max-width: 768px) { .column.is-narrow-mobile { flex: none; width: auto; } .column.is-auto-mobile { flex: 1; width: auto; } .column.is-full-mobile { width: 100%; flex: none; } .column.is-three-quarters-mobile { width: 75%; flex: none; } .column.is-two-thirds-mobile { width: 66.6666%; flex: none; } .column.is-half-mobile { width: 50%; flex: none; } .column.is-one-third-mobile { width: 33.3333%; flex: none; } .column.is-one-quarter-mobile { width: 25%; flex: none; } .column.is-one-fifth-mobile { width: 20%; flex: none; } .column.is-two-fifths-mobile { width: 40%; flex: none; } .column.is-three-fifths-mobile { width: 60%; flex: none; } .column.is-four-fifths-mobile { width: 80%; flex: none; } .column.is-offset-three-quarters-mobile { margin-left: 75%; } .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } .column.is-offset-half-mobile { margin-left: 50%; } .column.is-offset-one-third-mobile { margin-left: 33.3333%; } .column.is-offset-one-quarter-mobile { margin-left: 25%; } .column.is-offset-one-fifth-mobile { margin-left: 20%; } .column.is-offset-two-fifths-mobile { margin-left: 40%; } .column.is-offset-three-fifths-mobile { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-0-mobile { width: 0%; flex: none; } .column.is-offset-0-mobile { margin-left: 0%; } .column.is-1-mobile { width: 8.3333333333%; flex: none; } .column.is-offset-1-mobile { margin-left: 8.3333333333%; } .column.is-2-mobile { width: 16.6666666667%; flex: none; } .column.is-offset-2-mobile { margin-left: 16.6666666667%; } .column.is-3-mobile { width: 25%; flex: none; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { width: 33.3333333333%; flex: none; } .column.is-offset-4-mobile { margin-left: 33.3333333333%; } .column.is-5-mobile { width: 41.6666666667%; flex: none; } .column.is-offset-5-mobile { margin-left: 41.6666666667%; } .column.is-6-mobile { width: 50%; flex: none; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { width: 58.3333333333%; flex: none; } .column.is-offset-7-mobile { margin-left: 58.3333333333%; } .column.is-8-mobile { width: 66.6666666667%; flex: none; } .column.is-offset-8-mobile { margin-left: 66.6666666667%; } .column.is-9-mobile { width: 75%; flex: none; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { width: 83.3333333333%; flex: none; } .column.is-offset-10-mobile { margin-left: 83.3333333333%; } .column.is-11-mobile { width: 91.6666666667%; flex: none; } .column.is-offset-11-mobile { margin-left: 91.6666666667%; } .column.is-12-mobile { width: 100%; flex: none; } .column.is-offset-12-mobile { margin-left: 100%; } } @media (min-width: 768px) { .column.is-narrow- { flex: none; width: auto; } .column.is-auto- { flex: 1; width: auto; } .column.is-full- { width: 100%; flex: none; } .column.is-three-quarters- { width: 75%; flex: none; } .column.is-two-thirds- { width: 66.6666%; flex: none; } .column.is-half- { width: 50%; flex: none; } .column.is-one-third- { width: 33.3333%; flex: none; } .column.is-one-quarter- { width: 25%; flex: none; } .column.is-one-fifth- { width: 20%; flex: none; } .column.is-two-fifths- { width: 40%; flex: none; } .column.is-three-fifths- { width: 60%; flex: none; } .column.is-four-fifths- { width: 80%; flex: none; } .column.is-offset-three-quarters- { margin-left: 75%; } .column.is-offset-two-thirds- { margin-left: 66.6666%; } .column.is-offset-half- { margin-left: 50%; } .column.is-offset-one-third- { margin-left: 33.3333%; } .column.is-offset-one-quarter- { margin-left: 25%; } .column.is-offset-one-fifth- { margin-left: 20%; } .column.is-offset-two-fifths- { margin-left: 40%; } .column.is-offset-three-fifths- { margin-left: 60%; } .column.is-offset-four-fifths- { margin-left: 80%; } .column.is-0- { width: 0%; flex: none; } .column.is-offset-0- { margin-left: 0%; } .column.is-1- { width: 8.3333333333%; flex: none; } .column.is-offset-1- { margin-left: 8.3333333333%; } .column.is-2- { width: 16.6666666667%; flex: none; } .column.is-offset-2- { margin-left: 16.6666666667%; } .column.is-3- { width: 25%; flex: none; } .column.is-offset-3- { margin-left: 25%; } .column.is-4- { width: 33.3333333333%; flex: none; } .column.is-offset-4- { margin-left: 33.3333333333%; } .column.is-5- { width: 41.6666666667%; flex: none; } .column.is-offset-5- { margin-left: 41.6666666667%; } .column.is-6- { width: 50%; flex: none; } .column.is-offset-6- { margin-left: 50%; } .column.is-7- { width: 58.3333333333%; flex: none; } .column.is-offset-7- { margin-left: 58.3333333333%; } .column.is-8- { width: 66.6666666667%; flex: none; } .column.is-offset-8- { margin-left: 66.6666666667%; } .column.is-9- { width: 75%; flex: none; } .column.is-offset-9- { margin-left: 75%; } .column.is-10- { width: 83.3333333333%; flex: none; } .column.is-offset-10- { margin-left: 83.3333333333%; } .column.is-11- { width: 91.6666666667%; flex: none; } .column.is-offset-11- { margin-left: 91.6666666667%; } .column.is-12- { width: 100%; flex: none; } .column.is-offset-12- { margin-left: 100%; } } @media (min-width: 768px) { .column.is-narrow-tablet { flex: none; width: auto; } .column.is-auto-tablet { flex: 1; width: auto; } .column.is-full-tablet { width: 100%; flex: none; } .column.is-three-quarters-tablet { width: 75%; flex: none; } .column.is-two-thirds-tablet { width: 66.6666%; flex: none; } .column.is-half-tablet { width: 50%; flex: none; } .column.is-one-third-tablet { width: 33.3333%; flex: none; } .column.is-one-quarter-tablet { width: 25%; flex: none; } .column.is-one-fifth-tablet { width: 20%; flex: none; } .column.is-two-fifths-tablet { width: 40%; flex: none; } .column.is-three-fifths-tablet { width: 60%; flex: none; } .column.is-four-fifths-tablet { width: 80%; flex: none; } .column.is-offset-three-quarters-tablet { margin-left: 75%; } .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } .column.is-offset-half-tablet { margin-left: 50%; } .column.is-offset-one-third-tablet { margin-left: 33.3333%; } .column.is-offset-one-quarter-tablet { margin-left: 25%; } .column.is-offset-one-fifth-tablet { margin-left: 20%; } .column.is-offset-two-fifths-tablet { margin-left: 40%; } .column.is-offset-three-fifths-tablet { margin-left: 60%; } .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-0-tablet { width: 0%; flex: none; } .column.is-offset-0-tablet { margin-left: 0%; } .column.is-1-tablet { width: 8.3333333333%; flex: none; } .column.is-offset-1-tablet { margin-left: 8.3333333333%; } .column.is-2-tablet { width: 16.6666666667%; flex: none; } .column.is-offset-2-tablet { margin-left: 16.6666666667%; } .column.is-3-tablet { width: 25%; flex: none; } .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4-tablet { width: 33.3333333333%; flex: none; } .column.is-offset-4-tablet { margin-left: 33.3333333333%; } .column.is-5-tablet { width: 41.6666666667%; flex: none; } .column.is-offset-5-tablet { margin-left: 41.6666666667%; } .column.is-6-tablet { width: 50%; flex: none; } .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7-tablet { width: 58.3333333333%; flex: none; } .column.is-offset-7-tablet { margin-left: 58.3333333333%; } .column.is-8-tablet { width: 66.6666666667%; flex: none; } .column.is-offset-8-tablet { margin-left: 66.6666666667%; } .column.is-9-tablet { width: 75%; flex: none; } .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10-tablet { width: 83.3333333333%; flex: none; } .column.is-offset-10-tablet { margin-left: 83.3333333333%; } .column.is-11-tablet { width: 91.6666666667%; flex: none; } .column.is-offset-11-tablet { margin-left: 91.6666666667%; } .column.is-12-tablet { width: 100%; flex: none; } .column.is-offset-12-tablet { margin-left: 100%; } } @media (min-width: 1025px) { .column.is-narrow-desktop { flex: none; width: auto; } .column.is-auto-desktop { flex: 1; width: auto; } .column.is-full-desktop { width: 100%; flex: none; } .column.is-three-quarters-desktop { width: 75%; flex: none; } .column.is-two-thirds-desktop { width: 66.6666%; flex: none; } .column.is-half-desktop { width: 50%; flex: none; } .column.is-one-third-desktop { width: 33.3333%; flex: none; } .column.is-one-quarter-desktop { width: 25%; flex: none; } .column.is-one-fifth-desktop { width: 20%; flex: none; } .column.is-two-fifths-desktop { width: 40%; flex: none; } .column.is-three-fifths-desktop { width: 60%; flex: none; } .column.is-four-fifths-desktop { width: 80%; flex: none; } .column.is-offset-three-quarters-desktop { margin-left: 75%; } .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } .column.is-offset-half-desktop { margin-left: 50%; } .column.is-offset-one-third-desktop { margin-left: 33.3333%; } .column.is-offset-one-quarter-desktop { margin-left: 25%; } .column.is-offset-one-fifth-desktop { margin-left: 20%; } .column.is-offset-two-fifths-desktop { margin-left: 40%; } .column.is-offset-three-fifths-desktop { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-0-desktop { width: 0%; flex: none; } .column.is-offset-0-desktop { margin-left: 0%; } .column.is-1-desktop { width: 8.3333333333%; flex: none; } .column.is-offset-1-desktop { margin-left: 8.3333333333%; } .column.is-2-desktop { width: 16.6666666667%; flex: none; } .column.is-offset-2-desktop { margin-left: 16.6666666667%; } .column.is-3-desktop { width: 25%; flex: none; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { width: 33.3333333333%; flex: none; } .column.is-offset-4-desktop { margin-left: 33.3333333333%; } .column.is-5-desktop { width: 41.6666666667%; flex: none; } .column.is-offset-5-desktop { margin-left: 41.6666666667%; } .column.is-6-desktop { width: 50%; flex: none; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { width: 58.3333333333%; flex: none; } .column.is-offset-7-desktop { margin-left: 58.3333333333%; } .column.is-8-desktop { width: 66.6666666667%; flex: none; } .column.is-offset-8-desktop { margin-left: 66.6666666667%; } .column.is-9-desktop { width: 75%; flex: none; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { width: 83.3333333333%; flex: none; } .column.is-offset-10-desktop { margin-left: 83.3333333333%; } .column.is-11-desktop { width: 91.6666666667%; flex: none; } .column.is-offset-11-desktop { margin-left: 91.6666666667%; } .column.is-12-desktop { width: 100%; flex: none; } .column.is-offset-12-desktop { margin-left: 100%; } } @media (min-width: 1180px) { .column.is-narrow-desktop-m { flex: none; width: auto; } .column.is-auto-desktop-m { flex: 1; width: auto; } .column.is-full-desktop-m { width: 100%; flex: none; } .column.is-three-quarters-desktop-m { width: 75%; flex: none; } .column.is-two-thirds-desktop-m { width: 66.6666%; flex: none; } .column.is-half-desktop-m { width: 50%; flex: none; } .column.is-one-third-desktop-m { width: 33.3333%; flex: none; } .column.is-one-quarter-desktop-m { width: 25%; flex: none; } .column.is-one-fifth-desktop-m { width: 20%; flex: none; } .column.is-two-fifths-desktop-m { width: 40%; flex: none; } .column.is-three-fifths-desktop-m { width: 60%; flex: none; } .column.is-four-fifths-desktop-m { width: 80%; flex: none; } .column.is-offset-three-quarters-desktop-m { margin-left: 75%; } .column.is-offset-two-thirds-desktop-m { margin-left: 66.6666%; } .column.is-offset-half-desktop-m { margin-left: 50%; } .column.is-offset-one-third-desktop-m { margin-left: 33.3333%; } .column.is-offset-one-quarter-desktop-m { margin-left: 25%; } .column.is-offset-one-fifth-desktop-m { margin-left: 20%; } .column.is-offset-two-fifths-desktop-m { margin-left: 40%; } .column.is-offset-three-fifths-desktop-m { margin-left: 60%; } .column.is-offset-four-fifths-desktop-m { margin-left: 80%; } .column.is-0-desktop-m { width: 0%; flex: none; } .column.is-offset-0-desktop-m { margin-left: 0%; } .column.is-1-desktop-m { width: 8.3333333333%; flex: none; } .column.is-offset-1-desktop-m { margin-left: 8.3333333333%; } .column.is-2-desktop-m { width: 16.6666666667%; flex: none; } .column.is-offset-2-desktop-m { margin-left: 16.6666666667%; } .column.is-3-desktop-m { width: 25%; flex: none; } .column.is-offset-3-desktop-m { margin-left: 25%; } .column.is-4-desktop-m { width: 33.3333333333%; flex: none; } .column.is-offset-4-desktop-m { margin-left: 33.3333333333%; } .column.is-5-desktop-m { width: 41.6666666667%; flex: none; } .column.is-offset-5-desktop-m { margin-left: 41.6666666667%; } .column.is-6-desktop-m { width: 50%; flex: none; } .column.is-offset-6-desktop-m { margin-left: 50%; } .column.is-7-desktop-m { width: 58.3333333333%; flex: none; } .column.is-offset-7-desktop-m { margin-left: 58.3333333333%; } .column.is-8-desktop-m { width: 66.6666666667%; flex: none; } .column.is-offset-8-desktop-m { margin-left: 66.6666666667%; } .column.is-9-desktop-m { width: 75%; flex: none; } .column.is-offset-9-desktop-m { margin-left: 75%; } .column.is-10-desktop-m { width: 83.3333333333%; flex: none; } .column.is-offset-10-desktop-m { margin-left: 83.3333333333%; } .column.is-11-desktop-m { width: 91.6666666667%; flex: none; } .column.is-offset-11-desktop-m { margin-left: 91.6666666667%; } .column.is-12-desktop-m { width: 100%; flex: none; } .column.is-offset-12-desktop-m { margin-left: 100%; } } @media (min-width: 1440px) { .column.is-narrow-widescreen { flex: none; width: auto; } .column.is-auto-widescreen { flex: 1; width: auto; } .column.is-full-widescreen { width: 100%; flex: none; } .column.is-three-quarters-widescreen { width: 75%; flex: none; } .column.is-two-thirds-widescreen { width: 66.6666%; flex: none; } .column.is-half-widescreen { width: 50%; flex: none; } .column.is-one-third-widescreen { width: 33.3333%; flex: none; } .column.is-one-quarter-widescreen { width: 25%; flex: none; } .column.is-one-fifth-widescreen { width: 20%; flex: none; } .column.is-two-fifths-widescreen { width: 40%; flex: none; } .column.is-three-fifths-widescreen { width: 60%; flex: none; } .column.is-four-fifths-widescreen { width: 80%; flex: none; } .column.is-offset-three-quarters-widescreen { margin-left: 75%; } .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } .column.is-offset-half-widescreen { margin-left: 50%; } .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } .column.is-offset-one-quarter-widescreen { margin-left: 25%; } .column.is-offset-one-fifth-widescreen { margin-left: 20%; } .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-0-widescreen { width: 0%; flex: none; } .column.is-offset-0-widescreen { margin-left: 0%; } .column.is-1-widescreen { width: 8.3333333333%; flex: none; } .column.is-offset-1-widescreen { margin-left: 8.3333333333%; } .column.is-2-widescreen { width: 16.6666666667%; flex: none; } .column.is-offset-2-widescreen { margin-left: 16.6666666667%; } .column.is-3-widescreen { width: 25%; flex: none; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { width: 33.3333333333%; flex: none; } .column.is-offset-4-widescreen { margin-left: 33.3333333333%; } .column.is-5-widescreen { width: 41.6666666667%; flex: none; } .column.is-offset-5-widescreen { margin-left: 41.6666666667%; } .column.is-6-widescreen { width: 50%; flex: none; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { width: 58.3333333333%; flex: none; } .column.is-offset-7-widescreen { margin-left: 58.3333333333%; } .column.is-8-widescreen { width: 66.6666666667%; flex: none; } .column.is-offset-8-widescreen { margin-left: 66.6666666667%; } .column.is-9-widescreen { width: 75%; flex: none; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { width: 83.3333333333%; flex: none; } .column.is-offset-10-widescreen { margin-left: 83.3333333333%; } .column.is-11-widescreen { width: 91.6666666667%; flex: none; } .column.is-offset-11-widescreen { margin-left: 91.6666666667%; } .column.is-12-widescreen { width: 100%; flex: none; } .column.is-offset-12-widescreen { margin-left: 100%; } } .columns.is-variable { --columnGap: $column-gap; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); margin-top: calc(-1 * var(--columnGap)); margin-bottom: calc(-1 * var(--columnGap)); } .columns.is-variable .column { padding: var(--columnGap); } @media (max-width: 768px) { .columns.is-variable.is-0-mobile { --columnGap: 0rem; } .columns.is-variable.is-1-mobile { --columnGap: 0.25rem; } .columns.is-variable.is-2-mobile { --columnGap: 0.5rem; } .columns.is-variable.is-3-mobile { --columnGap: 0.75rem; } .columns.is-variable.is-4-mobile { --columnGap: 1rem; } .columns.is-variable.is-5-mobile { --columnGap: 1.25rem; } .columns.is-variable.is-6-mobile { --columnGap: 1.5rem; } .columns.is-variable.is-7-mobile { --columnGap: 1.75rem; } .columns.is-variable.is-8-mobile { --columnGap: 2rem; } } @media (min-width: 768px) { .columns.is-variable.is-0- { --columnGap: 0rem; } .columns.is-variable.is-1- { --columnGap: 0.25rem; } .columns.is-variable.is-2- { --columnGap: 0.5rem; } .columns.is-variable.is-3- { --columnGap: 0.75rem; } .columns.is-variable.is-4- { --columnGap: 1rem; } .columns.is-variable.is-5- { --columnGap: 1.25rem; } .columns.is-variable.is-6- { --columnGap: 1.5rem; } .columns.is-variable.is-7- { --columnGap: 1.75rem; } .columns.is-variable.is-8- { --columnGap: 2rem; } } @media (min-width: 768px) { .columns.is-variable.is-0-tablet { --columnGap: 0rem; } .columns.is-variable.is-1-tablet { --columnGap: 0.25rem; } .columns.is-variable.is-2-tablet { --columnGap: 0.5rem; } .columns.is-variable.is-3-tablet { --columnGap: 0.75rem; } .columns.is-variable.is-4-tablet { --columnGap: 1rem; } .columns.is-variable.is-5-tablet { --columnGap: 1.25rem; } .columns.is-variable.is-6-tablet { --columnGap: 1.5rem; } .columns.is-variable.is-7-tablet { --columnGap: 1.75rem; } .columns.is-variable.is-8-tablet { --columnGap: 2rem; } } @media (min-width: 1025px) { .columns.is-variable.is-0-desktop { --columnGap: 0rem; } .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } .columns.is-variable.is-4-desktop { --columnGap: 1rem; } .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } @media (min-width: 1180px) { .columns.is-variable.is-0-desktop-m { --columnGap: 0rem; } .columns.is-variable.is-1-desktop-m { --columnGap: 0.25rem; } .columns.is-variable.is-2-desktop-m { --columnGap: 0.5rem; } .columns.is-variable.is-3-desktop-m { --columnGap: 0.75rem; } .columns.is-variable.is-4-desktop-m { --columnGap: 1rem; } .columns.is-variable.is-5-desktop-m { --columnGap: 1.25rem; } .columns.is-variable.is-6-desktop-m { --columnGap: 1.5rem; } .columns.is-variable.is-7-desktop-m { --columnGap: 1.75rem; } .columns.is-variable.is-8-desktop-m { --columnGap: 2rem; } } @media (min-width: 1440px) { .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } .wrapper { margin: 0 auto; max-width: 1440px; width: 90%; } .wrapper.is-small { max-width: 1280px; } .wrapper.is-flex { display: flex; } .wrapper.is-v-aligned { align-items: center; } @media (max-width: 768px) { .wrapper.is-mobile { max-width: 1440px; width: 90%; } } @media (max-width: 768px) { .wrapper.is-not-mobile { max-width: none; width: 100%; } } @media (min-width: 768px) { .wrapper.is- { max-width: 1440px; width: 90%; } } @media (min-width: 768px) { .wrapper.is-not- { max-width: none; width: 100%; } } @media (min-width: 768px) { .wrapper.is-tablet { max-width: 1440px; width: 90%; } } @media (min-width: 768px) { .wrapper.is-not-tablet { max-width: none; width: 100%; } } @media (min-width: 1025px) { .wrapper.is-desktop { max-width: 1440px; width: 90%; } } @media (min-width: 1025px) { .wrapper.is-not-desktop { max-width: none; width: 100%; } } @media (min-width: 1180px) { .wrapper.is-desktop-m { max-width: 1440px; width: 90%; } } @media (min-width: 1180px) { .wrapper.is-not-desktop-m { max-width: none; width: 100%; } } @media (min-width: 1440px) { .wrapper.is-widescreen { max-width: 1440px; width: 90%; } } @media (min-width: 1440px) { .wrapper.is-not-widescreen { max-width: none; width: 100%; } } .bpoint { bottom: 0; position: fixed; right: 0; z-index: 9999999; } .bpoint:before { background: #004289; color: #fff; display: block; font-weight: bold; padding: 1rem 3rem; position: relative; } @media (max-width: 768px) { .bpoint:before { content: "mobile"; } } @media (min-width: 768px) { .bpoint:before { content: ""; } } @media (min-width: 768px) { .bpoint:before { content: "tablet"; } } @media (min-width: 1025px) { .bpoint:before { content: "desktop"; } } @media (min-width: 1180px) { .bpoint:before { content: "desktop-m"; } } @media (min-width: 1440px) { .bpoint:before { content: "widescreen"; } } .inline-svg { position: relative; display: block; width: 100%; } .inline-svg > svg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .object-cover--absolute { font-family: "object-fit:cover;object-position:center"; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .object-cover--absolute.top-center { -o-object-position: top center; object-position: top center; } .object-contain--absolute { font-family: "object-fit:contain;object-position:center"; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .object-contain--absolute.top-center { -o-object-position: top center; object-position: top center; } .flip-x { transform: scaleX(-1); } .transform-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .transformY-center { position: absolute; top: 50%; transform: translateY(-50%); } .transformX-center { position: absolute; left: 50%; transform: translateX(-50%); } .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; cursor: pointer; transition: all 0.2s ease; } .play-icon ~ img { transition: all 0.2s ease; } .play-icon:hover { transform: translate(-50%, -50%) scale(1.05); } .play-icon:hover ~ img { opacity: 0.85; } /*************** * Main * ***************/ html { font-size: 62.5%; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #717A81; font: 300 1.6rem "kingspan-font-brown", sans-serif; margin: 0; } body.is-overflow-h { overflow: hidden; } body.template--journey .header { position: absolute; } img { max-width: 100%; vertical-align: middle; } .page-builder { overflow: hidden; } .page-builder__block { margin: 5rem 0; } @media (min-width: 768px) { .page-builder__block { margin: 8rem 0; } } @media (min-width: 1440px) { .page-builder__block { margin: 15rem 0; } .page-builder__block--googleMap { margin-bottom: 0; } .page-builder__block--googleMap ~ .page-builder__block--formModule { margin-top: 0; } } .page-builder__block--gallerySlider { margin-top: 0; } .page-builder__block[class~=page-builder__block--formModule]:last-of-type { margin-bottom: 0; } .entries-list { margin: 5rem 0 0 0; } @media (min-width: 1025px) { .entries-list { margin: 14rem 0 0 0; } } @media (min-width: 1025px) { .entries-list--smaller { margin: 10rem 0 0 0; } } .entries-list--smaller.entries-list--with-margin-bottom { margin-bottom: 10rem; } .entries-list--with-margin-bottom { margin-bottom: 14rem; } .entries-list__block { margin: 0 0 5rem 0; } .entries-list__block:last-of-type { margin: 0; } @media (min-width: 1025px) { .entries-list__block { margin-bottom: 14rem; } } .entries-list__title { margin: 0 0 4rem 0; } .entries-list__form { background: #004289; padding: 4rem; } .entries-list__form label { color: #fff; } .entries-list__form .form-notice { color: #fff; } .entries-list__form input[type=submit], .entries-list__form button { color: #fff; } .entries-list + .footer { margin-top: 5rem; } @media (min-width: 1025px) { .entries-list + .footer { margin-top: 14rem; } } .entry-filtering { box-shadow: 0px 4px 8px rgba(32, 48, 57, 0.08); border-top: 0.1rem solid #DADADA; position: -webkit-sticky; position: sticky; top: 6rem; z-index: 50; background: #fff; } @media (min-width: 768px) { .entry-filtering { top: 82px; } } @media (max-width: 768px) { .entry-filtering .wrapper { width: 100%; } } .entry-filtering__wrap { display: flex; align-items: center; position: relative; } .entry-filtering__select-wrap { border-right: 0.1rem solid #DADADA; position: relative; } .entry-filtering__select-wrap svg { max-width: 22px; max-height: 22px; position: absolute; pointer-events: none; left: 1.5rem; top: 50%; transform: translateY(-50%); } @media (max-width: 768px) { .entry-filtering__select-wrap svg { max-width: 18px; left: 5%; } } .entry-filtering__select-wrap svg path { fill: #c19a5e; } .entry-filtering__select-wrap:first-of-type { border-left: 0.1rem solid #DADADA; } .entry-filtering select { font-weight: bold; color: #004289; width: auto; font-size: 1.4rem; padding-right: 4rem; cursor: pointer; padding-left: 5rem; } @media (max-width: 768px) { .entry-filtering select { width: 220px; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; padding: 0.8rem 3rem 0.8rem 0; padding-left: calc(5% + 3rem); } } .entry-filtering__count { margin-left: auto; } @media (max-width: 768px) { .entry-filtering__count { margin-right: 10px; } } @media (max-width: 768px) { .entry-filtering__count p { font-size: 1rem; } } .template--id-3196 .entry-hero:after { background: #234C5B; } .template--id-3196 .builder-form-module { margin-top: -5rem; padding-top: 10rem; } @media (min-width: 1025px) { .template--id-3196 .builder-form-module { margin: 0; } } .template--handle-academyEvents .entry-hero, .template--selfBuildAcademy .entry-hero { background-image: url("../../build/img/shapes/academy-hero-shape.svg"); background-repeat: no-repeat; background-position: right -500px bottom; background-size: 800px; } @media (min-width: 1025px) { .template--handle-academyEvents .entry-hero, .template--selfBuildAcademy .entry-hero { background-position: right 100px bottom; } } .template--handle-academyEvents .entry-hero .tagline, .template--selfBuildAcademy .entry-hero .tagline { color: #EB752D; } .template--handle-academyEvents .entry-hero .crumbs li:after, .template--selfBuildAcademy .entry-hero .crumbs li:after { color: #EB752D; } .template--handle-academyEvents .page-builder p a, .template--selfBuildAcademy .page-builder p a { color: #EB752D; } .template--handle-academyEvents .page-builder .tagline, .template--selfBuildAcademy .page-builder .tagline { color: #EB752D; } .template--handle-academyEvents .page-builder .text-gold, .template--selfBuildAcademy .page-builder .text-gold { color: #EB752D; --Iconsax-Color: #EB752D; } .template--handle-academyEvents .page-builder a.btn, .template--selfBuildAcademy .page-builder a.btn { border-color: #EB752D; } .template--handle-academyEvents .page-builder a.btn:before, .template--selfBuildAcademy .page-builder a.btn:before { background-color: rgba(235, 117, 45, 0.75); } .template--handle-academyEvents .page-builder a.btn:after, .template--selfBuildAcademy .page-builder a.btn:after { background-image: url("../../build/img/icons/arrow-right-tango.svg"); } .template--handle-academyEvents .page-builder a.btn:hover:after, .template--selfBuildAcademy .page-builder a.btn:hover:after { background-image: url("../../build/img/icons/arrow-right-white.svg"); } .template--handle-academyEvents .page-builder a.btn:not(.btn--outline), .template--selfBuildAcademy .page-builder a.btn:not(.btn--outline) { background-color: #EB752D; } .template--handle-academyEvents .page-builder form label.freeform-label:not(.freeform-input-only-label), .template--handle-academyEvents .page-builder form .freeform-row .freeform-column div.freeform-instructions, .template--selfBuildAcademy .page-builder form label.freeform-label:not(.freeform-input-only-label), .template--selfBuildAcademy .page-builder form .freeform-row .freeform-column div.freeform-instructions { color: #EB752D; } .template--handle-academyEvents .page-builder form button, .template--selfBuildAcademy .page-builder form button { border-color: #EB752D; } .template--handle-academyEvents .page-builder form button:before, .template--selfBuildAcademy .page-builder form button:before { background-color: rgba(235, 117, 45, 0.75); } .template--handle-academyEvents .page-builder form button:after, .template--selfBuildAcademy .page-builder form button:after { background-image: url("../../build/img/icons/arrow-right-tango.svg"); } .template--handle-academyEvents .page-builder form button:hover:after, .template--selfBuildAcademy .page-builder form button:hover:after { background-image: url("../../build/img/icons/arrow-right-white.svg"); } .template--handle-academyEvents .page-builder ul.list-formatted li:before, .template--handle-academyEvents .page-builder .builder-image-content ul li:before, .builder-image-content .template--handle-academyEvents .page-builder ul li:before, .template--handle-academyEvents .page-builder .builder-content-module .wrapper ul li:before, .builder-content-module .wrapper .template--handle-academyEvents .page-builder ul li:before, .template--handle-academyEvents .page-builder .builder-content-bar-image__description ul li:before, .builder-content-bar-image__description .template--handle-academyEvents .page-builder ul li:before, .template--selfBuildAcademy .page-builder ul.list-formatted li:before, .template--selfBuildAcademy .page-builder .builder-image-content ul li:before, .builder-image-content .template--selfBuildAcademy .page-builder ul li:before, .template--selfBuildAcademy .page-builder .builder-content-module .wrapper ul li:before, .builder-content-module .wrapper .template--selfBuildAcademy .page-builder ul li:before, .template--selfBuildAcademy .page-builder .builder-content-bar-image__description ul li:before, .builder-content-bar-image__description .template--selfBuildAcademy .page-builder ul li:before { background-color: #EB752D; } .template--thanks .page-builder__block--imageContentModule { background: #004289; margin: 0; padding: 10rem 0; } .template--thanks .page-builder__block--imageContentModule h3, .template--thanks .page-builder__block--imageContentModule .builder-image-content__description { color: #fff; } @media (min-width: 1025px) { .template--thanks .page-builder__block--imageContentModule { padding: 25rem 0 5rem 0; } } .tagline { color: #fff; margin: 0; font-size: calc(19.42857px + 0.17857vw); text-transform: uppercase; opacity: 1; font-weight: 400; letter-spacing: 1.5px; line-height: 1; pointer-events: none; margin-bottom: 40px; } .seperator { display: inline-block; vertical-align: middle; margin: 0 0.5rem; } .seperator:after { content: "|"; color: #c19a5e; } .swiper-control { width: 48px; height: 48px; background-color: #c19a5e; background-position: center; background-repeat: no-repeat; background-image: url("../../build/img/icons/arrow-right-white.svg"); cursor: pointer; transition: all 0.2s ease; display: none; } @media (min-width: 1025px) { .swiper-control { display: block; } } .swiper-control.swiper-button-disabled { background-color: #F5F5F5; pointer-events: none; } .swiper-control.swiper-button-disabled.swiper-control--next { background-image: url("../../build/img/icons/arrow-right-grey.svg"); } .swiper-control.swiper-button-disabled.swiper-control--prev { background-image: url("../../build/img/icons/arrow-left-grey.svg"); } .swiper-control--prev { background-image: url("../../build/img/icons/arrow-left-white.svg"); } .swiper-progress-bar { max-width: 360px; width: 100%; height: 8px; position: relative; background: #DADADA; } @media (min-width: 768px) { .swiper-progress-bar { width: 360px; } } .swiper-progress-bar__bar { height: 12px; transform: translateY(-50%); top: 50%; left: 0; position: absolute; transition: all 0.2s ease; background: #c19a5e; } div.swiper-pagination.swiper-pagination-bullets { display: flex; align-items: center; justify-content: center; bottom: 5rem; } div.swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet { background: #fff; opacity: 1; border-radius: 0; transition: all 0.2s ease; } div.swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c19a5e; width: 12px; height: 12px; } .embed-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; } .embed-container.is-active, .builder-entry-slider .swiper-slide-active .embed-container.entry-slide { opacity: 1; visibility: visible; } .embed-container button { background-color: #c19a5e; color: #fff; } .embed-container .freeform-input { background: transparent; border: 2px solid #fff; color: #fff; } .embed-container select.freeform-input { background: #fff; border: 2px solid #fff; color: #2d3539; } .embed-container__close { position: absolute; top: -4rem; right: -4rem; --Iconsax-Color: #fff; --Iconsax-Size: 30px; cursor: pointer; } .embed-container__close--static { position: relative; top: 0; left: 0; --Iconsax-Color: #fff; margin: 0rem 0 0 2rem; } @media (max-width: 480px) { .embed-container__close--static { margin: 0rem 0 0 0; } } .embed-container__close:hover svg { opacity: 0.5; } .embed-container__close svg { pointer-events: none; transition: all 0.2s ease; cursor: pointer; } .embed-container__video { position: relative; padding-bottom: 45%; width: 80%; } .embed-container__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-container__title-wrap { display: flex; align-items: center; margin: 0 0 2.5rem 0; color: #fff; } .embed-container__title-wrap h3 { margin: 0; color: #fff; } @media (max-width: 480px) { .embed-container__title-wrap h3 { font-size: 1.6rem; } } .embed-container__form { display: none; background: #004289; padding: 2rem 5%; position: relative; max-height: 100%; overflow: auto; max-height: 90%; max-width: 87%; } @media (min-width: 1025px) { .embed-container__form { min-width: 850px; max-height: 90vh; padding: 4.8rem; } } @media (min-width: 1200px) { .embed-container__form { min-width: 1096px; } } .embed-container__form input[type=email], .embed-container__form input[type=number], .embed-container__form input[type=search], .embed-container__form input[type=text], .embed-container__form input[type=tel], .embed-container__form input[type=url], .embed-container__form input[type=password], .embed-container__form textarea, .embed-container__form select { background: transparent; color: #fff; } .embed-container__form.is-active, .builder-entry-slider .swiper-slide-active .embed-container__form.entry-slide { display: block; } img.lazyload { opacity: 1; transition: all 0.2s ease; } img.lazyload.loaded { opacity: 1; } .hidden { visibility: hidden; } /*************** * Browser * ***************/ *, *:after, *:before { -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; box-sizing: border-box; font-smoothing: antialiased; text-rendering: optimizeLegibility; } html { height: 100%; margin: 0; } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; } xmp { display: inline; margin: 0; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } /*************** * Typography * ***************/ .xl-title, h1 { font-size: 4.6rem; line-height: 1.15; letter-spacing: 0; } @media (min-width: 1025px) { .xl-title, h1 { font-size: 5rem; } } @media (min-width: 1440px) { .xl-title, h1 { font-size: 7.2rem; } } .lg-title, h2 { font-size: 3.2rem; line-height: 1.15; letter-spacing: 0rem; font-weight: 300; } @media (min-width: 1025px) { .lg-title, h2 { font-size: 4.8rem; letter-spacing: 0rem; } } @media (min-width: 1440px) { .lg-title, h2 { font-size: 4.8rem; } } .md-title, h3 { font-size: 2.6rem; line-height: 1.15; } @media (min-width: 1025px) { .md-title, h3 { font-size: 3.6rem; } } .sm-title, h4 { font-size: 2rem; line-height: 1.15; } @media (min-width: 1025px) { .sm-title, h4 { font-size: 3rem; } } .xs-title, h5 { font-size: 1.8rem; line-height: 1.15; letter-spacing: 0.25rem; } @media (min-width: 1025px) { .xs-title, h5 { letter-spacing: 0.63rem; font-size: 2.4rem; } } .xxs-title, h6 { font-size: 1.6rem; line-height: 1.15; letter-spacing: 0.63rem; } @media (min-width: 1025px) { .xxs-title, h6 { font-size: 2rem; } } h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family: "kingspan-font-brown", sans-serif; color: #2d3539; margin: 0 0 0.95rem; } p, ol, ul, li, a { font-size: calc(17.42857px + 0.17857vw); line-height: normal; color: #2d3539; } @media screen and (max-width: 480px) { p, ol, ul, li, a { font-size: calc(17.42857px + 0.17857vw); line-height: 1.75; } } p:first-of-type { margin-top: 0; } i { --Iconsax-Size: 1.8rem; } @media screen and (max-width: 480px) { i { --Iconsax-Size: 1.4rem; } } a { color: #c19a5e; text-decoration: none; font-size: inherit; } a:hover { text-decoration: underline; } ul.list-formatted, .builder-image-content ul, .builder-content-module .wrapper ul, .builder-content-bar-image__description ul { padding: 0; list-style: none; } ul.list-formatted li, .builder-image-content ul li, .builder-content-module .wrapper ul li, .builder-content-bar-image__description ul li { padding-left: 1.5rem; position: relative; margin-bottom: 0.65rem; } ul.list-formatted li:before, .builder-image-content ul li:before, .builder-content-module .wrapper ul li:before, .builder-content-bar-image__description ul li:before { content: ""; background-color: #c19a5e; display: inline-block; width: 0.8rem; height: 0.8rem; position: absolute; top: 1.1rem; left: 0; } /* Colours */ .text-black { color: #000; --Iconsax-Color: #000; } .text-white { color: #fff; --Iconsax-Color: #fff; } .text-grey { color: #717A81; --Iconsax-Color: #717A81; } .text-grey-light { color: #DADADA; --Iconsax-Color: #DADADA; } .text-gold { color: #c19a5e; --Iconsax-Color: #c19a5e; } .text-navy { color: #004289; --Iconsax-Color: #004289; } .text-tango { color: #EB752D; --Iconsax-Color: #EB752D; } .text-xl { font-size: 2rem; } .text-l { font-size: 1.8rem; } .text-m { font-size: 1.6rem; } .text-s { font-size: 1.4rem; } .text-xs { font-size: 1.2rem; } .text-bold { font-weight: 700; } .text-normal, .builder-content-module .wrapper h1, .builder-content-module .wrapper h2, .builder-content-module .wrapper h3, .builder-content-module .wrapper h4, .builder-content-module .wrapper h5, .builder-content-module .wrapper h6, .knowledge-hub-post h1, .knowledge-hub-post h2, .knowledge-hub-post h3, .knowledge-hub-post h4, .knowledge-hub-post h5, .knowledge-hub-post h6 { font-weight: 400; } .text-light { font-size: 300; } .text-lower { text-transform: lowercase; } .text-upper { text-transform: uppercase; } .text-normal, .builder-content-module .wrapper h1, .builder-content-module .wrapper h2, .builder-content-module .wrapper h3, .builder-content-module .wrapper h4, .builder-content-module .wrapper h5, .builder-content-module .wrapper h6, .knowledge-hub-post h1, .knowledge-hub-post h2, .knowledge-hub-post h3, .knowledge-hub-post h4, .knowledge-hub-post h5, .knowledge-hub-post h6 { text-transform: initial; letter-spacing: 0rem; } .bg-black { background-color: #000; --Iconsax-Color: #000; } .bg-white { background-color: #fff; --Iconsax-Color: #fff; } .bg-grey { background-color: #717A81; --Iconsax-Color: #717A81; } .bg-grey-light { background-color: #DADADA; --Iconsax-Color: #DADADA; } .bg-gold { background-color: #c19a5e; --Iconsax-Color: #c19a5e; } .bg-navy { background-color: #004289; --Iconsax-Color: #004289; } .bg-tango { background-color: #EB752D; --Iconsax-Color: #EB752D; } /* Direction */ @media (max-width: 768px) { .is-flipped-v-mobile else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-v- else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-v-tablet else { flex-direction: column-reverse; } } @media (min-width: 1025px) { .is-flipped-v-desktop else { flex-direction: column-reverse; } } @media (min-width: 1180px) { .is-flipped-v-desktop-m else { flex-direction: column-reverse; } } @media (min-width: 1440px) { .is-flipped-v-widescreen else { flex-direction: column-reverse; } } @media (max-width: 768px) { .is-flipped-h-mobile { flex-direction: row-reverse; } .is-flipped-h-mobile else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-h- { flex-direction: row-reverse; } .is-flipped-h- else { flex-direction: column-reverse; } } @media (min-width: 768px) { .is-flipped-h-tablet { flex-direction: row-reverse; } .is-flipped-h-tablet else { flex-direction: column-reverse; } } @media (min-width: 1025px) { .is-flipped-h-desktop { flex-direction: row-reverse; } .is-flipped-h-desktop else { flex-direction: column-reverse; } } @media (min-width: 1180px) { .is-flipped-h-desktop-m { flex-direction: row-reverse; } .is-flipped-h-desktop-m else { flex-direction: column-reverse; } } @media (min-width: 1440px) { .is-flipped-h-widescreen { flex-direction: row-reverse; } .is-flipped-h-widescreen else { flex-direction: column-reverse; } } .no-margin { margin: 0; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .btn, form input[type=submit], form button { vertical-align: middle; display: inline-flex; align-items: center; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; background-color: #c19a5e; border: 1px solid #c19a5e; color: #fff; font-size: 1.4rem; line-height: 1; text-decoration: none; padding: 1.4rem 2.8rem; min-height: 52px; font-family: "kingspan-font-brown", sans-serif; cursor: pointer; transition: all 0.2s ease; } @media (max-width: 400px) { .btn, form input[type=submit], form button { font-size: 1.2rem; } } .btn--no-arrow:after { display: none; } .btn i, form input[type=submit] i, form button i { --Iconsax-Color: #fff; margin: 0 1.35rem 0 0; transition: all 0.2s ease; } .btn--tango { background-color: #EB752D; border-color: #EB752D; } .btn--outline { background-color: transparent; color: #2d3539; border-color: #2d3539; } .btn--outline i { --Iconsax-Color: #c19a5e; } .btn--outline:after { background-image: url("../../build/img/icons/arrow-right-gold.svg"); } .btn--outline-dark { background-color: transparent; color: #004289; } .btn--outline-dark i { --Iconsax-Color: #c19a5e; } .btn--outline-dark:after { background-image: url("../../build/img/icons/arrow-right-gold.svg"); } .btn--outline-tango { background-color: transparent; color: #004289; border-color: #EB752D; } .btn--outline-tango i { --Iconsax-Color: #EB752D; } .btn--outline-tango:after { background-image: url("../../build/img/icons/arrow-right-tango.svg"); } .btn--outline-white { background-color: transparent; color: #fff; border-color: #fff; } .btn--outline-white i { --Iconsax-Color: #fff; } @media (min-width: 768px) { .btn:hover, form input[type=submit]:hover, form button:hover { text-decoration: none; background: #e5bd72; border-color: #e5bd72; color: #fff; } .btn:hover i, form input[type=submit]:hover i, form button:hover i { --Iconsax-Color: #fff; } } .btn[class*=btn--outline]:hover, form input[class*=btn--outline][type=submit]:hover, form button[class*=btn--outline]:hover { background: #c19a5e; border-color: #c19a5e; } .btn[class*=btn--outline]:hover:after, form input[class*=btn--outline][type=submit]:hover:after, form button[class*=btn--outline]:hover:after { background-image: url("../../build/img/icons/arrow-right-white.svg"); } .entry-card[href=""], .entry-card[href="#"] { cursor: default; } .entry-card[href=""] .entry-card__title-wrap i, .entry-card[href=""] .entry-card__title i, .entry-card[href="#"] .entry-card__title-wrap i, .entry-card[href="#"] .entry-card__title i { display: none; } .case-card__title-wrap { display: flex; align-items: center; justify-content: center; padding-top: 1.5rem; border-top: 0px solid #2d3539 !important; } .case-card__label { text-transform: uppercase; color: #2d3539; font-weight: 400; font-size: 1.4rem; letter-spacing: 1.2px; } .case-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #2d3539; transition: all 0.2s ease; padding: 1rem 0 0 0; } .case-card__description * { font-size: inherit; color: inherit; margin: 0; } @media (max-width: 480px) { .case-card__description { font-size: 1.1rem; } } .entry-card { display: flex; flex-direction: column; text-decoration: none; height: 100%; } .entry-card--type-academyEvents i { --Iconsax-Color: #EB752D; } .entry-card--type-blog .entry-card__title i { display: none; } .entry-card--custom-card .entry-card__description { -webkit-line-clamp: 4; } .entry-card__thumb-wrap { position: relative; padding-bottom: 65.33%; overflow: hidden; background: #F5F5F5; } .entry-card__thumb-wrap img { transition: all 0.2s ease; } .entry-card__content-wrap { background-color: #fff; padding: 2rem 0rem 2rem 0rem; position: relative; flex: 1; height: 100%; } .entry-card__content-wrap:after { z-index: -1; height: 0; width: 100%; left: 0; top: 100%; content: ""; background-color: #004289; position: absolute; transition: all 0.2s ease; } .entry-card__title-wrap { display: flex; align-items: center; padding-top: 1.5rem; border-top: 2px solid #2d3539; } .entry-card__title { line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; color: #2d3539; } .entry-card i { margin: 0 0 0 0.85rem; } .entry-card__subtitle { padding: 6px 0 0 0; } .entry-card__description { display: -webkit-box; color: #2d3539; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.2s ease; padding: 1rem 0 0 0; } .entry-card__description * { font-size: inherit; color: inherit; margin: 0; } @media (max-width: 480px) { .entry-card__description { font-size: 1.1rem; } } .entry-card__details-wrap { margin: 15px 0 0 0; display: flex; align-items: center; } .entry-card__details-wrap p { margin: 0 1.25rem 0 0; } .entry-card__details-wrap p:last-of-type { margin-right: 0; } @media (min-width: 1025px) { .entry-card__details-wrap p { font-size: 1.2rem; } } @media (min-width: 1440px) { .entry-card__details-wrap p { margin: 0 3rem 0 0; font-size: 1.4rem; } } @media (max-width: 480px) { .entry-card__details-wrap p { font-size: 1.1rem; } } .entry-card__details-wrap p i { margin: 0 0.5rem 0 0; } .entry-card__linkedin-url { margin: 1rem 0 0 0; display: inline-flex; } .entry-card:hover { text-decoration: none; } .entry-card:hover .entry-card__thumb-wrap img:not(.play-icon) { transform: scale(1.025); } .entry-hero { background: #004289; padding: 14rem 0 5rem 0; position: relative; } .entry-hero:after { height: 5rem; width: 100%; z-index: -1; content: ""; background: #fff; position: absolute; bottom: -1px; left: 0; } @media (min-width: 1025px) { .entry-hero:after { display: none; } } @media (min-width: 1025px) { .entry-hero { padding: 26rem 0 12rem 0; } } .entry-hero--smaller { padding: 14rem 0 5rem 0; } @media (min-width: 1025px) { .entry-hero--smaller { padding: 22rem 0 6rem 0; } } .entry-hero--has-image { z-index: 1; padding: 14rem 0 0 0; background: #004289; } @media (min-width: 1025px) { .entry-hero--has-image { padding: 17rem 0 0 0; } } @media (min-width: 1440px) { .entry-hero--has-image { padding: 21rem 0 0 0; } } .entry-hero--has-image .entry-hero__content-wrap { padding-bottom: 4rem; } @media (min-width: 1025px) { .entry-hero--has-image .entry-hero__content-wrap { padding-bottom: 8rem; } } .entry-hero--selfBuildAcademy { background-image: url("../../build/img/shapes/academy-hero-shape.svg"); background-repeat: no-repeat; background-position: right -500px bottom; background-size: 800px; } @media (min-width: 1025px) { .entry-hero--selfBuildAcademy { background-position: right 100px bottom; } } .entry-hero--selfBuildAcademy .tagline { color: #fff; } .entry-hero--selfBuildAcademy .crumbs li:after { color: #fff; } .entry-hero--selfBuildAcademy ~ .entry-filtering .entry-filtering__select-wrap svg path { fill: #EB752D !important; } @media (min-width: 1440px) { .entry-hero .tagline { transform: translate(-3rem, -6rem); } } @media (min-width: 1700px) { .entry-hero .tagline { transform: translate(-11.5rem, -8rem); } } .entry-hero__breadcrumbs { position: relative; } .entry-hero__logo-title-wrap { display: flex; align-items: center; } @media (min-width: 1025px) { .entry-hero__logo-title-wrap { align-items: flex-start; } } .entry-hero__logo { display: inline-block; margin: 0 2.65rem 0 0; } @media (max-width: 1025px) { .entry-hero__logo { max-width: 4.8rem; max-height: 4.8rem; } } .entry-hero__title { display: inline-block; vertical-align: middle; margin: 0; } .entry-hero__description { max-width: 1080px; padding: 2rem 0 0 0; font-size: 1.4rem; } .entry-hero__description p { font-size: calc(17.42857px + 0.17857vw); color: inherit; margin: 0; font-weight: 300; } @media (min-width: 1025px) { .entry-hero__description { font-size: 1.6rem; } } .entry-hero__image-wrap { position: relative; padding-bottom: 65%; min-height: 34rem; margin: 0 0 0 5%; } @media (min-width: 1025px) { .entry-hero__image-wrap { margin: 0 0 -3.5rem 0; } } .crumbs { display: flex; margin: 0 0 2.5rem 0; list-style: none; padding: 0; flex-wrap: wrap; font-weight: 400; } .crumbs li { margin: 0 1rem 0 0; } .crumbs li:after { content: ">"; color: #c19a5e; vertical-align: middle; line-height: 1; margin: 0 0 0 1rem; } .crumbs li:last-of-type:after { display: none; } .crumbs li a, .crumbs li span { font-size: 1.4rem; color: #fff; line-height: 1; } .entry-slide { display: flex; flex-direction: column; text-decoration: none; } .entry-slide__thumb-wrap { position: relative; padding-bottom: 100%; overflow: hidden; } @media (min-width: 1025px) { .entry-slide__thumb-wrap { padding-bottom: 100%; } } .entry-slide__thumb-wrap img { transition: all 0.2s ease; } .entry-slide__thumb-wrap .number_overlay { background: rgb(255, 255, 255); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(17, 17, 17) 100%); width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; padding: 3rem; z-index: 1; } .entry-slide__animated-text { margin: 0px; } .entry-slide__content-wrap { background-color: #fff; padding: 2rem 2rem; position: relative; } .entry-slide__content-wrap:after { z-index: -1; height: 0; width: 100%; left: 0; top: calc(100% - 1px); content: ""; background-color: #fff; position: absolute; transition: all 0.2s ease; } .entry-slide__title i { margin: 0 0 0 1.35rem; } .entry-slide__description { padding: 0.75rem 2rem 0 2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.2s ease; position: absolute; left: 0; opacity: 0; } .entry-slide:hover { text-decoration: none; } .entry-slide:hover .entry-slide__thumb-wrap img { transform: scale(1.025); } .entry-slide.is-active .entry-slide__content-wrap::after, .builder-entry-slider .swiper-slide-active .entry-slide .entry-slide__content-wrap::after { height: 4.3rem; } .entry-slide.is-active .entry-slide__description, .builder-entry-slider .swiper-slide-active .entry-slide .entry-slide__description { opacity: 1; } /*************** * Forms * ***************/ form label.freeform-label:not(.freeform-input-only-label), form .freeform-row .freeform-column div.freeform-instructions, .form label.freeform-label:not(.freeform-input-only-label), .form .freeform-row .freeform-column div.freeform-instructions { display: block; margin-bottom: 0.8rem; font-size: 1.25rem; color: #fff; font-weight: bold; } form label.freeform-label:not(.freeform-input-only-label):after, form .freeform-row .freeform-column div.freeform-instructions:after, .form label.freeform-label:not(.freeform-input-only-label):after, .form .freeform-row .freeform-column div.freeform-instructions:after { color: inherit !important; } @media (min-width: 1025px) { form label.freeform-label:not(.freeform-input-only-label), form .freeform-row .freeform-column div.freeform-instructions, .form label.freeform-label:not(.freeform-input-only-label), .form .freeform-row .freeform-column div.freeform-instructions { font-size: 1.35rem; } } @media (min-width: 1620px) { form label.freeform-label:not(.freeform-input-only-label), form .freeform-row .freeform-column div.freeform-instructions, .form label.freeform-label:not(.freeform-input-only-label), .form .freeform-row .freeform-column div.freeform-instructions { font-size: 1.4rem; } } form fieldset, .form fieldset { border: 0; padding: 0; margin: 0; } form input[type=submit], form button { background-color: transparent; color: #004289; } form input[type=submit] i, form button i { --Iconsax-Color: #c19a5e; } form input[type=submit]:after, form button:after { background-image: url("../../build/img/icons/arrow-right-gold.svg"); } form input[type=submit]:hover:after, form button:hover:after { background-image: url("../../build/img/icons/arrow-right-white.svg"); } form input[type=submit]:hover i, form button:hover i { --Iconsax-Color: #fff; } input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select { padding: 1.35rem 1.6rem; border: 0; width: 100%; line-height: 1.15; transition: all 0.2s ease; outline: none; color: #fff; background: transparent; font-size: 1.6rem; background: transparent; border: 2px solid #fff; font-family: "kingspan-font-brown", sans-serif; height: 4.8rem; } @media (min-width: 1025px) { input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select { height: 5.2rem; } } select { background: #fff; color: #2d3539; } div.freeform-row { display: block; margin: 0 -10px; } @media (min-width: 768px) { div.freeform-row { display: flex; } } div.freeform-row .freeform-column { display: flex; flex-direction: column; align-items: flex-start; position: relative; } div.freeform-row .freeform-column .freeform-input[type=radio], div.freeform-row .freeform-column .freeform-input[type=checkbox] { margin: 0 1rem 0 0; } @media (max-width: 480px) { div.freeform-row .freeform-column label { font-size: 1.2rem; } } div.freeform-row .freeform-column .ff-errors { bottom: -5px; left: 0; position: absolute; } textarea { min-height: 90px; } select { -webkit-appearance: none; background-image: url("../../build/img/icons/chevron-down-gold.svg"); background-size: 1.4rem; background-repeat: no-repeat; background-position: right 1.5rem center; line-height: normal; } ::-webkit-input-placeholder { color: #fff; opacity: 0.4; } :-moz-placeholder { color: #fff; opacity: 0.4; } :-ms-input-placeholder { color: #fff; opacity: 0.4; } div.freeform-row .freeform-column { padding: 15px 0; margin: 0 10px; } .freeform-row .freeform-column.ff-fieldtype-radio_group { padding: 2rem 0; } @media (min-width: 1025px) { .freeform-row .freeform-column.ff-fieldtype-radio_group { padding: 3rem 0; } } .freeform-row .freeform-column.ff-fieldtype-radio_group > label.freeform-label.is-hidden { display: none; } div.ff-form-success { margin: 0 0 3rem 0; display: inline-block; padding: 8px 15px; background: #fcfcfc; } div.ff-form-success p { margin: 0; font-size: 1.4rem; } div.ff-form-errors { margin: 0 0 3rem 0; display: inline-block; padding: 8px 15px; } div.ff-form-errors p { margin: 0; font-size: 1.4rem; } .form-notice { margin: 1.5rem 0 0 0; } .form-notice p { margin: 0; font-size: 1.4rem; color: inherit; } .form-notice p a { color: #c19a5e; text-decoration: underline; } .ff-fieldtype-file_drag_and_drop .freeform-file-drag-and-drop { border: 0; border-radius: 0; padding: 2rem 1.6rem; text-align: left; } .ff-fieldtype-file_drag_and_drop .freeform-file-drag-and-drop__placeholder { line-height: 1; color: #234C5B; opacity: 0.4; } .ff-fieldtype-file_drag_and_drop .freeform-file-drag-and-drop [data-preview-zone] [data-file-preview] [data-thumbnail] [data-progress]:after { background-color: #c19a5e; } ul.ff-errors li { font-size: 1.25rem; color: #ff4040 !important; font-weight: bold; } .pagination { display: flex; align-items: center; justify-content: center; margin: 4rem 0 0 0; } @media (min-width: 1025px) { .pagination { margin: 8rem 0 0 0; } } .pagination__item { display: inline-block; background: #F5F5F5; color: #004289; padding: 1.1rem 1.45rem; font-weight: bold; line-height: 1; transition: all 0.2s ease; border-color: #F5F5F5; border: 0.2rem solid #F5F5F5; margin: 0 0.5rem; } @media (min-width: 1025px) { .pagination__item { margin: 0 1rem; padding: 1.4rem 1.75rem; } } .pagination__item.current { border-color: #c19a5e; color: #c19a5e; } .pagination__item--arrow { background: #c19a5e; border-color: #c19a5e; width: 4.3rem; height: 4.2rem; display: flex; align-items: center; justify-content: center; } @media (min-width: 1025px) { .pagination__item--arrow { width: 4.8rem; height: 4.8rem; } } .pagination__item--arrow svg { min-width: 24px; min-height: 24px; } .pagination__item:hover { text-decoration: none; background: #c19a5e; color: #fff; cursor: pointer; border-color: #c19a5e; } .blog-post-content { margin: 10rem 0 0 0; } .brochure-item { background: #004289; display: flex; padding: 1.6rem 1.7rem; position: relative; flex-wrap: wrap; } @media (min-width: 1025px) { .brochure-item { align-items: center; padding: 0 378px 0 15%; } } .brochure-item__thumb-wrap { left: 0; top: 0; width: 10rem; height: 8.8rem; overflow: hidden; position: relative; } @media (min-width: 1025px) { .brochure-item__thumb-wrap { position: absolute; width: 15%; height: 100%; } } .brochure-item__content-wrap { width: calc(100% - 12rem); margin: 0 0 0 2rem; } @media (min-width: 1025px) { .brochure-item__content-wrap { margin: 0; width: auto; padding: 3rem 2.8rem; } } .brochure-item__content-wrap h3 { margin: 0 0 0.5rem 0; } @media (min-width: 1025px) { .brochure-item__content-wrap h3 { margin: 0 0 1.5rem 0; } } @media (max-width: 480px) { .brochure-item__content-wrap p { font-size: 1rem; } } .brochure-item__toggles-wrap { display: flex; align-items: center; justify-content: flex-end; margin: 1.5rem 0 0 0; } @media (min-width: 1025px) { .brochure-item__toggles-wrap { margin: 0; padding-right: 2rem; height: 100%; width: 378px; position: absolute; right: 0; top: 0; } } .brochure-item__toggle { display: flex; align-items: center; background: transparent; margin: 0 0.7rem; } .brochure-item__toggle label { cursor: pointer; display: flex; align-items: center; padding: 1rem; border: 0.1rem solid transparent; transition: all 0.2s ease; font-size: 1.1rem; } @media (min-width: 1025px) { .brochure-item__toggle label { font-size: 1.4rem; padding: 1.1rem; } } .brochure-item .js-select-brochure.is-active label, .brochure-item .builder-entry-slider .swiper-slide-active .js-select-brochure.entry-slide label, .builder-entry-slider .swiper-slide-active .brochure-item .js-select-brochure.entry-slide label { border-color: #c19a5e; } .brochure-item .js-select-brochure.is-active label .brochure-item__checkbox:after, .brochure-item .builder-entry-slider .swiper-slide-active .js-select-brochure.entry-slide label .brochure-item__checkbox:after, .builder-entry-slider .swiper-slide-active .brochure-item .js-select-brochure.entry-slide label .brochure-item__checkbox:after { opacity: 1; } .brochure-item__checkbox { display: block; width: 2.4rem; height: 2.4rem; border: 0.1rem solid #c19a5e; margin: 0 1rem 0 0; position: relative; } .brochure-item__checkbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-position: center; background-repeat: no-repeat; background-size: 75%; background-image: url("../../build/img/icons/check-white.svg"); opacity: 0; transition: all 0.2s ease; } .sticky-download-bar { position: -webkit-sticky; position: sticky; bottom: -100px; left: 0; width: 100%; background: #fff; padding: 1rem 0; visibility: hidden; transition: all 0.2s ease; opacity: 0; box-shadow: 0px -4px 8px rgba(32, 48, 57, 0.08); } @media (min-width: 1025px) { .sticky-download-bar { padding: 1.2rem 0; } } .sticky-download-bar .wrapper { display: flex; align-items: center; justify-content: space-between; } .sticky-download-bar__count { font-family: "kingspan-font-brown", sans-serif; margin: 0; color: #000; font-size: 1.6rem; } @media (min-width: 1025px) { .sticky-download-bar__count { font-size: 2rem; } } @media (max-width: 1025px) { .sticky-download-bar .js-trigger-download-modal { min-height: auto; padding: 0.8rem 1.3rem; } .sticky-download-bar .js-trigger-download-modal:after { margin: 0; } .sticky-download-bar .js-trigger-download-modal span { display: none; } } .sticky-download-bar.is-active, .builder-entry-slider .swiper-slide-active .sticky-download-bar.entry-slide { visibility: visible; opacity: 1; bottom: 0; z-index: 105; } .download-breakdown { background: #023061; padding: 2.8rem 0; max-height: 221px; overflow: auto; } @media (min-width: 1025px) { .download-breakdown { padding: 1.6rem 0; width: 100%; } } .download-breakdown__item { display: flex; align-items: center; margin: 0 0 1.5rem 0; padding: 0 2.8rem; flex-wrap: wrap; } @media (min-width: 1025px) { .download-breakdown__item { margin: 0 0 1rem 0; padding: 0 1.6rem; } } .download-breakdown__item:last-of-type { margin: 0; width: 100%; } .download-breakdown__item p:nth-of-type(2) { margin-left: 0.8rem; } .download-breakdown__item p:last-of-type { width: 100%; margin: 0.35rem 0 0 0; } @media (min-width: 1025px) { .download-breakdown__item p:last-of-type { width: auto; margin: 0; margin-left: auto; } } .fp-hero { background-color: #004289; padding: 12rem 0 4.5rem 0; } @media (min-width: 1025px) { .fp-hero { padding: 13rem 0 0 0; } } @media (min-width: 1540px) { .fp-hero { padding: 16rem 0 0 0; } } .fp-hero__wrap { position: relative; z-index: 1; } @media (min-width: 1025px) { .fp-hero__wrap:after { position: absolute; bottom: 0; left: 0; content: ""; height: 5rem; width: 100%; z-index: -1; background: #fff; } } @media (max-width: 768px) { .fp-hero .tagline { padding-top: 2rem; } .fp-hero h1 { padding-top: 2rem; } } .fp-hero__content-wrap { padding: 0; position: relative; } @media (min-width: 1025px) { .fp-hero__content-wrap { padding: 8rem 0 12rem 0; } } @media (min-width: 1540px) { .fp-hero__content-wrap { padding: 11rem 0 22rem 0; } } .fp-hero__excerpt { margin: 2.5rem 0 4rem 0; } .fp-hero__links { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 768px) { .fp-hero__links { flex-direction: row; } } .fp-hero__links .btn, .fp-hero__links form input[type=submit], form .fp-hero__links input[type=submit], .fp-hero__links form button, form .fp-hero__links button { margin: 0 0 2rem 0; } @media (min-width: 768px) { .fp-hero__links .btn, .fp-hero__links form input[type=submit], form .fp-hero__links input[type=submit], .fp-hero__links form button, form .fp-hero__links button { margin: 0 1.5rem 0 0; } } .fp-hero__links .btn:last-of-type, .fp-hero__links form input[type=submit]:last-of-type, form .fp-hero__links input[type=submit]:last-of-type, .fp-hero__links form button:last-of-type, form .fp-hero__links button:last-of-type { margin: 0; color: #fff; border-color: #fff; } .fp-hero__image-wrap { background: #fff; padding-bottom: 75%; position: relative; margin: 2rem -5.5% 1rem 0; } @media (min-width: 1025px) { .fp-hero__image-wrap { margin: 0; width: 45%; height: 100%; padding-bottom: 0; position: absolute; right: 0; top: 0; } } @media (min-width: 1440px) { .fp-hero__image-wrap { width: 50%; } } .journey-wrap { position: relative; } .journey-steps { display: flex; box-shadow: 0px 4px 8px rgba(32, 48, 57, 0.08); position: -webkit-sticky; position: sticky; top: 0; z-index: 10; background: #fff; } .journey-steps__item { flex: 1; cursor: pointer; text-decoration: none; padding: 1rem 0 2rem; margin: 0 3rem; position: relative; min-width: 90px; } @media (min-width: 1180px) { .journey-steps__item { min-width: auto; padding: 2rem 0; margin: 0 6rem; padding: 1rem 0 3rem; } } .journey-steps__item:before { position: absolute; bottom: -0.75rem; left: 0; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 2px solid #c19a5e; background-color: #fff; z-index: 5; content: ""; transition: all 0.2s ease; } @media (min-width: 1180px) { .journey-steps__item:before { bottom: -0.7rem; } } .journey-steps__item.is-passed:before { background-color: #c19a5e; } .journey-steps__item p { margin: 0 0 0.35rem 0; position: relative; z-index: 1; } @media (min-width: 1180px) { .journey-steps__item p { margin-bottom: 0.85rem; } } .journey-steps__item h2 { position: relative; z-index: 1; } .journey-steps__item:hover { text-decoration: none; } .journey-steps__progress { position: absolute; left: 0; bottom: 0; height: 4px; transition: all 0.1s linear; background: #c19a5e; } .journey-blocks__block { margin: 10rem 0; position: relative; } @media (min-width: 1180px) { .journey-blocks__block { margin: 26rem 0; } } .journey-blocks__block .swiper-slide { height: auto; } .journey-blocks__block .swiper-control { position: absolute; transform: translateY(-50%); top: 50%; z-index: 5; } @media (max-width: 1180px) { .journey-blocks__block .swiper-control { display: none; } } .journey-blocks__block .swiper-control--prev { left: 5%; } .journey-blocks__block .swiper-control--next { right: 5%; } .journey-blocks__intro { margin: 0 0 4.2rem 0; position: relative; } .journey-blocks__description { max-width: 66rem; } .journey-blocks__progress-column { align-items: flex-end; justify-content: flex-end; display: flex; } .journey-blocks__mobile-progress { margin: 3rem 0 0 0; } .journey-blocks__slider { position: relative; } @media (min-width: 1025px) { .journey-blocks__slider { overflow: hidden; } } .journey-blocks__slider .swiper-wrapper { height: auto; } .knowledge-hub-post { margin: 5rem 0; } @media (min-width: 1025px) { .knowledge-hub-post { margin: 12rem 0; } } .knowledge-hub-post ~ .page-builder .page-builder__block:first-of-type { margin-top: 0; } .knowledge-hub-post h1, .knowledge-hub-post h2, .knowledge-hub-post h3, .knowledge-hub-post h4, .knowledge-hub-post h5, .knowledge-hub-post h6 { font-weight: 300; } .knowledge-hub-post a { color: #004289; } .knowledge-hub-post figure { margin: 4rem 0; } .knowledge-hub-post img { width: 100% !important; height: auto !important; } .contents-table { background: #004289; padding: 2.8rem; position: relative; margin: 0 0 5rem 0; } @media (min-width: 1025px) { .contents-table { margin: 0; top: 11rem; position: -webkit-sticky; position: sticky; } } .contents-table__title { font-family: #c19a5e; font-size: 2rem; color: #c19a5e; margin: 0; } .contents-table__list { list-style: none; padding: 0; margin: 1rem 0 0 0; } .contents-table__list li { margin: 0 0 1rem 0; } .contents-table__list li:last-of-type { margin: 0; } .contents-table__list li a { color: #fff; font-size: 1.4rem; } .builder-academy-bar { background: #004289; z-index: 1; position: relative; } .builder-academy-bar:after, .builder-academy-bar:before { height: 1.95rem; width: 100%; left: 0; content: ""; position: absolute; z-index: -1; top: 0; background: #fff; } .builder-academy-bar:after { bottom: 0; top: initial; } .builder-academy-bar .wrapper { position: relative; } .builder-academy-bar .columns.is-flipped { flex-direction: row-reverse; } .builder-academy-bar .columns.is-flipped .builder-academy-bar__image-wrap { right: initial; left: 0; } .builder-academy-bar__content-wrap { padding: 10rem 0; } .builder-academy-bar__title-wrap { display: flex; } .builder-academy-bar__logo { margin: 0 3rem 0 0; max-width: 88px; max-height: 88px; } .builder-academy-bar__description { margin: 0; padding: 1.5rem 0 0 0; } .builder-academy-bar__image-wrap { position: absolute; overflow: hidden; top: 0; right: 0; width: 41.55%; height: 100%; } .builder-academy-bar .btn, .builder-academy-bar form input[type=submit], form .builder-academy-bar input[type=submit], .builder-academy-bar form button, form .builder-academy-bar button { margin: 5rem 0 0 0; } .builder-academy-module { padding: 5rem 0 0 0; } @media (min-width: 1025px) { .builder-academy-module { padding: 0; } } .builder-academy-module .columns.is-flipped { flex-direction: row-reverse; } @media (min-width: 1440px) { .builder-academy-module .columns.is-flipped .builder-academy-module__content-wrap { padding: 0 6rem 0 0; } } .builder-academy-module__image-side { position: relative; z-index: 2; } .builder-academy-module__image-wrap { position: relative; padding-bottom: 80%; overflow: hidden; } @media (min-width: 768px) { .builder-academy-module__image-wrap { padding-bottom: 56%; } } @media (min-width: 1025px) { .builder-academy-module__image-wrap { padding-bottom: 80%; } } .builder-academy-module__logo-wrap { background: #004289; padding: 1.4rem; position: absolute; top: -5rem; left: 5%; z-index: 5; display: flex; align-items: center; justify-content: center; } @media (min-width: 1440px) { .builder-academy-module__logo-wrap { top: -2.5rem; left: -2.5rem; padding: 2.5rem; } } .builder-academy-module__logo { max-width: 9.5rem; max-height: 9.5rem; } @media (min-width: 1440px) { .builder-academy-module__logo { max-width: 13rem; max-height: 13rem; } } .builder-academy-module__content-wrap { position: relative; padding: 4.5rem 0 0 0; } @media (min-width: 1440px) { .builder-academy-module__content-wrap { padding: 0 0 0 6rem; } } .builder-academy-module .btn, .builder-academy-module form input[type=submit], form .builder-academy-module input[type=submit], .builder-academy-module form button, form .builder-academy-module button { margin: 2.5rem 0 0 0; } @media (min-width: 1440px) { .builder-academy-module .btn, .builder-academy-module form input[type=submit], form .builder-academy-module input[type=submit], .builder-academy-module form button, form .builder-academy-module button { margin: 4rem 0 0 0; } } .builder-accordions__item { background: #fff; margin: 0 0 0rem 0; padding: 0rem; border-bottom: 1px solid #2d3539; } .builder-accordions__item.is-active .builder-accordions__content-wrap, .builder-entry-slider .swiper-slide-active .builder-accordions__item.entry-slide .builder-accordions__content-wrap { display: block; } .builder-accordions__item.is-active .builder-accordions__title-wrap svg, .builder-entry-slider .swiper-slide-active .builder-accordions__item.entry-slide .builder-accordions__title-wrap svg { transform: rotate(180deg); } .builder-accordions__item:last-of-type { margin: 0; } .builder-accordions__title-wrap { padding: 2.8rem 0; display: flex; align-items: center; cursor: pointer; } .builder-accordions h4 { display: inline-block; vertical-align: middle; color: #2d3539; } .builder-accordions svg { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 0 0 1.5rem; transition: all 0.2s ease; } .builder-accordions__content-wrap { display: none; padding: 0 0 2.8rem 0; } .builder-accordions__content-wrap p, .builder-accordions__content-wrap li, .builder-accordions__content-wrap a, .builder-accordions__content-wrap ul, .builder-accordions__content-wrap strong { color: #2d3539; font-size: 2rem; } .builder-accordions__content-wrap * { color: inherit; } .builder-content-bar-image { background: #004289; z-index: 1; position: relative; } .builder-content-bar-image:after, .builder-content-bar-image:before { height: 3.2rem; width: 100%; left: 0; content: ""; position: absolute; z-index: -1; top: -1px; background: #fff; } @media (min-width: 1025px) { .builder-content-bar-image:after, .builder-content-bar-image:before { height: 1.95rem; } } .builder-content-bar-image:before { display: none; } @media (min-width: 1025px) { .builder-content-bar-image:before { display: block; } } .builder-content-bar-image:after { bottom: -1px; top: initial; } .builder-content-bar-image .wrapper { position: relative; } .builder-content-bar-image .columns.is-flipped { flex-direction: row-reverse; } .builder-content-bar-image .columns.is-flipped .builder-content-bar-image__image-wrap { right: initial; left: 0; } .builder-content-bar-image__content-wrap { padding: 6rem 0 4rem 0; } @media (max-width: 480px) { .builder-content-bar-image__content-wrap h3 { font-size: 3.2rem; } } @media (min-width: 1025px) { .builder-content-bar-image__content-wrap { padding: 10rem 0; } } .builder-content-bar-image__description { margin: 0; padding: 1.35rem 0 0 0; } .builder-content-bar-image__description * { color: inherit; } .builder-content-bar-image__image-wrap { position: relative; overflow: hidden; top: 0; right: 0; width: 100%; padding-bottom: 77%; } @media (min-width: 1025px) { .builder-content-bar-image__image-wrap { position: absolute; width: 45%; height: 100%; padding-bottom: 0; } } @media (min-width: 1440px) { .builder-content-bar-image__image-wrap { width: 41.55%; } } .builder-content-bar-image .btn, .builder-content-bar-image form input[type=submit], form .builder-content-bar-image input[type=submit], .builder-content-bar-image form button, form .builder-content-bar-image button { margin: 2.2rem 0 0 0; } @media (min-width: 1025px) { .builder-content-bar-image .btn, .builder-content-bar-image form input[type=submit], form .builder-content-bar-image input[type=submit], .builder-content-bar-image form button, form .builder-content-bar-image button { margin: 5rem 0 0 0; } } .builder-content-module .wrapper.is-narrow { max-width: 1200px; } .builder-content-module .wrapper h1, .builder-content-module .wrapper h2, .builder-content-module .wrapper h3, .builder-content-module .wrapper h4, .builder-content-module .wrapper h5, .builder-content-module .wrapper h6 { font-weight: 300; } .builder-content-module .wrapper figure { margin: 1rem 0 1rem 0; } @media (min-width: 1025px) { .builder-content-module .wrapper figure { margin: 3rem 0 3rem 0; } } .builder-content-module .custom-list { list-style: none !important; padding: 0px !important; margin: 0px !important; } .builder-content-module .custom-list img { margin-right: 10px; width: 24px; } .builder-content-module .custom-list li { padding: 10px 10px; display: flex; align-items: center; } .builder-content-module .custom-list li::before { content: none !important; } @media (min-width: 1025px) { .builder-entry-slider { padding: 5rem 0; } } @media (min-width: 1440px) { .builder-entry-slider { padding: 0; } } .builder-entry-slider__content-wrap { position: relative; z-index: 2; } .builder-entry-slider__description { margin: 0 0 4rem 0; } @media (min-width: 1440px) { .builder-entry-slider__description { margin: 0 4rem 0 0; } } .builder-entry-slider .entry-swiper { position: relative; } .builder-entry-slider .entry-swiper:after { position: absolute; top: 0; right: calc(100% - 2px); height: calc(100% + 6rem); width: 100vw; background: #fff; content: ""; z-index: 1; } .builder-entry-slider__controls { margin: 4rem -1rem 5rem -1rem; display: none; } @media (min-width: 1025px) { .builder-entry-slider__controls { display: flex; } } @media (min-width: 1440px) { .builder-entry-slider__controls { margin: 6rem -1rem 10rem -1rem; } } .builder-entry-slider__controls .swiper-control { margin: 0 1rem; } .builder-entry-slider .entry-slider-progress { margin: 8rem 0 0 0; } @media (min-width: 1025px) { .builder-entry-slider .entry-slider-progress { margin: 0; } } .builder-form-module { background-color: #004289; padding: 5rem 0; } @media (min-width: 1025px) { .builder-form-module { padding: 10rem 0; } } .builder-form-module__intro { margin: 0 0 2.5rem 0; color: #fff; } .builder-form-module__intro h1 { color: #fff; } .builder-form-module__intro h2 { color: #fff; } .builder-form-module__intro h3 { color: #fff; } @media (max-width: 480px) { .builder-form-module h3 { font-size: 2rem; } } .builder-form-module__form label { color: #fff; } .builder-form-module__form .form-notice { color: #fff; } .builder-form-module__form input[type=submit], .builder-form-module__form button { color: #fff; } .form-variation { display: flex; flex-wrap: wrap; } .form-variation p { color: #fff; } .form-variation h1 { color: #fff; } .form-variation h2 { color: #fff; } .form-variation h3 { color: #fff; } .form-variation h4 { color: #fff; } .form-variation h5 { color: #fff; } .form-variation h6 { color: #fff; } .form-variation .column-1 { width: 50%; flex-shrink: 0; padding-right: 40px; } @media (max-width: 768px) { .form-variation .column-1 { width: 100%; padding-right: 0px; } } .form-variation .column-2 { width: 50%; flex-shrink: 0; } @media (max-width: 768px) { .form-variation .column-2 { width: 100%; } } .form-variation ul { padding: 0; list-style: none; color: #fff; } .form-variation ul li { padding-left: 1.5rem; position: relative; margin-bottom: 0.65rem; color: #fff; } .form-variation ul li:before { content: ""; background-color: #c19a5e; display: inline-block; width: 0.8rem; height: 0.8rem; position: absolute; top: 1.1rem; left: 0; } .form-variation ol { color: #fff; counter-reset: item; list-style: none; padding: 0px; } .form-variation ol li { counter-increment: item; padding: 6px 0px; color: #fff; display: flex; align-items: center; } .form-variation ol li:before { content: counter(item); width: 30px; height: 30px; flex-shrink: 0; text-align: center; background: #c19a5e; color: #fff; margin-right: 10px; border-radius: 50%; } .builder-gallery-module .gallery-swiper { position: relative; overflow: hidden; } .builder-gallery-module .gallery-swiper:before, .builder-gallery-module .gallery-swiper:after { content: ""; left: 0; top: 0; width: 150px; height: 100%; pointer-events: none; z-index: 2; position: absolute; background: linear-gradient(270deg, rgba(32, 48, 57, 0) 0%, rgba(32, 48, 57, 0.4) 100%); } .builder-gallery-module .gallery-swiper:after { left: unset; right: 0; background: linear-gradient(-270deg, rgba(32, 48, 57, 0) 0%, rgba(32, 48, 57, 0.4) 100%); } .builder-gallery-module .gallery-swiper .swiper-control { position: absolute; transform: translateY(-50%); top: 50%; z-index: 5; } .builder-gallery-module .gallery-swiper .swiper-control--prev { left: 5%; } .builder-gallery-module .gallery-swiper .swiper-control--next { right: 5%; } .builder-gallery-module__item { position: relative; padding-bottom: 60%; overflow: hidden; } @media (min-width: 1940px) { .builder-gallery-module__item { padding-bottom: 50%; } } .builder-gallery-module .thumbnail-swiper { margin: 2rem auto 0 auto; max-width: 540px; overflow: hidden; } .builder-gallery-module .thumbnail-swiper .swiper-slide { height: 55px; opacity: 0.5; transition: all 0.2s ease; } .builder-gallery-module .thumbnail-swiper .swiper-slide.swiper-slide-thumb-active { opacity: 1; } .builder-gallery-module .thumbnail-swiper__thumbnail { width: 100%; height: 100%; position: relative; overflow: hidden; } .builder-google-map { position: relative; } .builder-google-map .google-map { position: relative; height: 29rem; } @media (min-width: 1025px) { .builder-google-map .google-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media (min-width: 1025px) { .builder-google-map__wrap { padding: 12rem 0; } } .builder-google-map__content-wrap { background: #fff; padding: 2.5rem 2.5rem 5rem 2.5rem; z-index: 5; position: relative; transition: all 0.2s ease; margin-top: -10rem; } @media (min-width: 1025px) { .builder-google-map__content-wrap { padding: 5.4rem 4rem 4rem 4.8rem; width: 66rem; margin-top: 0; margin-left: auto; } } .builder-google-map__usps { list-style: none; margin: 4.5rem 0 0 0; padding: 0; display: flex; flex-wrap: wrap; } .builder-google-map__usps li { margin: 0 3rem 2rem 0; display: flex; align-items: flex-start; } @media (min-width: 1025px) { .builder-google-map__usps li { align-items: center; } } .builder-google-map__usps li.full { width: 100%; } .builder-google-map__usps li i { margin: 0 1rem 0 0; --Iconsax-Size: 2.2rem; } .homepagebanner-swiper .swiper-control { position: absolute; transform: translateY(-50%); top: 50%; z-index: 5; } .homepagebanner-swiper .swiper-control--prev { left: 5%; } .homepagebanner-swiper .swiper-control--next { right: 5%; } .homepagebanner-swiper .homepagebanner-label { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10; } .homepagebanner-swiper .homepage-slider-internal-desktop { position: relative; height: 650px; } @media (min-width: 1025px) { .homepagebanner-swiper .homepage-slider-internal-desktop { height: 455px !important; } } @media (min-width: 1280px) and (max-width: 1440px) { .homepagebanner-swiper .homepage-slider-internal-desktop { height: 455px !important; } } @media (min-width: 1440px) { .homepagebanner-swiper .homepage-slider-internal-desktop { height: 640px !important; } } @media (min-width: 1540px) { .homepagebanner-swiper .homepage-slider-internal-desktop { height: 715px !important; } } @media (max-width: 1180px) { .homepagebanner-swiper .homepage-slider-internal-desktop { height: 455px !important; } } .homepagebanner-swiper .homepage-slider-internal-mobile { position: relative; height: 300px; } .homepagebanner-swiper .homepage-slider-internal-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2; } @media (min-width: 1025px) { .builder-image-content--has-tagline { padding-top: 8rem; } } @media (min-width: 1440px) { .builder-image-content--has-tagline { padding-top: 0; } } @media (max-width: 1025px) { .builder-image-content .columns.is-flipped .builder-image-content__content-wrap { margin: 0 0 5rem 0; } } @media (min-width: 1025px) { .builder-image-content .columns.is-flipped { flex-direction: row-reverse; } } @media (max-width: 1025px) { .builder-image-content .columns.is-flipped { flex-direction: column-reverse; display: flex; } } @media (max-width: 1025px) { .builder-image-content .columns { flex-direction: column; display: flex; } } @media (min-width: 1025px) { .builder-image-content .columns { align-items: flex-start; } } @media (min-width: 1440px) { .builder-image-content .columns { align-items: center; } } .builder-image-content__image-wrap { position: relative; } .builder-image-content__image-wrap--video { padding-bottom: 52%; position: relative; } @media (min-width: 1025px) { .builder-image-content__image-wrap--video { padding-bottom: 66.66%; } } .builder-image-content__content-wrap { position: relative; margin: 5rem 0 0 0; padding: 6rem 0 0 0; border-top: 2px solid #2d3539; } @media (min-width: 1025px) { .builder-image-content__content-wrap { margin: 0; } } @media (min-width: 1440px) { .builder-image-content__content-wrap { margin: 0 0 0 6rem; } } .builder-image-content__content-wrap .btn, .builder-image-content__content-wrap form input[type=submit], form .builder-image-content__content-wrap input[type=submit], .builder-image-content__content-wrap form button, form .builder-image-content__content-wrap button { margin: 2.5rem 0 0 0; } .builder-image-content__description * { color: inherit; } .builder-information-bar__wrap { background: #004289; padding: 2.8rem; } @media (max-width: 768px) { .builder-information-bar .wrapper { width: 100%; } } .jumbo-video { height: 95vh; width: 100%; background-color: #000; position: relative; } .jumbo-video--videoElement { height: 100%; width: 100%; font-family: "object-fit:cover"; -o-object-fit: cover; object-fit: cover; opacity: 0.9; z-index: 1; } .jumbo-video--content-wrap { position: absolute; left: 5%; right: 5%; bottom: 20%; z-index: 10; max-width: 100%; -webkit-hyphens: auto; /* for Safari */ -ms-hyphens: auto; hyphens: auto; } .jumbo-video--title { font-size: 4rem; color: #fff; text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; margin-bottom: 3rem; } @media (min-width: 1025px) { .jumbo-video--content-wrap { max-width: 50%; left: 10%; bottom: 20%; } .jumbo-video--title { font-size: 6rem; } } .builder-logo-bar__wrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .builder-logo-bar__item { text-align: center; width: 33.33%; margin: 0 0 2rem 0; } @media (min-width: 1025px) { .builder-logo-bar__item { margin: 0; padding: 0 2rem 2rem 2rem; width: 16.66%; } } .builder-logo-bar__logo { height: auto; max-width: 95%; max-height: 5.5rem; } @media (min-width: 1025px) { .builder-logo-bar__logo { max-width: 14rem; max-height: 9rem; } } .notification-block { display: flex; align-items: center; justify-content: space-between; padding: 6rem; } .notification-block h2 { font-size: 2.2rem; font-weight: 500; margin-bottom: 0px; } .notification-block img { flex-shrink: 0; width: 15%; margin-left: 2rem; } @media (max-width: 768px) { .notification-block { flex-wrap: wrap; } .notification-block img { width: 25%; order: 1; margin-bottom: 1rem; margin-left: 0rem; } .notification-block h2 { order: 2; } } .notification-filled h2 { color: #fff; } .notification-light { border: 2px solid; } .notification-light h2 { color: #2d3539; } .responsive-table-container { display: block; } @media (max-width: 768px) { .responsive-table-container { display: none; } } .responsive-table-container table { table-layout: fixed; width: 100%; border-collapse: collapse; } .responsive-table-container th, .responsive-table-container td { padding: 20px; } .responsive-table-container td { color: #2d3539; } .responsive-table-container th { color: #004289; } .responsive-table-container tr { color: #004289; font-weight: 400; border-bottom: 2px solid #2d3539; } .mobile-table { display: none; } @media (max-width: 768px) { .mobile-table { display: block; } } .builder-testimonials-module { padding: 6rem 0 6rem 0; background-color: #004289; } .builder-testimonials-module__wrap { position: relative; } .builder-testimonials-module__graphic { position: absolute; width: 80px; height: auto; transform: translate(-1rem, -3rem); } @media (min-width: 1025px) { .builder-testimonials-module__graphic { width: 120px; transform: translate(-4rem, -7rem); } } .builder-testimonials-module__controls { margin: 3rem -1rem 0rem -1rem; display: none; } @media (min-width: 1025px) { .builder-testimonials-module__controls { margin: 6rem -1rem 0rem -1rem; } } .builder-testimonials-module__controls .swiper-control { margin: 0 0.5rem; display: block; } @media (min-width: 1025px) { .builder-testimonials-module__controls .swiper-control { margin: 0 1rem; } } .builder-testimonials-module__quote { margin: 0 0 3rem 0; color: #fff; font-weight: 300; font-size: 3.2rem; font-style: italic; line-height: 5rem; } @media (max-width: 480px) { .builder-testimonials-module__quote { font-size: 2.4rem; margin: 0 0 1rem 0; } } .builder-testimonials-module .testimonial-swiper { position: relative; z-index: 2; } .builder-testimonials-module .testimonial-swiper.swiper-initialized .builder-testimonials-module__controls { display: flex; } .builder-testimonials-module .testimonial-swiper.swiper-initialized .swiper-slide { opacity: 0; transition: all 0.2s ease; } .builder-testimonials-module .testimonial-swiper.swiper-initialized .swiper-slide.swiper-slide-active { opacity: 1; } .builder-three-column-card { position: relative; } .builder-three-column-card--has-tagline { padding-top: 5rem; } @media (min-width: 1440px) { .builder-three-column-card--has-tagline { padding-top: 5rem; } } .builder-three-column-card__intro { margin: 0 0 40px 0; position: relative; } .builder-three-column-card__description { margin: 0; } .builder-three-column-card__entries { position: relative; } .builder-three-column-card__entries .swiper-control { position: absolute; transform: translateY(-50%); top: 50%; z-index: 5; } .builder-three-column-card__entries .swiper-control--prev { left: 0; } @media (min-width: 1025px) { .builder-three-column-card__entries .swiper-control--prev { left: 0.5%; } } @media (min-width: 1840px) { .builder-three-column-card__entries .swiper-control--prev { left: 5%; } } .builder-three-column-card__entries .swiper-control--next { right: 0; } @media (min-width: 1025px) { .builder-three-column-card__entries .swiper-control--next { right: 0.5%; } } @media (min-width: 1840px) { .builder-three-column-card__entries .swiper-control--next { right: 5%; } } @media (min-width: 1025px) { .builder-three-column-card .wrapper { overflow: hidden; } } .builder-three-column-card .swiper-progress-bar { margin: 0 0 3rem 0; } @media (min-width: 1025px) { .builder-three-column-card .swiper-progress-bar { margin: 3rem 0 0 0; } } .builder-three-column-card .swiper-slide { height: auto; } .builder-three-column-card .column { height: auto; } @media (max-width: 1025px) { .builder-three-column-card .column { flex-grow: 0; flex-basis: auto; flex-shrink: 0; } } @media (min-width: 1025px) { .builder-three-column-card__button-column { text-align: right; } } .builder-three-column-card__button-block { margin: 4rem 0 0 0; } @media (min-width: 1025px) { .builder-three-column-card .columns:not(.column-card-swiper) .swiper-wrapper { flex-wrap: wrap; } } .builder-three-column-card .columns:not(.column-card-swiper) .swiper-wrapper .entry-card { height: 100%; } .builder-three-column-card-blue-variant { position: relative; background-color: #004289; text-align: center; } .builder-three-column-card-blue-variant--has-tagline { padding-top: 5rem; } @media (min-width: 1440px) { .builder-three-column-card-blue-variant--has-tagline { padding-top: 5rem; } } .builder-three-column-card-blue-variant .lg-title, .builder-three-column-card-blue-variant h2 { color: #fff; } .builder-three-column-card-blue-variant .tagline { color: #fff; } .builder-three-column-card-blue-variant .entry-card__description { color: #fff; } .builder-three-column-card-blue-variant .entry-card__thumb-wrap { background: transparent; padding-bottom: 35%; } .builder-three-column-card-blue-variant .entry-card__thumb-wrap img { font-family: "object-fit:contain;object-position:center"; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .builder-three-column-card-blue-variant .entry-card__title { color: #fff; } .builder-three-column-card-blue-variant .entry-card__content-wrap { background-color: transparent; } .builder-three-column-card-blue-variant .entry-card:hover { text-decoration: none; } .builder-three-column-card-blue-variant .entry-card:hover .entry-card__thumb-wrap img:not(.play-icon) { transform: scale(1); } .builder-three-column-card-blue-variant__intro { margin: 0 0 40px 0; position: relative; } .builder-three-column-card-blue-variant__description { max-width: 660px; margin: auto; color: #fff; } .builder-three-column-card-blue-variant__entries { position: relative; } .builder-three-column-card-blue-variant__entries .swiper-control { position: absolute; transform: translateY(-50%); top: 50%; z-index: 5; } .builder-three-column-card-blue-variant__entries .swiper-control--prev { left: 0; } @media (min-width: 1025px) { .builder-three-column-card-blue-variant__entries .swiper-control--prev { left: 0.5%; } } @media (min-width: 1840px) { .builder-three-column-card-blue-variant__entries .swiper-control--prev { left: 5%; } } .builder-three-column-card-blue-variant__entries .swiper-control--next { right: 0; } @media (min-width: 1025px) { .builder-three-column-card-blue-variant__entries .swiper-control--next { right: 0.5%; } } @media (min-width: 1840px) { .builder-three-column-card-blue-variant__entries .swiper-control--next { right: 5%; } } @media (min-width: 1025px) { .builder-three-column-card-blue-variant .wrapper { overflow: hidden; } } .builder-three-column-card-blue-variant .swiper-progress-bar { margin: 3rem auto; } .builder-three-column-card-blue-variant .swiper-slide { height: auto; } .builder-three-column-card-blue-variant .column { height: auto; } @media (max-width: 1025px) { .builder-three-column-card-blue-variant .column { flex-grow: 0; flex-basis: auto; flex-shrink: 0; } } @media (min-width: 1025px) { .builder-three-column-card-blue-variant__button-column { text-align: right; } } .builder-three-column-card-blue-variant__button-block { padding: 3rem 0rem; } @media (min-width: 1025px) { .builder-three-column-card-blue-variant .columns:not(.column-card-swiper) .swiper-wrapper { flex-wrap: wrap; } } .builder-three-column-card-blue-variant .columns:not(.column-card-swiper) .swiper-wrapper .entry-card { height: 100%; } #strafe-cookie-consent.cookie-bar { position: fixed; bottom: 0; width: 100%; left: 0; padding: 1rem 0; background: #004289; transition: all 0.5s ease; height: 115px; display: flex; align-items: center; z-index: 100000000; } @media (min-width: 768px) { #strafe-cookie-consent.cookie-bar { height: 65px; } } #strafe-cookie-consent.cookie-bar.is-hidden { bottom: -120px; } @media (min-width: 768px) { #strafe-cookie-consent.cookie-bar.is-hidden { bottom: -65px; } } #strafe-cookie-consent.cookie-bar.align-top { top: 0; bottom: unset; } #strafe-cookie-consent.cookie-bar.align-top.is-hidden { top: -120px; } @media (min-width: 768px) { #strafe-cookie-consent.cookie-bar.align-top.is-hidden { top: -65px; } } #strafe-cookie-consent.cookie-bar.align-top .cookie-bar__toggle { bottom: unset; top: 100%; } #strafe-cookie-consent.cookie-bar.align-bottom { top: unset; bottom: 0; } #strafe-cookie-consent.cookie-bar.align-bottom.is-hidden { bottom: -120px; } @media (min-width: 768px) { #strafe-cookie-consent.cookie-bar.align-bottom.is-hidden { bottom: -65px; } } #strafe-cookie-consent .cookie-bar__toggle { width: 40px; height: 40px; background: #004289; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 100%; left: 0; cursor: pointer; transition: all 0.3s ease; } #strafe-cookie-consent .cookie-bar__toggle.is-hidden { opacity: 0; visibility: hidden; } #strafe-cookie-consent .cookie-bar__toggle.align-left { left: 0; } #strafe-cookie-consent .cookie-bar__toggle.align-right { left: unset; right: 0; } #strafe-cookie-consent .cookie-bar__toggle svg { width: 20px; display: block; transition: all 0.3s; } #strafe-cookie-consent .cookie-bar__toggle:hover svg { width: 23px; } #strafe-cookie-consent .cookie-bar__wrap { align-items: center; } @media (min-width: 768px) { #strafe-cookie-consent .cookie-bar__wrap { display: flex; } } #strafe-cookie-consent .cookie-bar__info { flex: 1 1 auto; } @media (min-width: 768px) { #strafe-cookie-consent .cookie-bar__info { width: 70%; margin-right: 15px; } } #strafe-cookie-consent .cookie-bar__consent { margin-top: 0.5rem; } @media (min-width: 768px) { #strafe-cookie-consent .cookie-bar__consent { margin-top: 0; display: flex; align-items: center; justify-content: space-between; } } #strafe-cookie-consent p { margin: 0; color: #fff; } #strafe-cookie-consent a { color: #fff; text-decoration: underline; } #strafe-cookie-consent #strafe-cookie-decline { text-decoration: none; font-weight: bold; display: inline-block; margin-right: 20px; display: inline-block; color: #fff; cursor: pointer; font-size: 1.4rem; } #strafe-cookie-consent #strafe-cookie-allow { text-decoration: none; font-weight: bold; background: #c19a5e; padding: 1rem 1.25rem; color: #fff; display: inline-block; cursor: pointer; font-size: 1.4rem; } @media (min-width: 768px) { #strafe-cookie-consent #strafe-cookie-allow { padding: 1.25rem 1.5rem; } } .footer { background-color: #004289; padding: 2rem 0 10rem 0; position: relative; } @media (min-width: 1025px) { .footer { padding: 2rem 0 10rem 0; } } .footer .wrapper { position: relative; z-index: 1; } @media (max-width: 1025px) { .footer__title { font-size: 4rem; } } .footer__link { position: relative; text-decoration: none; } .footer__link:hover { text-decoration: none; } .footer__wrap { margin: 3.5rem 0 0 0; } @media (max-width: 1025px) { .footer__wrap { margin: 5rem 0 0 0; } } .footer__graphic { position: absolute; bottom: 0; right: 0; } @media (max-width: 1025px) { .footer__graphic { width: 50%; height: auto; max-width: 305px; } } .footer__column-title { color: #c19a5e; font-size: 1.4rem; font-weight: 400; pointer-events: none; } .footer__menu { list-style: none; padding: 0; margin: 1.5rem 0 0 0; } @media (min-width: 768px) { .footer__menu { margin: 2rem 0 0 0; } } .footer__menu li { margin: 0 0 1rem 0; } @media (min-width: 768px) { .footer__menu li { margin: 0 0 1.6rem 0; } } .footer__menu li:last-of-type { margin: 0; } .footer__menu li a { color: #fff; font-weight: 400; font-size: 1.1rem; display: inline-flex; transition: all 0.2s ease; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .footer__menu li a:hover { color: #c19a5e; text-decoration: none; } @media (min-width: 768px) { .footer__menu li a { font-size: 1.4rem; } } .footer__menu li a .address { max-width: 230px; white-space: wrap; text-overflow: normal; overflow: visible; } .footer__menu li a i { margin: 0 1rem 0 0; } .footer__menu li a span { min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .social-icons { display: flex; list-style: none; margin: 3rem 0 0 0; padding: 0; } .social-icons li { margin: 0 1.5rem 0 0; } .social-icons li a { text-decoration: none; } .social-icons li a:hover { text-decoration: none; } .sub-footer { margin: 10rem 0 0 0; } .sub-footer p { display: inline-block; vertical-align: middle; } @media (max-width: 480px) { .sub-footer p { font-size: 1.1rem; } } .sub-footer .columns { display: flex; align-items: center; } @media (max-width: 480px) { .sub-footer .columns { flex-direction: column; row-gap: 4rem; text-align: center; } } @media (min-width: 1025px) { .sub-footer__copyright { text-align: left; } } /* Tooltip container */ .tooltip { position: fixed; bottom: 0px; right: 0px; width: auto; /* Adjust to fit the SVG icon ~ should be 60px for expanded/collapse to work */ height: 66px; /* Adjust to fit the SVG icon */ background-color: #cba151; color: #fff; overflow: hidden; /* Hide overflow content */ transition: width 0.5s ease; z-index: 100; } /* Tooltip text */ .tooltip-text { margin: 0px; display: flex; width: 100%; align-items: center; height: 100%; padding: 10px 10px 10px 10px; font-weight: 700; font-size: 1.6rem; /* Set font size to 1.6rem */ line-height: 1.6rem; /* Match line height to font size */ color: #fff; /* Set text color to white */ text-decoration: none; /* Remove underline */ } /* Hidden text when tooltip is collapsed */ .collapsed .tooltip-text { display: none; /* Hide text when collapsed */ } /* Anchor link color */ .tooltip-text a { color: #fff; text-decoration: none; display: flex; width: 100%; align-items: center; padding: 15px; gap: 15px; margin: 0px; } #message { position: relative; color: white; /* background-color: red; */ /* background-image: url(../../build/img/icons/arrow-right-white.svg); */ background-position: right; background-repeat: no-repeat; content: ""; } #book { display: inline; } svg#book_icon { position: absolute; top: 14px; left: 18px; } #hide_break { display: none; } @media screen and (max-width: 540px) { /* Adjust tooltip for screens below 540px width */ .tooltip { width: 300px; /* Full width */ height: 66px; /* Auto height */ white-space: nowrap; /* Prevent line breaks */ border-radius: 0; /* Remove border radius */ box-shadow: none; /* Remove box shadow */ } .tooltip-text { font-size: 1.4rem; /* Set font size to 1.6rem */ } .tooltip-text a { padding: 5px; /* Set font size to 1.6rem */ } #message { background-image: url(../../build/img/icons/arrow-right-white.svg); background-position: right; line-height: 150%; width: 100%; } #hide_break { display: inline; } /* Show full text */ .tooltip-text { display: block; } svg#book_icon { top: 12px; } } .header { position: fixed; top: 0; left: 0; width: 100%; padding: 1rem 5%; z-index: 100; background-color: #fff; transition: all 0.2s ease; } @media (min-width: 768px) { .header { padding: 2rem 5%; } } @media (min-width: 1180px) { .header { padding: 2rem 2%; } } .header.is-coloured { background: #fff; } .header.is-coloured .responsive-toggle span { background: #004289; } @media (min-width: 1180px) { .header.is-scrolled { padding: 1.5rem 2%; } } .header__wrap { display: flex; align-items: center; } .header__logo { width: 190px; } @media (min-width: 768px) { .header__logo { width: 230px; } } @media (min-width: 1180px) { .header__logo { width: 350px; } } @media (min-width: 1440px) { .header__logo { width: 350px; } } .header__logo svg { max-width: 100%; } .header__logo svg path { transition: all 0.2s ease; } .header__navigation { margin: 0 0 0 8rem; display: none; } @media (min-width: 1180px) { .header__navigation { display: block; } } @media (max-width: 1730px) { .header__navigation { margin: 0 0 0 4rem; } } .header__search { margin: 0 2rem 0 auto; align-items: center; display: flex; position: relative; max-width: 3.5rem; transition: all 0.2s ease; } .header__search.is-active, .builder-entry-slider .swiper-slide-active .header__search.entry-slide { max-width: 230px; } @media (min-width: 1025px) { .header__search { margin: 0 3rem 0 auto; } } .header__search i { --Iconsax-Size: 2.4rem; --Iconsax-Color: #c19a5e; cursor: pointer; } .header__search-form { display: flex; align-items: center; transition: all 0.3s ease; opacity: 0; visibility: hidden; padding: 1.5rem 1.5rem; background: #004289; width: 3rem; position: fixed; top: 6rem; left: 0; min-width: 100%; padding: 1.5rem 5%; } @media (min-width: 768px) { .header__search-form { top: 8rem; } } @media (min-width: 1180px) { .header__search-form { top: 5rem; padding: 1.5rem 1.5rem; background: #004289; left: -2.75rem; min-width: 25rem; position: absolute; top: calc(100% + 2.5rem); } } .header__search-form:after { background-position: center bottom; background-repeat: no-repeat; background-image: url("../../build/img/icons/mega-menu-arrow-tip.svg"); background-size: contain; width: 0.75rem; height: 0.75rem; position: absolute; bottom: 100%; left: 3.5rem; content: ""; display: none; } @media (min-width: 1180px) { .header__search-form:after { display: block; } } @media (min-width: 1620px) { .header__search-form { padding: 0; position: relative; top: 0; min-width: auto; background: transparent; overflow: hidden; width: 0; left: 0; } .header__search-form:after { display: none; } } .header__search-form.is-active, .builder-entry-slider .swiper-slide-active .header__search-form.entry-slide { opacity: 1; visibility: visible; } @media (min-width: 1620px) { .header__search-form.is-active, .builder-entry-slider .swiper-slide-active .header__search-form.entry-slide { width: 20.5rem; } } .header__search-form input { margin: 0; background-color: transparent; padding: 0; font-size: 1.4rem; border: 0px; } @media (max-width: 1180px) { .header__search-form input { color: #fff; } } @media (min-width: 1620px) { .header__search-form input { margin: 0 0 0 2rem; color: #fff; } } .header__search-form input::-webkit-input-placeholder { letter-spacing: 1px; } @media (max-width: 1180px) { .header__search-form input::-webkit-input-placeholder { color: #fff; } } @media (min-width: 1620px) { .header__search-form input::-webkit-input-placeholder { color: #fff; } } .header__search-form i { margin: 0 0 0 2rem; } .header__links { align-items: center; display: none; } @media (min-width: 1180px) { .header__links { display: flex; } } .header__links .btn, .header__links form input[type=submit], form .header__links input[type=submit], .header__links form button, form .header__links button { margin: 0 0.5rem; } @media (min-width: 1025px) { .header__links .btn, .header__links form input[type=submit], form .header__links input[type=submit], .header__links form button, form .header__links button { padding: 1.2rem 2rem; font-size: 1.2rem; } } @media (min-width: 1440px) { .header__links .btn, .header__links form input[type=submit], form .header__links input[type=submit], .header__links form button, form .header__links button { padding: 1.4rem 2.8rem; font-size: 1.4rem; } } nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } @media (min-width: 1180px) { nav ul { flex-direction: row; align-items: center; } } nav ul li a { transition: all 0.2s ease; } nav ul li a:hover { color: #004289; } .mega-menu a:hover { text-decoration: none; } .mega-menu__item { padding: 2rem 5%; border-bottom: 2px solid #DADADA; } @media (min-width: 1180px) { .mega-menu__item { margin: 0 2rem -2rem 0; border-bottom: 0; padding: 0 0 2rem 0; } } @media (min-width: 1730px) { .mega-menu__item { margin: 0 3.5rem -2rem 0; } } .mega-menu__item:last-of-type { margin-right: 0; } .mega-menu__item--cta i { --Iconsax-Color: #c19a5e; --Iconsax-Size: 1.8rem; margin: 0 1rem 0 0; } .mega-menu__item > a { text-decoration: none; text-transform: uppercase; font-size: calc(13.42857px + 0.17857vw); color: #004289; display: inline-flex; align-items: center; letter-spacing: 2px; font-weight: 400; } @media (min-width: 1180px) { .mega-menu__item > a { color: #2d3539; font-size: calc(13.42857px + 0.17857vw); text-align: center; } } @media (min-width: 1440px) { .mega-menu__item > a { font-size: 1.4rem; } } .mega-menu__item--has-children { position: relative; } .mega-menu__item--has-children > a:after { width: 0.8rem; height: 0.8rem; background-image: url("../../build/img/icons/angle-down-gold.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; content: ""; filter: brightness(0%); display: inline-block; margin: 0 0 0 0.5rem; transform: rotate(-90deg); transition: all 0.2s ease; } @media (min-width: 1180px) { .mega-menu__item--has-children > a:after { transform: rotate(0); } } @media (min-width: 1180px) { .mega-menu__item--has-children:hover:after { transform: rotate(-180deg); } .mega-menu__item--has-children:hover .mega-menu__sub-menu { opacity: 1; visibility: visible; top: 100%; } .mega-menu__item--has-children:hover .mega-menu__sub-menu > .mega-menu__thumb-wrap { display: block; } } .mega-menu__sub-menu { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 150; background: #fff; height: 100%; visibility: hidden; transform: translateX(100%); transition: all 0.2s ease; height: calc(100% - 6rem); } .mega-menu__sub-menu.is-active, .builder-entry-slider .swiper-slide-active .mega-menu__sub-menu.entry-slide { transform: translateX(0); visibility: visible; } @media (min-width: 768px) { .mega-menu__sub-menu { height: calc(100% - 8rem); } } @media (min-width: 1180px) { .mega-menu__sub-menu { transform: translateX(0); position: absolute; background: #004289; bottom: unset; height: auto; left: 0; padding: 4.8rem 4rem 3.5rem 4rem; min-width: 33rem; opacity: 0; visibility: hidden; transition: all 0.2s ease; top: 115%; box-shadow: 0px 0px 20px rgba(32, 48, 57, 0.6); } .mega-menu__sub-menu:after { background-position: center bottom; background-repeat: no-repeat; background-image: url("../../build/img/icons/mega-menu-arrow-tip.svg"); background-size: contain; width: 0.75rem; height: 0.75rem; position: absolute; bottom: 100%; left: 3.5rem; content: ""; } .mega-menu__sub-menu--inspiration { min-width: 108rem; } .mega-menu__sub-menu--self-build-academy { min-width: 100rem; } .mega-menu__sub-menu--self-build-academy .mega-menu__sub-title { color: #EB752D; } .mega-menu__sub-menu--about { min-width: 78rem; } } .mega-menu__sub-title { color: #fff; margin: 0 0 2rem 0; } .mega-menu__sub-title a { color: inherit; } .mega-menu__sub-title a:hover { color: #fff; } .mega-menu__sub-head { background: #004289; padding: 1.5rem 5%; display: flex; align-items: center; } .mega-menu__sub-head a { color: #fff; font-size: 2rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; font-family: "kingspan-font-brown", sans-serif; } .mega-menu__sub-head a:hover { color: #c19a5e; } .mega-menu__back-icon { width: 30px; height: 30px; display: flex; justify-content: center; margin: -0.3rem 0.5rem 0 0; align-items: center; } .mega-menu__sub-items { list-style: none; display: block; } @media (min-width: 1180px) { .mega-menu__sub-items { padding-right: 0%; -moz-columns: 1; columns: 1; } } .mega-menu__sub-items li { padding: 2rem 5%; border-bottom: 2px solid #DADADA; } @media (min-width: 1180px) { .mega-menu__sub-items li { margin: 0 3.5rem 2rem 0; padding: 0; border: 0; } } .mega-menu__sub-items li a { color: #2d3539; transition: all 0.2s ease; font-size: 1.6rem; font-weight: 400; letter-spacing: 0px; } .mega-menu__sub-items li a:hover { color: #c19a5e; } @media (min-width: 1180px) { .mega-menu__sub-items li a { color: #fff; } } .mega-menu__sub-items li:hover .mega-menu__thumb-wrap { display: block; } .mega-menu__thumb-wrap { position: absolute; right: 0; top: 0; width: 31%; height: 100%; display: none; overflow: hidden; } .responsive-toggle { width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (min-width: 1180px) { .responsive-toggle { display: none; } } .responsive-toggle span { width: 2.7rem; height: 0.15rem; background: #004289; margin: 0 0 0.65rem; display: block; transition: all 0.2s ease; } .responsive-toggle span:last-of-type { margin: 0; } .responsive-toggle.is-active span:nth-of-type(2), .builder-entry-slider .swiper-slide-active .responsive-toggle.entry-slide span:nth-of-type(2) { opacity: 0; } .responsive-toggle.is-active span:nth-of-type(1), .builder-entry-slider .swiper-slide-active .responsive-toggle.entry-slide span:nth-of-type(1) { transform: rotate(45deg); } .responsive-toggle.is-active span:nth-of-type(3), .builder-entry-slider .swiper-slide-active .responsive-toggle.entry-slide span:nth-of-type(3) { transform: rotate(-45deg); margin-top: -1.58rem; } .responsive-menu { position: fixed; bottom: 0; left: 0; width: 0; width: 100%; z-index: 100; background: #fff; opacity: 0; visibility: hidden; transition: all 0.2s ease; border-top: 1px solid #DADADA; height: calc(100% - 6rem); } @media (min-width: 768px) { .responsive-menu { height: calc(100% - 8rem); } } @media (min-width: 1180px) { .responsive-menu { display: none; } } .responsive-menu.is-active, .builder-entry-slider .swiper-slide-active .responsive-menu.entry-slide { opacity: 1; visibility: visible; }