@import url(https://fonts.googleapis.com/css?family=Oswald:200&display=swap);
[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)}
@charset "UTF-8";
*, ::before, ::after{
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/*styles applicable across site*/
@supports (padding: 0px) {
body, header, footer {
padding-left: min(0vmin, env(safe-area-inset-left));
padding-right: min(0vmin, env(safe-area-inset-right));
}
}
* {
outline: none;
-webkit-tap-highlight-color: transparent;
}
input,
textarea,
select,
button {
transition: all 0.1s;
}
input[type=range]::-moz-range-thumb {
border: 0 !important;
outline: 0 !important;
}
.rnb_body {
margin: 0;
width: 100%;
height: auto;
overflow-x: hidden;
}
/* recommended css code for vue-svgicon */
.svg-icon {
display: inline-block;
width: 16px;
height: 16px;
color: inherit;
vertical-align: middle;
fill: none;
stroke: currentColor;
}
.svg-fill {
fill: currentColor;
stroke: none;
}
.svg-up {
/* default */
transform: rotate(0deg);
}
.svg-right {
transform: rotate(90deg);
}
.svg-down {
transform: rotate(180deg);
}
.svg-left {
transform: rotate(-90deg);
}
/*links*/
.rnb_a,
.rnb_button,
.hooper-navigation button,
.rnb_a *,
.rnb_button *,
.hooper-navigation button * {
text-decoration: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
cursor: pointer !important;
transition: all 0.1s ease;
border: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.rnb_a:visited {
text-decoration: none !important;
}
.rnb_input {
max-width: 441px;
width: 100%;
border: none;
padding: 16px !important;
line-height: 16px !important;
border-radius: 0;
}
.rnb_input:focus {
background-color: #fafafa !important;
}
.rnb_input::-moz-placeholder {
color: #999999 !important;
opacity: 1;
font-size: 16px !important;
}
.rnb_input:-ms-input-placeholder {
color: #999999 !important;
opacity: 1;
font-size: 16px !important;
}
.rnb_input::placeholder {
color: #999999 !important;
opacity: 1;
font-size: 16px !important;
}
.rnb_input:focus {
background-color: #fafafa !important;
}
.rnb_textarea {
resize: none;
}
.rnb_search_input_container {
width: 100%;
max-width: 473px;
position: relative;
}
.rnb_input_arrow {
position: absolute;
cursor: pointer;
top: 22.5px;
right: 25px;
transition: all 0.1s ease;
}
.rnb_input_arrow_rotate {
transform: rotate(180deg);
}
.rnb_input_results {
width: calc(100% - 8px);
position: absolute;
z-index: 999;
top: 48px;
max-height: 300px;
overflow-y: auto;
}
.rnb_input_results_item {
padding: 16px;
}
.rnb_input_results_item:hover {
background-color: #1345AC1A;
}
.rnb_input_no_results:hover {
background-color: transparent !important;
}
.rnb_search_input_container .rnb_input, .rnb_input_results .rnb_p_lb {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
/*default font for text arial*/
.rnb_h1,
.rnb_h2,
.rnb_h3,
.rnb_h4,
.rnb_h5,
.rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after,
.rnb_pricing_cost .rnb_h1:before,
.rnb_h6,
.rnb_h7,
.rnb_p_lb,
.rnb_p_pb,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after,
div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after,
.rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before,
.rnb_p_sb,
.rnb_40x_text {
font-family: Arial;
margin: 0;
padding: 0;
}
/*default font-weight for headings bold*/
.rnb_h1,
.rnb_h2,
.rnb_h3,
.rnb_h4,
.rnb_h5,
.rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after,
.rnb_pricing_cost .rnb_h1:before,
.rnb_h6,
.rnb_h7,
.rnb_40x_text {
font-weight: bold;
}
/*font dimensions for h1-h7*/
.rnb_h1 {
font-size: 72px;
line-height: 108px;
}
.rnb_h2 {
font-size: 48px;
line-height: 72px;
}
.rnb_h3 {
font-size: 32px;
line-height: 50px;
}
.rnb_h4 {
font-size: 24px;
line-height: 38px;
}
.rnb_h5, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_cost .rnb_h1:before {
font-size: 20px;
line-height: 32px;
}
.rnb_h6 {
font-size: 16px;
line-height: 24px;
}
.rnb_h7 {
font-size: 14px;
line-height: 22px;
}
/*font dimensions for large-body - small-body text*/
.rnb_p_lb {
font-size: 16px;
line-height: 28px;
}
.rnb_p_pb, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before {
font-size: 14px;
line-height: 22px;
}
.rnb_p_sb {
font-size: 12px;
line-height: 18px;
}
/*font dimensions for 403/404 error text*/
.rnb_40x_text {
font-size: 190px;
line-height: 212px;
}
/*class for oswald-light text*/
.rnb_text_oswald {
font-family: "Oswald" !important;
font-weight: 100 !important;
}
/*colour options for text*/
.rnb_text_blue, .rnb_border_button .rnb_rectangle_button, .rnb_border_button .rnb_rounded_button, .rnb_white_button .rnb_rectangle_button, .rnb_white_button .rnb_rounded_button {
color: #1345ac;
}
.rnb_text_navy {
color: #04042a;
}
.rnb_text_darker_grey {
color: #202020;
}
.rnb_text_dark_grey, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after {
color: #999999;
}
.rnb_text_red {
color: #ef6966;
}
.rnb_text_green {
color: #76dc7c;
}
/*background colours used throughout site*/
.rnb_bg_blue, .rnb_blue_button .rnb_rectangle_button, .rnb_blue_button .rnb_rounded_button, .rnb_music_distribution_slider_option_bar:before, .rnb_underline_blue:after {
background-color: #1345ac;
}
.rnb_bg_light_blue {
background-color: #1b5de414;
}
.rnb_bg_light_blue_hover:hover, .rnb_rounded_button:hover {
background-color: #1b5de440;
}
.rnb_bg_green, .rnb_green_button .rnb_rectangle_button, .rnb_green_button .rnb_rounded_button, .rnb_underline_green_hover:hover:after,
.rnb_underline_green_hover:active:after,
.rnb_underline_green_hover:focus:after,
.rnb_underline_green:after {
background-color: #76dc7c;
}
.rnb_bg_navy, .rnb_navy_button .rnb_rectangle_button, .rnb_navy_button .rnb_rounded_button {
background-color: #04042a;
}
.rnb_bg_indigo {
background-color: #141e6a;
}
.rnb_bg_ruby, .rnb_underline_ruby:after {
background-color: #ce027c;
}
.rnb_bg_violet {
background-color: #5309c3;
}
.rnb_bg_darkest_grey {
background-color: #1c1c1c;
}
.rnb_bg_darker_grey {
background-color: #202020;
}
.rnb_bg_dark_grey {
background-color: #999999;
}
.rnb_bg_grey {
background-color: #f5f5f5;
}
.rnb_bg_light_grey {
background-color: #fafafa;
}
.rnb_bg_lighter_grey {
background-color: #fafbfc;
}
.rnb_bg_orange {
background-color: #fda400;
}
.rnb_bg_red {
background-color: #ef6966;
}
.rnb_bg_light_green {
background-color: #def9e3;
}
.rnb_bg_light_red {
background-color: #ffe0df;
}
/*element borders*/
.rnb_border_blue, .rnb_border_button .rnb_rectangle_button, .rnb_border_button .rnb_rounded_button {
border: 2px solid #1345ac !important;
}
.rnb_border_blue_darken:active {
border: 2px solid #0f378a !important;
}
.rnb_border_white {
border: 2px solid #fff !important;
}
.rnb_border_red {
border: 1px solid #ef6966 !important;
}
.rnb_border_green {
border: 1px solid #76dc7c !important;
}
.rnb_divider_line {
border-top: 1px solid #e8e8e8 !important;
height: 0px;
}
/*animations and special conditions for buttons*/
.rnb_move_up,
.rnb_move_up * {
display: inline-table !important;
}
.rnb_move_up:hover,
.rnb_move_up:active {
margin-top: -5px;
margin-bottom: 5px;
}
.rnb_vue_darken,
.rnb_darken:hover,
.rnb_navy_button .rnb_rectangle_button:hover,
.rnb_navy_button .rnb_rounded_button:hover,
.rnb_header_error .rnb_h6:hover,
.rnb_darken:active,
.rnb_navy_button .rnb_rectangle_button:active,
.rnb_navy_button .rnb_rounded_button:active,
.rnb_header_error .rnb_h6:active {
filter: brightness(90%);
-webkit-filter: brightness(90%);
}
.rnb_vue_text_blue_darken,
.rnb_text_blue_darken:active,
.rnb_white_button .rnb_rectangle_button:active,
.rnb_white_button .rnb_rounded_button:active,
.rnb_text_blue_darken:focus,
.rnb_white_button .rnb_rectangle_button:focus,
.rnb_white_button .rnb_rounded_button:focus {
color: #0f378a;
}
.rnb_darken_bg_blue:active, .rnb_blue_button .rnb_rectangle_button:active, .rnb_rounded_button:active {
background-color: #0f378a;
}
.rnb_darken_bg_green:active, .rnb_green_button .rnb_rectangle_button:active, .rnb_green_button .rnb_rounded_button:active {
background-color: #5eb063;
}
.rnb_vue_fade,
.rnb_fade:active,
.rnb_fade:focus,
.rnb_logo_fade:hover {
opacity: 0.9;
}
.rnb_input_error,
.rnb_input_success {
opacity: 0.5;
}
.rnb_disabled {
opacity: 0.5;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*pseudo-element setup*/
.rnb_underline {
position: relative;
display: inline-block;
z-index: 1;
}
.rnb_underline:after {
content: "";
display: block;
height: 22.2222%;
min-height: 7px;
border-radius: 999px;
position: absolute;
top: 61.65%;
right: 2%;
left: 2%;
transition: all 0.1s ease;
z-index: -1;
}
.rnb_h7 .rnb_underline:after,
.rnb_h7.rnb_underline:after,
.rnb_h6 .rnb_underline:after,
.rnb_h6.rnb_underline:after {
top: 50%;
right: 1%;
left: 1%;
opacity: 0.5;
}
.rnb_underline_green_hover:before,
.rnb_underline_green_hover:after {
display: none;
transition: all 0.1s ease;
}
.rnb_underline_green_hover:hover:after,
.rnb_underline_green_hover:active:after,
.rnb_underline_green_hover:focus:after,
.rnb_underline_green:after {
display: block;
opacity: 0.5;
}
.rnb_underline_blue:after {
opacity: 0.9;
}
.rnb_underline_ruby:after {
opacity: 0.6;
}
/*top margins*/
.rnb_margin_top_xs {
margin-top: 10px;
}
.rnb_margin_top_sm {
margin-top: 20px;
}
.rnb_margin_top_md {
margin-top: 40px;
}
.rnb_margin_top_lg {
margin-top: 80px;
}
.rnb_margin_top_xl {
margin-top: 100px;
}
.rnb_social_list {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rnb_social {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: #FFFFFF1A;
margin-left: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.rnb_social:first-child {
margin-left: 0;
}
.rnb_social:hover {
background-color: #FFFFFF80;
}
.rnb_social .rnb_a {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
}
.rnb_social_color {
width: 40px !important;
height: 40px !important;
margin-left: 20px;
}
.rnb_social_color.rnb_social_twitter:hover .rnb_a,
.rnb_social_color.rnb_social_facebook:hover .rnb_a {
filter: brightness(1.2);
}
.rnb_social_color.rnb_social_instagram:hover .rnb_a {
filter: brightness(1.1);
}
.rnb_social_color.rnb_social_youtube:hover .rnb_a {
filter: brightness(1.5);
}
.rnb_social_color.rnb_social_twitter:active .rnb_a, .rnb_social_color.rnb_social_twitter:focus .rnb_a,
.rnb_social_color.rnb_social_facebook:active .rnb_a, .rnb_social_color.rnb_social_facebook:focus .rnb_a {
filter: brightness(1.3);
}
.rnb_social_color.rnb_social_instagram:active .rnb_a,
.rnb_social_color.rnb_social_instagram:focus .rnb_a {
filter: brightness(1.2);
}
.rnb_social_color.rnb_social_youtube:active .rnb_a, .rnb_social_color.rnb_social_youtube:focus .rnb_a {
filter: brightness(1.3);
}
/*media queries*/
@media (max-width: 1599px) {
.rnb_section {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.rnb_search_input_container .rnb_input_arrow {
top: 18px;
right: 21px;
}
.rnb_input_results {
top: 42px;
}
/*font dimensions for h1-h7*/
.rnb_h1 {
font-size: 48px;
line-height: 72px;
}
.rnb_h2 {
font-size: 32px;
line-height: 50px;
}
.rnb_h3 {
font-size: 24px;
line-height: 38px;
}
.rnb_h4 {
font-size: 20px;
line-height: 32px;
}
.rnb_h5, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_cost .rnb_h1:before {
font-size: 16px;
line-height: 24px;
}
.rnb_h6 {
font-size: 14px;
line-height: 22px;
}
.rnb_h7 {
font-size: 12px;
line-height: 18px;
}
/*font dimensions for large-body - small-body text*/
.rnb_p_lb {
font-size: 14px;
line-height: 22px;
}
.rnb_p_pb, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before {
font-size: 12px;
line-height: 18px;
}
.rnb_p_sb {
font-size: 10px;
line-height: 11px;
}
.rnb_40x_text {
font-size: 150px;
line-height: 120px;
}
.rnb_margin_top_sm {
margin-top: 10px;
}
.rnb_margin_top_md {
margin-top: 20px;
}
.rnb_margin_top_lg {
margin-top: 40px;
}
.rnb_margin_top_xl {
margin-top: 80px;
}
.rnb_input {
padding: 13px 16px !important;
}
}
@media (max-width: 539px) {
.rnb_40x_text {
font-size: 111px;
line-height: 85px;
}
.rnb_error_lg {
position: absolute;
visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.rnb_error_sm {
display: none;
position: static;
visibility: visible;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
pointer-events: auto;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_h1 {
font-size: 48px;
line-height: 72px;
}
.rnb_h2 {
font-size: 32px;
line-height: 50px;
}
.rnb_h3 {
font-size: 24px;
line-height: 38px;
}
.rnb_h4 {
font-size: 20px;
line-height: 32px;
}
.rnb_h5, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_cost .rnb_h1:before {
font-size: 16px;
line-height: 24px;
}
.rnb_h6 {
font-size: 14px;
line-height: 22px;
}
.rnb_h7 {
font-size: 12px;
line-height: 18px;
}
/*font dimensions for large-body - small-body text*/
.rnb_p_lb {
font-size: 14px;
line-height: 22px;
}
.rnb_p_pb, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before {
font-size: 12px;
line-height: 18px;
}
.rnb_p_sb {
font-size: 10px;
line-height: 11px;
}
.rnb_40x_text {
font-size: 150px;
line-height: 120px;
}
.rnb_margin_top_sm {
margin-top: 10px;
}
.rnb_margin_top_md {
margin-top: 20px;
}
.rnb_margin_top_lg {
margin-top: 40px;
}
.rnb_margin_top_xl {
margin-top: 80px;
}
}
#rnb_pagenotfound {
z-index: 1;
min-height: 963px;
}
.rnb_guitar {
width: 200px;
}
.rnb_pagenotfound_dashed_line {
z-index: -1;
top: -5%;
}
@media (max-height: 991px) {
.rnb_pagenotfound_dashed_line {
display: none;
}
}
@media (max-width: 1199px) {
#rnb_pagenotfound {
width: calc(100% - 40px);
height: calc(100vh - 100px);
min-height: 1063px;
}
.rnb_pagenotfound_dashed_line {
height: 175% !important;
}
}
@media (max-width: 991px) {
.rnb_pagenotfound_dashed_line {
display: none;
}
}
@media (max-width: 767px) {
#rnb_pagenotfound {
min-height: 563px;
}
.rnb_guitar {
width: 125px;
}
.rnb_guitar svg {
width: 303px !important;
}
}
@media (max-width: 539px) {
#rnb_pagenotfound {
min-height: 669px;
}
.rnb_guitar {
width: 90px;
}
.rnb_guitar svg {
width: 193px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
#rnb_pagenotfound {
min-height: 763px;
}
.rnb_guitar {
width: 125px;
}
.rnb_guitar svg {
width: 303px !important;
}
}
@media (max-width: 1199px) and (orientation: landscape) {
.rnb_pagenotfound_dashed_line {
height: 185% !important;
}
}
/*section 1 - banner*/
#rnb_contact_banner {
background-image: linear-gradient(131deg, #000FF699 0%, #FD585899 43%, #C67D6D99 79%, #3315FF99 100%), url("./_assets/contact/contact-hero.jpg"), url("./_assets/contact/contact-lights-hero.png");
background-size: cover;
background-position: center left;
}
.rnb_contact_banner_inner {
max-width: 1411px;
width: 100%;
padding-bottom: 114px;
}
.rnb_contact_banner_inner .rnb_h1 {
max-width: 769px;
}
.rnb_contact_banner_inner .rnb_p_lb {
max-width: 846px;
}
/*section 2 - contact info*/
#rnb_contact_info {
background-image: url("./_assets/contact/contact-google-maps-routenote.png");
height: 1638px;
background-size: cover;
background-position: 50% bottom;
}
.rnb_contact_info_inner {
max-width: 1267px;
box-shadow: 5px 18px 52px 19px rgba(63, 92, 151, 0.13);
z-index: 1;
transform: translateY(-54px);
}
.rnb_contact_info_drop_message {
padding: 80px 130px;
width: 473px;
}
.rnb_contact_info_drop_message .rnb_input_results {
width: 100% !important;
}
.rnb_contact_info_drop_message .rnb_input_results_item {
width: calc(100% - 56px) !important;
}
.rnb_contact_info_drop_message .rnb_textarea {
height: 216px;
}
.rnb_contact_info_submitted {
height: 1084px;
}
.rnb_contact_info_submitted div svg {
margin-right: 10px;
transform: rotate(180deg);
}
.rnb_contact_info_submitted div:hover svg {
transform: rotate(180deg) translateX(5px);
}
.rnb_contact_info_submitted .rnb_p_lb {
width: 412px;
}
.rnb_contact_info_links {
padding: 80px 120px;
width: 297px;
}
.rnb_contact_info_open_status {
border-radius: 15px;
width: 100px;
padding: 3px 0px;
}
.rnb_contact_map_link .rnb_contact_location {
display: none;
}
.rnb_contact_location {
margin-top: 180px;
}
.rnb_contact_location_offset {
width: 287px;
height: 100%;
margin-right: 108px;
}
.rnb_contact_address {
z-index: 999px;
margin-left: 108px;
padding: 40px;
box-shadow: -1px 12px 21px 6px rgba(63, 92, 151, 0.08);
}
.rnb_contact_heading .rnb_p_lb {
margin-left: 20px;
}
.rnb_contact_heading .rnb_h5, .rnb_contact_heading .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_contact_heading .rnb_h1:after, .rnb_contact_heading .rnb_pricing_cost .rnb_h1:before, .rnb_pricing_cost .rnb_contact_heading .rnb_h1:before {
margin-left: 16px;
}
.rnb_contact_address .rnb_p_lb {
margin-left: 37px;
}
@media (min-width: 2366px) {
.rnb_contact_location {
margin-top: 40px;
}
}
@media (max-width: 2365px) {
.rnb_contact_location {
margin-top: 100px;
}
}
@media (max-width: 1253px) {
.rnb_contact_info_drop_message {
padding: 80px 50px;
}
.rnb_contact_info_links {
padding: 80px 60px;
}
}
@media (max-width: 991px) {
#rnb_contact_info {
background-image: unset;
height: auto !important;
}
.rnb_contact_info_inner {
flex-direction: column !important;
align-items: center !important;
}
.rnb_contact_info_drop_message {
width: 100%;
max-width: 673px;
align-items: center !important;
padding: 80px 20px;
}
.rnb_contact_info_submitted {
height: 1056px;
}
.rnb_contact_info_links {
width: calc(100% - 40px);
padding: 80px 20px;
}
.rnb_contact_info_form {
justify-content: center !important;
}
.rnb_contact_info_drop_message .rnb_h3 {
text-align: center;
}
.rnb_contact_map_link {
width: calc(100% + 40px) !important;
background-image: url("./_assets/contact/contact-google-maps-routenote.png");
background-size: 1000px;
background-position: 50% bottom;
position: static !important;
height: 500px !important;
bottom: 0;
}
.rnb_contact_map_link .rnb_contact_location {
display: flex !important;
justify-content: center !important;
margin-top: 201px;
}
.rnb_contact_location {
display: none !important;
}
.rnb_contact_address {
margin-left: 35px;
}
.rnb_contact_location_offset {
margin-right: 35px;
}
.rnb_contact_info_drop_message .rnb_input.rnb_input_results_item {
padding-right: 20px !important;
}
}
@media (max-width: 767px) {
.rnb_contact_banner_inner {
padding-bottom: 80px;
}
.rnb_contact_info_drop_message {
width: calc(100% - 40px);
max-width: 500px;
padding: 40px 20px;
}
.rnb_contact_info_drop_message .rnb_input {
width: calc(100% - 31px);
}
.rnb_contact_info_drop_message .rnb_search_input_container > .rnb_input:first-child {
width: calc(100% - 56px) !important;
max-width: 417px;
}
.rnb_contact_info_drop_message .rnb_search_input_container .rnb_input_results {
width: 100% !important;
}
.rnb_contact_info_drop_message .rnb_search_input_container .rnb_input_results .rnb_input_results_item {
width: calc(100% - 36px);
}
.rnb_contact_info_submitted {
height: 788px;
}
.rnb_contact_info_links {
width: calc(100% - 40px);
padding: 40px 20px;
}
#rnb_contact_info {
height: 1781px;
}
.rnb_contact_map_link .rnb_contact_location {
margin-top: 260px;
}
.rnb_contact_location_offset {
width: 226px;
margin-right: 0px;
}
.rnb_contact_map_link .rnb_contact_location svg {
width: 40px !important;
height: 40px !important;
}
.rnb_contact_address {
padding: 20px;
margin-left: 0px;
}
.rnb_contact_address .rnb_contact_heading svg {
width: 24px !important;
height: 24px !important;
}
}
@media (max-width: 539px) {
.rnb_contact_info_drop_message .rnb_search_input_container .rnb_input_results {
width: 100% !important;
}
.rnb_contact_map_link .rnb_contact_location {
margin-top: 100px;
flex-direction: column-reverse !important;
align-items: center !important;
}
.rnb_contact_location_offset {
display: none;
}
}
/*universal header components*/
[v-cloak],
[x-cloak] {
display: none;
}
/*hides header until it's finished loading*/
header .rnb_h6,
header .rnb_h6 span {
transition: unset;
}
#rnb_header {
position: fixed;
width: 100%;
z-index: 9999;
}
.rnb_header_error .rnb_h6 {
color: #1345ac !important;
}
.rnb_header_error .rnb_a .rnb_rectangle_button, .rnb_header_error .rnb_a .rnb_rounded_button {
color: #fff !important;
}
.rnb_header_box_shadow {
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.rnb_header_inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: 0 60px;
padding: 0;
}
.rnb_header_logo {
width: 215.8px;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.rnb_header_menu_button {
display: none;
}
.rnb_header_list_container {
display: none;
}
.rnb_header_ul {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
margin: 0;
}
.rnb_header_separator {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 20px;
margin-top: 10px;
}
.rnb_header_li {
list-style-type: none;
display: flex;
flex-direction: row;
align-items: center;
padding: 27px 0;
margin: 0 20px;
flex-shrink: 0;
position: relative;
z-index: 1;
}
.rnb_header_ul:nth-child(4) .rnb_header_li {
margin: 0 10px;
}
.rnb_header_ul div:first-child .rnb_header_li {
margin-left: 0;
}
.rnb_header_ul div:last-child .rnb_header_li {
margin-right: 0;
}
.rnb_header_login_ul .rnb_header_li {
padding: 0;
}
.rnb_header_services {
display: flex;
flex-direction: row;
align-items: center;
}
.rnb_header_li_arrow {
margin-left: 10px;
}
.rnb_header_arrow_toggle {
transform: rotate(180deg);
}
.rnb_header_li .rnb_a {
padding: 13px 0;
}
.rnb_header_services_li .rnb_a {
width: 236px;
padding: 20px 0;
position: relative;
border-top: 1px solid #f1f1f1 !important;
}
.rnb_header_services_li:first-child .rnb_a {
border-top: 0 !important;
}
.rnb_header_services_li:last-child {
position: relative;
}
.rnb_header_services_li .rnb_h6 {
position: relative;
}
#rnb_header_music_dropdown {
position: absolute;
top: 0;
right: -276px;
}
@media (max-width: 1206px) {
.rnb_header_li {
margin: 0 19px;
}
}
@media (max-width: 1199px) {
#rnb_header {
width: unset;
min-height: 40px;
position: static;
display: block;
padding: 20px;
background-color: #04042a;
}
.rnb_header_error {
width: calc(100% - 40px) !important;
position: relative !important;
background-color: #fff !important;
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
}
#rnb_header.rnb_header_error .rnb_p_pb, #rnb_header.rnb_header_error .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell #rnb_header.rnb_header_error .rnb_h3.rnb_text_oswald:after, #rnb_header.rnb_header_error div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) #rnb_header.rnb_header_error .rnb_h3.rnb_text_oswald:after, #rnb_header.rnb_header_error .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner #rnb_header.rnb_header_error .rnb_h3.rnb_text_oswald:before,
#rnb_header.rnb_header_error .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner #rnb_header.rnb_header_error .rnb_h3.rnb_text_oswald:before, #rnb_header.rnb_header_error .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner #rnb_header.rnb_header_error .rnb_h3.rnb_text_oswald:before {
color: #202020;
}
#rnb_header.rnb_header_error .rnb_dropdown_border {
border-top: 1px solid #1345ac !important;
}
#rnb_header .rnb_text_blue, #rnb_header .rnb_border_button .rnb_rectangle_button, .rnb_border_button #rnb_header .rnb_rectangle_button, #rnb_header .rnb_border_button .rnb_rounded_button, .rnb_border_button #rnb_header .rnb_rounded_button, #rnb_header .rnb_white_button .rnb_rectangle_button, .rnb_white_button #rnb_header .rnb_rectangle_button, #rnb_header .rnb_white_button .rnb_rounded_button, .rnb_white_button #rnb_header .rnb_rounded_button {
color: #fff;
}
.rnb_header_services_arrow_blue {
background-image: url("./_assets/icons/header-arrow-white.svg");
}
.rnb_header_inner {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin: 0;
position: relative;
padding: 0;
}
.rnb_top_bar {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 60px;
}
.rnb_header_logo .rnb_a:hover {
opacity: 0.9;
}
.rnb_header_logo_white {
display: block !important;
width: 50px;
height: 50px;
}
.rnb_header_logo_blue {
display: none !important;
}
.rnb_header_menu_button {
padding: 0;
margin: 0;
display: block;
width: 22px;
height: 22px;
background-color: transparent;
}
.rnb_header_inner > .rnb_header_ul {
display: none;
}
.rnb_header_list_container {
display: block;
width: 100%;
transition: none;
margin-top: 20px;
}
.rnb_header_list_container_inner {
display: flex;
flex-direction: column;
}
.rnb_header_ul {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
}
.rnb_header_ul:last-child {
flex-direction: row;
width: 100%;
}
.rnb_header_ul:first-child .rnb_header_li:nth-child(2) {
flex-direction: column;
align-items: flex-start;
margin: 0;
flex-shrink: 0;
position: relative;
}
.rnb_header_li {
margin: 0;
padding: 0;
}
}
@media (max-width: 767px) {
.rnb_top_bar {
height: 40px;
}
.rnb_header_logo_white {
width: 40px;
height: 40px;
}
.rnb_header_menu_button {
top: 9px;
}
}
@media (max-width: 539px) {
.rnb_header_ul:last-child {
justify-content: space-around;
align-items: center;
}
.rnb_header_ul:last-child .rnb_header_li:first-child {
width: 50%;
justify-content: center;
}
.rnb_header_ul:last-child .rnb_a {
position: relative;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_header_services_li .rnb_a {
padding: 10px 0;
}
.rnb_header_services_li:last-child .rnb_a {
padding-top: 0px;
}
}
@media screen and (max-width: 768px) {
.rnb_header_logo {
width: 40px;
height: 40px;
}
.rnb_header_logo a,
.rnb_header_logo a svg {
width: 100% !important;
height: 100% !important;
}
}
#rnb_sign_up_header {
position: fixed;
top: 0;
z-index: 9999;
padding: 20px 60px;
width: calc(100% - 120px) !important;
}
.rnb_sign_up_header_inner {
padding: 0;
}
.rnb_sign_up_header_logo_blue, .rnb_sign_up_button {
display: none;
}
.rnb_sign_up_button .rnb_p_lb {
margin-right: 20px;
}
@media (max-width: 1199px) {
#rnb_sign_up_header {
padding: 20px;
position: relative !important;
background-color: #fff !important;
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
width: calc(100% - 40px) !important;
}
.rnb_sign_up_header_logo_white {
display: none;
}
.rnb_sign_up_header_logo_blue {
display: block;
}
.rnb_sign_up_button {
display: flex;
}
}
@media (max-width: 767px) {
.rnb_sign_up_header_logo_blue {
width: 40px !important;
height: 40px !important;
}
}
@media (max-width: 539px) {
.rnb_sign_up_header_inner .rnb_p_lb {
display: none;
}
}
#rnb_user_header {
position: fixed;
width: 100%;
z-index: 9999;
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.rnb_user_header_inner {
min-width: 1480px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: 0 60px;
padding: 0;
}
.rnb_user_header_logo {
width: 272.98px;
}
.rnb_user_header_ul {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
margin: 0;
}
.rnb_user_header_li {
height: 104px;
list-style-type: none;
display: flex;
flex-direction: row;
align-items: center;
margin: 0px 20px 0px 0px;
flex-shrink: 0;
position: relative;
z-index: 1;
}
.rnb_user_header_ul:nth-child(4) .rnb_user_header_li {
margin: 0 10px;
}
.rnb_user_header_ul .rnb_user_header_li:first-child {
margin-left: 0;
}
.rnb_user_header_ul .rnb_user_header_li:last-child {
margin-right: 0;
}
.rnb_user_header_arrow {
margin-left: 10px;
}
.rnb_user_header_arrow_toggle {
transform: rotate(180deg);
}
.rnb_user_header_get_started {
border: 0 !important;
}
.rnb_user_header_li .rnb_a {
padding: 13px 0;
}
#rnb_user_header_my_account .rnb_a {
padding: 13px 33px;
}
.rnb_user_header_get_started .rnb_a {
padding: 13px 33px;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.rnb_user_header_account_buddy {
margin-right: 10px;
}
#rnb_user_header_my_account .rnb_user_header_get_started:hover, .rnb_user_header_my_account_pressed {
background-color: #0F378A;
}
.rnb_user_header_dropdown {
display: none;
padding: 0;
width: 276px;
position: absolute;
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
}
#rnb_user_header_distribution .rnb_user_header_dropdown,
#rnb_user_header_youtube .rnb_user_header_dropdown,
#rnb_user_header_artist_services .rnb_user_header_dropdown,
#rnb_user_header_sales_reports .rnb_user_header_dropdown,
#rnb_user_header_community_support .rnb_user_header_dropdown,
#rnb_user_header_my_account .rnb_user_header_dropdown {
top: 75px;
}
.rnb_user_dropdown_li {
list-style-type: none;
display: flex;
flex-direction: row;
align-items: center;
margin: 0 20px;
flex-shrink: 0;
position: relative;
z-index: 1;
margin: 0 !important;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.rnb_user_dropdown_li:hover {
background-color: #1345ac1a;
}
.rnb_user_header_dropdown .rnb_user_dropdown_li:first-child .rnb_a {
border-top: 0 !important;
}
.rnb_user_dropdown_li .rnb_a {
border-top: 1px solid #F1F1F1 !important;
padding: 20px 0;
}
.rnb_user_dropdown_li .rnb_h6 {
width: 100%;
pointer-events: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
}
.rnb_user_header_dropdown_arrow {
display: block;
width: 12px;
height: 7px;
background-image: url("./_assets/icons/header-arrow-blue.svg");
background-size: cover;
background-position: center;
transform: rotate(270deg);
}
.rnb_user_dropdown_li .rn_p_pb {
margin-top: 5px;
}
#rnb_user_header_tools_dropdown {
top: 0px !important;
left: 276px;
}
.rnb_header_dropdown {
padding: 0;
width: 276px;
position: absolute;
top: 104px;
box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.rnb_dropdown_li {
list-style-type: none;
display: flex;
flex-direction: row;
align-items: center;
margin: 0 20px;
flex-shrink: 0;
position: relative;
z-index: 1;
margin: 0 !important;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.rnb_dropdown_li_hover {
background-color: #1345ac1a;
}
.rnb_dropdown_li .rnb_a {
padding: 20px 0;
}
.rnb_dropdown_border {
border-top: 1px solid #F1F1F1 !important;
}
.rnb_dropdown_li .rnb_h6 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
}
.rnb_header_dropdown_arrow {
display: block;
transform: rotate(270deg);
transition: all 0.1s ease !important;
}
.rnb_header_dropdown_arrow_sm {
display: none;
}
.rnb_header_dropdown_arrow_right {
transform: rotate(270deg) translateY(5px);
}
/*insert custom underlines here*/
.rnb_dropdown_li .rn_p_pb {
margin-top: 5px;
}
.rnb_header_nested_dropdown {
top: 0px !important;
left: 276px;
}
@media (max-width: 1199px) {
.rnb_header_dropdown_queries {
width: 100%;
}
.rnb_header_dropdown_queries .rnb_header_dropdown {
padding: 0;
width: 100%;
position: static;
top: 0;
box-shadow: none;
background: transparent !important;
}
.rnb_header_dropdown_queries .rnb_header_nested_dropdown {
margin-left: 20px;
width: calc(100% - 20px);
}
.rnb_header_dropdown_queries .rnb_header_li, .rnb_header_dropdown_queries .rnb_header_dropdown_li {
width: 100%;
}
}
.rnb_header_dropdown_queries .rnb_dropdown_li .rnb_a {
width: 100%;
}
@media (max-width: 1199px) {
.rnb_header_dropdown_queries .rnb_dropdown_border {
width: 100%;
border-top: 1px solid #fff !important;
}
.rnb_header_dropdown_queries .rnb_dropdown_li {
padding: 0 0 0 20px;
}
}
.rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h6:first-child {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 1199px) {
.rnb_header_dropdown_queries .rnb_dropdown_li_hover {
background: transparent;
}
.rnb_header_dropdown_queries .rnb_header_dropdown_arrow {
margin-left: 10px;
transform: rotate(0deg);
}
.rnb_header_dropdown_queries .rnb_header_dropdown_arrow_lg_desktop {
display: none;
}
.rnb_header_dropdown_queries .rnb_header_dropdown_arrow_sm {
display: block;
}
.rnb_header_dropdown_queries .rnb_header_dropdown_arrow_right {
transform: rotate(180deg) translateY(0px);
}
.rnb_header_dropdown_queries .rnb_dropdown_li .rnb_p_pb, .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h3.rnb_text_oswald:after, .rnb_header_dropdown_queries .rnb_dropdown_li div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h3.rnb_text_oswald:after, .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h3.rnb_text_oswald:before,
.rnb_header_dropdown_queries .rnb_dropdown_li .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h3.rnb_text_oswald:before, .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_header_dropdown_queries .rnb_dropdown_li .rnb_h3.rnb_text_oswald:before {
color: #fff;
}
}
.rnb_home_signup_inner {
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 0;
}
.rnb_home_signup_inner .rnb_home_button {
padding: 0;
height: unset;
}
@media (max-width: 991px) {
#rnb_home_signup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.rnb_home_signup_inner {
max-width: 713px;
}
}
@media (max-width: 767px) {
.rnb_home_signup_inner {
max-width: 485px;
}
}
#rnb_email {
height: auto;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 100px;
}
.rnb_email_inner, .rnb_email_sent_inner {
max-width: 1232px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.rnb_email_input_container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.rnb_email_input_container .rnb_input {
margin-right: 20px;
}
.rnb_email_input_container .rnb_input,
.rnb_email_input_container .rnb_home_button {
flex-shrink: 0;
}
.rnb_email_input_container .rnb_home_button {
margin-left: 0px;
}
#rnb_email .rnb_p_sb {
width: 617px;
}
.rnb_email_disclaimer_sm {
display: none;
}
.rnb_error_sm {
position: absolute;
visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.rnb_email_sent_inner .rnb_rectangle_button, .rnb_email_sent_inner .rnb_rounded_button {
margin-top: 20px;
}
@media (max-width: 1199px) {
.rnb_email_inner, .rnb_email_sent_inner {
max-width: 937px;
}
}
@media (max-width: 991px) {
.rnb_email_inner, .rnb_email_sent_inner {
max-width: 713px;
}
}
@media (max-width: 767px) {
#rnb_email {
padding-bottom: 80px;
}
.rnb_email_inner, .rnb_email_sent_inner {
max-width: 485px;
}
.rnb_email_input_container .rnb_input {
flex-shrink: unset;
}
#rnb_email .rnb_p_sb {
width: 485px;
}
#rnb_email .rnb_rectangle_button, #rnb_email .rnb_rounded_button {
height: 44px;
}
}
@media (max-width: 539px) {
.rnb_email_input_container {
flex-direction: column;
}
.rnb_email_input_container .rnb_input {
max-width: 100%;
width: -webkit-fill-available;
margin-right: 0;
}
#rnb_email .rnb_p_sb {
transition: unset;
width: 100%;
}
.rnb_error_lg {
position: absolute;
visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.rnb_error_sm {
display: block;
position: static;
visibility: visible;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
pointer-events: auto;
}
.rnb_email_inner .rnb_rectangle_button, .rnb_email_inner .rnb_rounded_button {
margin-top: 20px;
}
#rnb_email .rnb_rectangle_button .rnb_a, #rnb_email .rnb_rounded_button .rnb_a {
padding: 0px 33px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_email_inner, .rnb_email_sent_inner {
max-width: 772px;
}
#rnb_email .rnb_h2 {
width: 485px;
}
#rnb_email .rnb_p_sb {
width: 610px;
}
}
/*universal footer components*/
#rnb_footer {
background-color: #000;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.rnb_footer_inner {
max-width: 1021px;
width: 100%;
}
.rnb_footer_columns {
display: grid;
grid-template-columns: repeat(4, 236px);
grid-gap: 25px;
margin-bottom: 40px;
}
.rnb_footer_column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.rnb_footer_column:first-child {
grid-column: 1;
}
.rnb_footer_column:nth-child(2) {
grid-column: 2;
}
.rnb_footer_column:nth-child(3) {
grid-column: 3;
}
.rnb_footer_column:nth-child(4) {
grid-column: 4;
}
.rnb_footer_bottom {
border-top: 1px solid #D8D8D833;
padding: 20px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rnb_footer_copyright {
display: flex;
flex-direction: row;
align-items: center;
}
.rnb_footer_copyright_logo {
margin-right: 10px;
}
.rnb_footer_copyright_logo_sm {
display: none;
}
.rnb_footer_scroll_top:before {
display: none;
content: none;
}
.rnb_footer_scroll_top {
width: 60px;
height: 60px;
right: 50px;
bottom: 50px;
z-index: 9999;
transform: translateY(0px);
box-shadow: -1px 1px 21px 6px rgba(63, 92, 151, 0.08);
}
.rnb_footer_scroll_top:hover {
transform: translateY(-5px);
}
@media (max-width: 1599px) {
.rnb_footer_scroll_top {
bottom: 100px;
}
}
@media (max-width: 1199px) {
.rnb_footer_columns, .rnb_footer_bottom {
margin-left: 20px;
margin-right: 20px;
}
.rnb_footer_bottom {
margin-top: 0 !important;
}
}
@media (max-width: 991px) {
.rnb_footer_columns {
grid-template-columns: repeat(3, calc(33% - 19px));
grid-template-rows: 536px 326px;
grid-column-gap: 25px;
grid-row-gap: 40px;
}
.rnb_footer_column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.rnb_footer_column:first-child {
grid-column: 1;
}
.rnb_footer_column:nth-child(2) {
grid-column: 2;
}
.rnb_footer_column:nth-child(3) {
grid-column: 3;
}
.rnb_footer_column:nth-child(4) {
grid-column: 1;
grid-row: 2;
}
}
@media (max-width: 767px) {
.rnb_footer_columns {
grid-template-columns: repeat(2, calc(50% - 10px));
grid-column-gap: 20px;
grid-template-rows: auto;
grid-row-gap: 20px;
margin-bottom: 20px;
}
.rnb_footer_column:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.rnb_footer_column:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.rnb_footer_column:nth-child(3) {
grid-column: 1;
grid-row: 2/4;
}
.rnb_footer_column:nth-child(4) {
grid-column: 2;
grid-row: 2/4;
}
.rnb_footer_bottom {
flex-direction: column-reverse;
justify-content: center;
position: relative;
}
.rnb_footer_bottom .rnb_p_sb:not(.rnb_footer_scroll_top) {
margin-top: 10px;
}
.rnb_footer_social_list {
margin-bottom: 10px;
}
.rnb_footer_copyright_logo {
display: none;
margin-right: 5px;
}
.rnb_footer_copyright_logo_sm {
display: block;
}
/* .rnb_footer_scroll_top {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
font-size: 10px;
line-height: 11px;
font-weight: bold;
}
.rnb_footer_scroll_top:hover .rnb_footer_arrow {
transform: translateY(-5px);
}
.rnb_footer_scroll_top:active .rnb_footer_arrow {
transform: translateY(-5px);
filter: brightness(90%);
} */
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_footer_columns {
grid-template-columns: repeat(4, calc(25% - 15px));
grid-template-rows: 378px;
grid-column-gap: 20px;
margin-bottom: 20px;
}
.rnb_footer_column:first-child {
grid-column: 1;
}
.rnb_footer_column:nth-child(2) {
grid-column: 2;
}
.rnb_footer_column:nth-child(3) {
grid-column: 3;
}
.rnb_footer_column:nth-child(4) {
grid-column: 4;
grid-row: 1;
}
.rnb_footer_copyright_logo {
display: none;
margin-right: 5px;
}
.rnb_footer_copyright_logo_sm {
display: block;
}
}
[data-aos=fade-up]:not(.aos-animate) {
visibility: hidden;
}
[data-aos=fade-up].aos-animate {
visibility: visible;
}
.rnb_home_button {
height: 50px;
margin-left: 0;
padding: 0 32px;
border: none !important;
}
/*section 1 - banner*/
#rnb_home_banner {
height: auto;
transition: unset;
position: relative;
}
.rnb_home_banner_bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.rnb_home_banner_gradient {
width: 100%;
height: 100%;
opacity: 0.45;
background-image: linear-gradient(90deg, #162dd5 -6%, #c65149 30%, #601ca5 85%, #3c6ff0 120%);
z-index: 1;
}
.rnb_home_banner_video_container {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: -1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.rnb_home_banner_video {
width: 100%;
min-width: 1494px;
position: absolute;
top: -20%;
min-height: 700px;
}
.rnb_home_banner_content {
margin-top: 114px;
margin-bottom: 168px;
padding: 0 20px;
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.rnb_home_banner_get_started {
margin-left: 0;
padding: 0;
}
/*section 2 - countdown*/
#rnb_home_countdown {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.rnb_home_countdown_inner {
padding: 100px 0;
}
.rnb_home_countdown_inner, .rnb_home_countdown_stats {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.rnb_home_countdown_stats_container {
max-width: 842px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
/*section 3 - how it works*/
#rnb_home_howitworks {
padding-top: 100px;
}
.rnb_home_howitworks_inner {
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_home_howitworks_steps {
max-width: 1021px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.rnb_home_howitworks_steps > div:nth-child(2) {
transition-delay: 0.3s;
}
.rnb_home_howitworks_steps > div:nth-child(3) {
transition-delay: 0.6s;
}
/*section 4 - partners*/
#rnb_home_partners {
padding-top: 100px;
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_home_partners_inner {
max-width: 1021px;
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
position: relative;
padding-bottom: 100px;
}
.rnb_home_partners_text {
width: 540px;
}
.rnb_home_partners_text .rnb_p_lb {
width: 428px;
}
.rnb_home_partners_images {
margin-top: 20px;
position: relative;
left: 20px;
bottom: 48px;
height: 344px;
}
.rnb_home_partners_images * {
transform: scale(0.82010582);
position: absolute;
z-index: 1;
}
.rnb_home_partners_images img:last-child {
z-index: -1;
}
.rnb_home_partners_facebook {
top: 48px;
left: 181px;
}
.rnb_home_partners_soundcloud {
transition-delay: 0.1s;
top: 37px;
left: 537px;
}
.rnb_home_partners_spotify {
transition-delay: 0.2s;
top: 174px;
left: 40px;
}
.rnb_home_partners_applemusic {
transition-delay: 0.3s;
top: 175px;
left: 305px;
}
.rnb_home_partners_youtube {
transition-delay: 0.4s;
top: 179px;
left: 586px;
}
.rnb_home_partners_pandora {
transition-delay: 0.5s;
top: 293px;
left: 181px;
}
.rnb_home_partners_deezer {
transition-delay: 0.6s;
top: 289px;
left: 465px;
}
.rnb_home_partners_images_md, .rnb_home_partners_image_small {
display: none;
}
/*section 6 - pricing*/
#rnb_pricing {
margin: 100px 0;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_pricing_inner {
max-width: 1020px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_pricing_options {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.rnb_pricing_option {
padding: 20px 35px 40px 35px;
width: 250px;
box-shadow: 17px 22px 51px 7px #1345AC0D;
border-top: 33px solid;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
opacity: 0;
}
.rnb_pricing_option_show {
-webkit-animation: pricing_option_slide_up 0.3s ease forwards;
animation: pricing_option_slide_up 0.3s ease forwards;
}
@-webkit-keyframes pricing_option_slide_up {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes pricing_option_slide_up {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
.rnb_pricing_option_hide:nth-child(2), .rnb_pricing_option_show:nth-child(2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.rnb_pricing_option_hide:nth-child(3), .rnb_pricing_option_show:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.rnb_pricing_option_hide {
opacity: 1;
-webkit-animation: pricing_option_slide_down 0.3s ease forwards;
animation: pricing_option_slide_down 0.3s ease forwards;
}
@-webkit-keyframes pricing_option_slide_down {
0% {
transform: translateY(0px);
opacity: 1;
}
100% {
transform: translateY(100px);
opacity: 0;
}
}
@keyframes pricing_option_slide_down {
0% {
transform: translateY(0px);
opacity: 1;
}
100% {
transform: translateY(100px);
opacity: 0;
}
}
.rnb_pricing_guitar, .rnb_pricing_cost {
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_pricing_option * {
padding: 0;
}
.rnb_pricing_cost .rnb_h1 {
position: relative;
letter-spacing: -4px;
}
.rnb_pricing_cost .rnb_h1:before {
content: "$";
position: absolute;
top: 15px;
left: -12px;
}
.rnb_pricing_free {
border-color: #1345ac !important;
}
.rnb_pricing_premium {
border-color: #76dc7c !important;
transition-delay: 0.3s;
}
.rnb_pricing_enterprise {
border-color: #04042A;
transition-delay: 0.6s;
}
.rnb_pricing_list {
margin: 0;
}
.rnb_pricing_list li {
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.rnb_pricing_tick {
margin-right: 20px;
}
.rnb_pricing_free .rnb_pricing_list,
.rnb_pricing_premium .rnb_pricing_list {
list-style: none;
margin: 0;
}
.rnb_pricing_inner .rnb_home_button {
padding: 0 32px;
}
/*section 8 - rn sessions*/
#rnb_home_rn_sessions {
display: flex;
background-color: #141e6a;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
overflow: hidden;
}
.rnb_home_rn_sessions_inner {
width: 100%;
max-width: 1021px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.rnb_home_rn_sessions_inner .rnb_h2 {
max-width: 886px;
width: auto;
}
.rnb_sessions_text,
.rnb_sessions_bottom {
z-index: 1;
}
.rnb_sessions_text {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.rnb_sessions_link_columns {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.rnb_sessions_link_column {
width: 250px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.rnb_sessions_link_column .rnb_a {
z-index: 9999;
}
.rnb_sessions_bg_image {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
display: block;
background-size: cover;
background-repeat: no-repeat;
}
.rnb_a:hover .rnb_sessions_bg_image {
opacity: 1;
z-index: 0;
}
.rnb_sessions_link_columns .rnb_a {
position: static;
}
.rnb_sessions_link_columns .rnb_a span {
z-index: 3;
position: relative;
}
#rnb_home_nanadarby_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-nana-darby.png");
background-position: center;
}
#rnb_home_lukemoss_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-luke-moss.jpg");
background-position: right;
}
#rnb_home_oh_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-oh.jpg");
background-position: left;
}
#rnb_home_tinnedfruit_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-tinnedfruit.png");
background-position: center;
}
#rnb_home_sootsprite_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-soot-sprite.png");
background-position: right;
}
#rnb_home_sambrockington_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-sam-brockington.jpg");
background-position: right;
}
#rnb_home_slightly_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-slightly.png");
background-position: left;
}
#rnb_home_schooldisco_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-school-disco.jpg");
background-position: left;
}
#rnb_home_kingcreature_link .rnb_sessions_bg_image {
background-image: url("./_assets/home/routenote-sessions/routenote-sessions-king-creature.png");
background-position: center;
}
/*media queries*/
@media (max-width: 1599px) {
#rnb_home_partners {
height: auto;
}
.rnb_home_partners_inner {
flex-direction: column;
align-items: center;
}
.rnb_home_partners_text {
width: 977px;
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_home_partners_text * {
text-align: center;
justify-content: center !important;
}
.rnb_home_partners_images {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
top: unset;
left: unset;
right: unset;
bottom: unset;
}
.rnb_home_partners_images_md {
display: block;
}
.rnb_home_partners_images_large {
display: none;
}
.rnb_home_partners_images img:last-child {
position: static;
}
}
@media (max-width: 1199px) {
.rnb_home_banner_video {
top: unset;
}
.rnb_home_banner_content {
max-width: 713px;
margin: 0;
padding-bottom: 100px;
}
#rnb_home_howitworks {
height: auto;
}
.rnb_home_partners_images {
bottom: unset;
left: unset;
}
.rnb_pricing_option {
margin-right: 10px;
}
.rnb_pricing_option:last-child {
margin-right: 0px;
}
}
@media (max-width: 991px) {
.rnb_home_countdown_inner {
max-width: 713px;
}
.rnb_home_howitworks_steps {
flex-direction: column;
align-items: center;
}
.rnb_home_howitworks_steps > div {
margin-top: 20px;
}
.rnb_home_howitworks_steps > div:first-child {
margin-top: 0px;
}
.rnb_home_howitworks_steps > div:nth-child(2) {
transition-delay: 0s;
}
.rnb_home_howitworks_steps > div:nth-child(3) {
transition-delay: 0s;
}
.rnb_home_partners_text {
width: 753px;
}
.rnb_pricing_options {
flex-direction: column;
align-items: center;
}
.rnb_pricing_option_show:nth-child(2), .rnb_pricing_option_show:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.rnb_pricing_inner {
max-width: 713px;
}
.rnb_pricing_options {
max-width: 742px;
width: 100%;
justify-content: space-between;
}
.rnb_pricing_option {
margin-bottom: 40px;
margin-right: 0;
}
.rnb_pricing_option:last-child {
margin-bottom: 0px;
}
.rnb_pricing_premium, .rnb_pricing_enterprise {
transition-delay: 0s;
}
#rnb_home_rn_sessions {
padding-bottom: 100px;
}
.rnb_home_rn_sessions_inner {
max-width: 713px;
}
.rnb_sessions_link_columns {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
.rnb_home_banner_content {
max-width: 485px;
}
.rnb_home_countdown_inner {
max-width: 485px;
padding: 80px 0px;
}
.rnb_home_countdown_stats_container {
justify-content: space-around;
}
#rnb_home_howitworks, #rnb_home_partners {
padding-top: 80px;
}
#rnb_home_partners {
margin-bottom: 0;
}
.rnb_home_partners_text {
width: 527px;
}
.rnb_home_partners_images {
display: none;
}
.rnb_home_partners_image_small, .rnb_home_partners_image_small img {
display: block;
width: 100%;
height: auto;
}
.rnb_pricing_inner {
max-width: 485px;
}
.rnb_pricing_option {
padding: 10px 20px 20px 20px;
border-top: 20px solid;
}
.rnb_pricing_option {
margin-bottom: 20px;
}
.rnb_pricing_option:last-child {
margin-bottom: 0px;
}
.rnb_pricing_option img {
width: 60px;
height: 60px;
}
.rnb_pricing_list li:before {
width: 18px;
height: 14px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -30px;
}
#rnb_home_rn_sessions {
padding-bottom: 80px;
}
.rnb_home_rn_sessions_inner {
max-width: 485px;
padding-bottom: 0px;
}
}
@media (max-width: 539px) {
#rnb_home_countdown {
height: auto;
}
.rnb_home_countdown_stats_container {
align-items: flex-start;
}
.rnb_home_countdown_stats {
width: 100px;
transform: scale(0.8);
}
.rnb_home_countdown_stats:first-child {
transform: scale(0.8) translateY(-3px);
}
.rnb_home_partners_inner {
padding-bottom: 80px;
}
.rnb_home_partners_text {
width: calc(100% - 40px);
}
.rnb_home_partners_text .rnb_p_lb {
width: 100%;
}
.rnb_home_partners_images, .rnb_home_partners_images_md {
display: none;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
#rnb_home_countdown {
height: auto;
}
#rnb_home_howitworks, #rnb_home_partners {
padding: 80px 20px 80px 20px;
}
#rnb_home_partners {
padding-bottom: 0;
margin-bottom: 0;
}
#rnb_pricing {
margin: 80px 0;
}
.rnb_pricing_inner {
max-width: 772px;
}
.rnb_sessions_link_columns {
flex-direction: row;
}
}
/*section 1 - banner*/
#rnb_why_routenote_banner {
background-image: linear-gradient(90deg, #222DB099 0%, #F46F6F99 29%, #5C188F99 78%, #427CDC99 100%), url("./_assets/why-routenote/why-routenote-lights-hero.png"), url("./_assets/why-routenote/why-routenote-hero.jpg");
background-size: cover;
}
.rnb_why_routenote_banner_inner {
margin-top: 143px;
margin-bottom: 80px;
}
.rnb_why_routenote_banner_inner .rnb_p_lb {
max-width: 984px;
}
/*section 2 - why choose us?*/
#rnb_why_choose_us {
z-index: 2;
}
.rnb_why_choose_us_inner {
width: 1020px;
}
.rnb_why_choose_us_inner .rnb_h2 {
width: 382px;
}
.rnb_why_choose_us_heading .rnb_p_lb {
width: 606px;
}
.rnb_why_choose_us_reason {
z-index: 1;
max-width: 1020px;
width: 100%;
margin-top: 138px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rnb_why_choose_us_reasons .rnb_why_choose_us_reason:first-child {
margin-top: 0px;
}
.rnb_why_choose_us_reasons .rnb_why_choose_us_reason:last-child {
margin-bottom: 122px;
}
.rnb_why_choose_us_reason_text {
width: 546px;
}
.rnb_why_choose_us_reason_text:nth-child(odd) {
margin-left: 124px;
}
.rnb_why_choose_us_reason_text:nth-child(even) {
margin-right: 124px;
}
.rnb_reason_animated_image {
width: 450px;
height: 420px;
}
.rnb_why_choose_us_dashed_line {
z-index: 0;
top: 422.9px;
right: 40px;
}
/*section 3 - we smash the competition on price*/
#rnb_price_comparison {
padding: 80px 0px !important;
background-image: url("./_assets/why-routenote/pricing-table-background.jpg"), linear-gradient(-46deg, #2F3FD8 0%, #13039C 50%, #FF0528 100%);
background-size: cover;
background-position: center;
}
.rnb_price_comparison_text {
padding: 0 20px;
}
.rnb_price_comparison_inner .rnb_p_lb {
width: 1018px;
}
.rnb_price_comparison_table_container {
width: calc(100% - 40px);
padding: 0px 20px;
}
.rnb_price_comparison_potential_earnings {
margin-top: 81px;
width: 147px;
height: 50px;
padding-right: 43px;
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #FFFFFF1A;
}
.rnb_price_comparison_tooltip_container {
right: 30px;
top: 28px;
}
.rnb_price_comparison_tooltip_icon {
background-color: #FFFFFF59;
width: 16px;
height: 16px;
border-radius: 8px;
}
.rnb_price_comparison_tooltip_icon .rnb_h7 {
font-size: 8px;
line-height: 13px;
}
.rnb_price_comparison_tooltip {
width: 334px;
padding: 17px 23px;
top: -120px;
right: -308px;
z-index: 9999;
}
.rnb_price_comparison_tooltip_arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 11px 11px 0 11px;
border-color: #1345ac transparent transparent transparent;
top: 100px;
left: 53px;
}
.rnb_price_comparison_slider_container {
margin: 0px 20px;
}
#rnb_price_comparison_table {
grid-template-columns: 0px 235px 235px 174px 174px 0px;
}
.rnb_price_comparison_cell {
width: calc(100% - 43px);
height: 50px;
padding: 16px 21px;
border-bottom: 1px solid #FFFFFF1A;
transition: all 0.3s ease;
}
.rnb_price_comparison_cell.rnb-bg-white {
border-bottom: 1px solid #F5F5F5;
border-right: 1px solid #F5F5F5;
}
.rnb_price_comparison_column_selected .rnb_price_comparison_cell {
z-index: 5;
border-right: 0px;
}
.rnb_price_comparison_cell .rnb_p_sb {
display: none;
}
.rnb_price_comparison_column.rnb_border_blue, .rnb_border_button .rnb_price_comparison_column.rnb_rectangle_button, .rnb_border_button .rnb_price_comparison_column.rnb_rounded_button,
.rnb_price_comparison_column.rnb_border_green {
border: 0 !important;
}
.rnb_price_comparison_column.rnb_border_blue:after, .rnb_border_button .rnb_price_comparison_column.rnb_rectangle_button:after, .rnb_border_button .rnb_price_comparison_column.rnb_rounded_button:after,
.rnb_price_comparison_column.rnb_border_green:after {
transition: all 0.3s ease;
content: "";
position: absolute;
top: -5px;
right: -5px;
left: -5px;
bottom: -5px;
z-index: 1;
}
.rnb_price_comparison_column.rnb_border_blue:after, .rnb_border_button .rnb_price_comparison_column.rnb_rectangle_button:after, .rnb_border_button .rnb_price_comparison_column.rnb_rounded_button:after {
background: #1345ac;
}
.rnb_price_comparison_column.rnb_border_green:after {
background: #75dc7c;
}
.rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before {
content: "$";
position: absolute;
top: 4px;
left: -8px;
}
.rnb_price_comparison_cell.rnb_tunecore_cell {
border-left: 1px solid #F5F5F5;
}
.rnb_price_comparison_cell.rnb_premium_cell {
border-left: 0;
border-right: 1px solid #FFFFFF;
}
.rnb_price_comparison_years:before {
display: none;
}
.rnb_price_comparison_dashed_line {
top: -350px;
right: 0;
z-index: 0;
}
@media (max-width: 1599px) {
.rnb_why_choose_us_reason {
width: 1180px;
}
.rnb_why_choose_us_dashed_line {
transform: scaleX(0.8);
left: -105px;
right: unset;
}
}
@media (max-width: 1199px) {
.rnb_why_choose_us_inner {
width: 100%;
}
.rnb_why_choose_us_reason {
width: 912px;
}
.rnb_why_choose_us_reason_text:nth-child(odd) {
margin-left: 0px;
}
.rnb_why_choose_us_reason_text:nth-child(even) {
margin-right: 0px;
}
.rnb_why_choose_us_dashed_line {
transform: scaleX(0.6);
left: -142px;
right: unset;
}
.rnb_price_comparison_inner .rnb_h2 {
width: 679px;
}
.rnb_price_comparison_inner .rnb_p_lb {
width: auto;
}
.rnb_price_comparison_potential_earnings {
width: 167px;
padding-right: 23px;
}
.rnb_price_comparison_tooltip_container {
right: 20px;
top: 33px;
}
.rnb_price_comparison_dashed_line {
top: -300px;
width: 900px !important;
height: auto !important;
}
}
@media (max-width: 1059px) {
.rnb_price_comparison_potential_earnings {
display: none !important;
}
.rnb_price_comparison_cell .rnb_p_sb {
display: block;
}
.rnb_price_comparison_column .rnb_price_comparison_cell:first-child {
height: 68px;
}
}
@media (max-width: 991px) {
.rnb_why_choose_us_reason {
margin-top: 80px;
width: 713px;
}
.rnb_reason_animated_image, .rnb_reason_animated_image svg {
width: 350px;
height: 326px;
}
.rnb_why_choose_us_dashed_line, .rnb_price_comparison_dashed_line {
display: none;
}
#rnb_price_comparison_table {
grid-template-columns: 0px 193px 193px 161px 161px 0px;
}
.rnb_other_offers_inner .rnb_p_lb {
width: auto;
}
}
@media (max-width: 767px) {
.rnb_why_routenote_banner_inner {
margin-top: 80px;
margin-bottom: 40px;
}
.rnb_why_choose_us_heading .rnb_p_lb {
width: 100%;
}
.rnb_why_choose_us_reason {
width: 100%;
flex-direction: column;
}
.rnb_why_choose_us_reasons .rnb_why_choose_us_reason:nth-child(even) {
flex-direction: column-reverse;
}
.rnb_why_choose_us_reason_text {
width: 280px;
}
.rnb_why_choose_us_reason_text * {
text-align: center;
}
.rnb_why_choose_us_reasons .rnb_why_choose_us_reason:last-child {
margin-bottom: 80px;
}
.rnb_price_comparison_inner {
align-items: flex-start !important;
}
.rnb_price_comparison_inner .rnb_h2 {
width: 452px;
}
.rnb_price_comparison_table_container {
width: 100%;
padding: 0px;
}
.rnb_price_comparison_swipe {
display: flex !important;
padding-top: 20px;
border-top: 1px solid #FFFFFF1A;
}
.rnb_price_comparison_swipe input[type=range] {
-moz-appearance: none;
-webkit-appearance: none;
width: 190px;
height: 4px;
border-radius: 3px;
background-color: #FFFFFF80;
}
input[type=range]::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #FFFFFF;
}
input[type=range]::-moz-range-thumb {
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #FFFFFF;
}
input[type=range]::-ms-thumb {
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #FFFFFF;
}
#rnb_price_comparison_table {
grid-template-columns: 20px 178px 178px 178px 178px 20px;
overflow-x: scroll;
overflow-y: visible;
height: 261px;
width: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
cursor: pointer;
margin: auto;
}
#rnb_price_comparison_table:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
#rnb_price_comparison_table::-webkit-scrollbar {
display: none;
}
.rnb_price_comparison_sliders {
flex-direction: column !important;
}
.rnb_price_comparison_sliders .rnb_h6, .rnb_price_comparison_sliders div {
margin-top: 20px;
}
.rnb_price_comparison_sliders .rnb_h6:first-child {
margin-top: 0px;
}
.rnb_price_comparison_cell {
width: calc(100% - 41.5px);
height: 42px;
padding: 20px;
}
.rnb_price_comparison_cell svg {
width: 100% !important;
max-width: 99px;
height: auto !important;
}
.rnb_price_comparison_column .rnb_price_comparison_cell:first-child {
height: 50px;
}
}
@media (max-width: 539px) {
.rnb_why_choose_us_heading {
width: 280px;
}
.rnb_why_choose_us_heading .rnb_p_lb {
width: 100%;
}
.rnb_reason_animated_image, .rnb_reason_animated_image svg {
width: 280px;
height: 261px;
}
.rnb_why_choose_us_reason_text {
width: 280px;
}
.rnb_why_choose_us_reason_text * {
text-align: center;
}
.rnb_price_comparison_inner .rnb_h2 {
width: 229px;
}
#rnb_price_comparison_table {
grid-template-columns: 20px calc(50vw - 20px) calc(50vw - 20px) calc(50vw - 20px) calc(50vw - 20px) 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_why_choose_us_dashed_line {
display: none;
}
.rnb_price_comparison_column .rnb_price_comparison_cell:first-child {
height: 50px;
}
}
/*section 0 - modal*/
.rnb_music_distribution_modal {
z-index: 9999;
background-color: #000000CF;
}
/*section 1 - banner*/
#rnb_music_distribution_banner {
background-image: linear-gradient(90deg, #6D00B380 15%, #F68C6080 46%, rgba(253, 77, 77, 0.5) 66%, #14005480 100%), url("./_assets/music-distribution/music-distribution-lights-hero.png"), url("./_assets/music-distribution/music-distribution-hero.jpg");
background-size: cover;
background-position: center;
z-index: 1;
}
.rnb_music_distribution_banner_inner {
max-width: 1411px;
width: 100%;
padding-bottom: 114px;
}
.rnb_music_distribution_banner_inner .rnb_p_lb {
max-width: 696px;
}
.rnb_music_distribution_banner_links .rnb_p_pb, .rnb_music_distribution_banner_links .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_music_distribution_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_banner_links div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_music_distribution_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_banner_links .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_music_distribution_banner_links .rnb_h3.rnb_text_oswald:before,
.rnb_music_distribution_banner_links .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_music_distribution_banner_links .rnb_h3.rnb_text_oswald:before, .rnb_music_distribution_banner_links .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_music_distribution_banner_links .rnb_h3.rnb_text_oswald:before {
display: none;
}
.rnb_music_distribution_banner_inner .rnb_a:hover svg {
transform: translateX(5px);
}
/*section 2 - how it works*/
.rnb_music_distribution_howitworks_inner {
padding-bottom: 100px;
}
.rnb_music_distribution_howitworks_inner .rnb_p_lb {
max-width: 625px;
}
.rnb_music_distribution_slider {
z-index: 1;
}
.rnb_music_distribution_slider_bar {
width: 7px;
height: 281px;
border-radius: 9999px;
margin-right: 40px;
}
.rnb_music_distribution_slider_option {
max-width: 327px;
}
.rnb_music_distribution_slider_option_bar:before {
content: "";
display: inline-block;
border-radius: 9999px;
width: 7px;
position: absolute;
left: -47px;
}
.rnb_music_distribution_slider_option_inactive {
opacity: 0.5;
}
.rnb_music_distribution_slider_option_inactive:hover {
opacity: 0.9;
}
.rnb_music_distribution_slider_option_inactive:active {
opacity: 1;
filter: brightness(0.9);
}
.rnb_music_distribution_slider_option:before {
height: 83px;
}
.rnb_music_distribution_slider_option:nth-child(4):before {
height: 88px;
}
.rnb_music_distribution_slider_option svg {
margin-right: 15px;
}
.rnb_music_distribution_slider_option .rnb_p_pb, .rnb_music_distribution_slider_option .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_slider_option div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_slider_option .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before,
.rnb_music_distribution_slider_option .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before, .rnb_music_distribution_slider_option .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before {
margin-top: 15px;
}
.rnb_music_distribution_howitworks_inner .rnb_h3 {
max-width: 751px;
}
.rnb_music_distribution_slider_images {
margin-left: 20px;
width: 626px;
height: 465px;
}
.rnb_music_distribution_slider_images div:first-child svg {
transform: translateX(0px);
}
svg.rnb_slider_b_animations {
transform: translateX(-8px);
}
svg.rnb_slider_c_animations {
transform: translateX(-8px);
}
svg.rnb_slider_d_animations {
transform: translate(-9px, -1px);
}
.rnb_music_distribution_howitworks_dashed_line_a {
left: -35px;
top: -126px;
}
.rnb_music_distribution_howitworks_dashed_line_b {
left: 443px;
top: 116px;
}
@media (max-width: 1599px) {
.rnb_music_distribution_howitworks_dashed_line_a {
transform: scaleX(0.7);
left: 20px;
}
.rnb_music_distribution_howitworks_dashed_line_b {
transform: scaleX(0.7);
left: 394px;
}
}
@media (max-width: 1199px) {
.rnb_music_distribution_slider {
align-items: flex-start !important;
}
.rnb_music_distribution_slider_images {
margin-left: 0;
width: 500px;
height: 371px;
}
.rnb_music_distribution_slider_images div:first-child svg {
width: 498px;
height: auto;
}
svg.rnb_slider_b_animations {
width: 485px;
height: auto;
transform: translateX(-6px) !important;
}
svg.rnb_slider_c_animations {
width: 485px;
height: auto;
transform: translateX(-6px) !important;
}
svg.rnb_slider_d_animations {
width: 486px;
height: auto;
transform: translate(-6.7px, -0.8px) !important;
}
.rnb_music_distribution_howitworks_dashed_line_a {
transform: scaleX(0.6);
left: -1%;
}
.rnb_music_distribution_howitworks_dashed_line_b {
transform: scaleX(0.6);
left: 36.5%;
}
}
@media (max-width: 991px) {
.rnb_music_distribution_slider {
flex-direction: column !important;
align-items: center !important;
}
.rnb_music_distribution_slider_options {
margin-bottom: 20px;
}
.rnb_music_distribution_slider_images div:first-child svg {
transform: translateX(0px) !important;
}
svg.rnb_slider_b_animations {
transform: translateX(-6px) !important;
}
svg.rnb_slider_c_animations {
transform: translateX(-6px) !important;
}
svg.rnb_slider_d_animations {
transform: translate(-6.9px, -0.8px) !important;
}
.rnb_music_distribution_howitworks_dashed_line_a, .rnb_music_distribution_howitworks_dashed_line_b {
display: none;
}
}
@media (max-width: 767px) {
.rnb_music_distribution_banner_inner,
.rnb_music_distribution_howitworks_inner {
padding-bottom: 80px;
}
.rnb_music_distribution_modal_video {
width: 100% !important;
height: auto !important;
}
.rnb_music_distribution_slider_options {
margin-bottom: 10px;
}
.rnb_music_distribution_slider_bar {
height: 206px;
margin-right: 20px;
}
.rnb_music_distribution_slider_option_bar:before {
left: -27px;
}
.rnb_music_distribution_slider_option {
max-width: 280px;
}
.rnb_music_distribution_slider_option svg {
width: 20px !important;
height: 20px !important;
margin-right: 10px;
}
.rnb_music_distribution_slider_option .rnb_p_pb, .rnb_music_distribution_slider_option .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_slider_option div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:after, .rnb_music_distribution_slider_option .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before,
.rnb_music_distribution_slider_option .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before, .rnb_music_distribution_slider_option .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_music_distribution_slider_option .rnb_h3.rnb_text_oswald:before {
margin-top: 10px;
}
.rnb_music_distribution_slider_option:before {
height: 73px;
}
.rnb_music_distribution_slider_option:nth-child(4):before {
height: 73px;
}
}
@media (max-width: 539px) {
#rnb_music_distribution_banner {
background-position: 60%;
}
.rnb_music_distribution_banner_inner {
align-items: center !important;
}
.rnb_music_distribution_banner_inner .rnb_p_lb {
text-align: center;
}
.rnb_music_distribution_slider_option:nth-child(4):before {
height: 80px;
}
.rnb_music_distribution_slider_images {
width: 280px;
height: 232px;
}
.rnb_music_distribution_slider_images div:first-child svg {
width: 279.8px;
height: auto;
}
svg.rnb_slider_b_animations {
width: 272px;
height: auto;
transform: translateX(-4px) !important;
}
svg.rnb_slider_c_animations {
width: 272px;
height: auto;
transform: translateX(-4px) !important;
}
svg.rnb_slider_d_animations {
width: 273px;
height: auto;
transform: translate(-4.2px, -0.5px) !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_music_distribution_howitworks_dashed_line_a, .rnb_music_distribution_howitworks_dashed_line_b {
display: none;
}
}
/*section 1 - banner*/
#rnb_partners_banner {
background-image: linear-gradient(91deg, #4F31CB99 15%, #DB404099 41%, #FC877899 74%, #483EED99 95%), url("./_assets/partners/partners-lights-hero.png"), url("./_assets/partners/partners-page-hero-cropped.jpg");
background-size: cover;
background-position: center;
}
.rnb_partners_banner_inner {
max-width: 1411px;
width: 100%;
padding-bottom: 157px;
}
.rnb_partners_banner_inner .rnb_p_lb {
max-width: 703px;
}
/*section 2 - partners*/
.rnb_partners_team_up_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_partners_team_up_inner .rnb_p_lb {
max-width: 846px;
}
#rnb_partners_card {
border-left: 30px solid #1345ac;
max-width: 910px;
padding: 40px;
box-shadow: 11px 11px 21px 6px rgba(19, 69, 172, 0.05);
opacity: 0;
-webkit-animation: 1s rnb_card_fade_in forwards;
animation: 1s rnb_card_fade_in forwards;
}
#rnb_partners_card_modal {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
z-index: 9999;
}
.rnb_partners_card_modal_inner {
padding: 20px;
}
.rnb_partners_card_text {
max-width: 703px;
}
.rnb_partners_card_cross {
top: 15px;
right: 15px;
}
.rnb_partners_card_logo {
max-width: 419px;
}
.rnb_partners_filter_tab {
width: 672px;
height: 560px;
}
.rnb_partners_filter_logo {
margin: 20px 18px 0px 18px;
filter: grayscale(100%);
opacity: 0.6;
}
.rnb_partners_filter_logo:hover {
filter: grayscale(0%);
opacity: 1;
}
.rnb_partners_filter_logo:nth-child(3n-2) {
margin-left: 0;
}
.rnb_partners_filter_logo:nth-child(3n) {
margin-right: 0;
}
.rnb_partners_filter_logo:nth-child(-n+3) {
margin-top: 0;
}
.rnb_partners_filter_logo:nth-child(n+3) {
margin-bottom: 0;
}
.rnb_partners_filter_logo_selected {
filter: grayscale(0%);
opacity: 1;
}
.rnb_partners_filter_logo img {
width: 200px;
height: 125px;
}
@media (max-width: 1200px) {
#rnb_partners_card {
flex-direction: column-reverse !important;
align-items: flex-start !important;
border-left: 30px solid #1345ac;
max-width: unset;
width: auto !important;
padding: 40px;
box-shadow: 11px 11px 21px 6px rgba(19, 69, 172, 0.05);
}
.rnb_partners_card_text {
margin-top: 20px;
max-width: unset;
}
.rnb_partners_card_logo {
justify-content: flex-start !important;
}
}
@media (max-width: 991px) {
.rnb_partners_filter_container {
flex-direction: column !important;
justify-content: start !important;
align-items: center !important;
}
.rnb_partners_filter {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.rnb_partners_banner_inner,
.rnb_partners_team_up_inner {
padding-bottom: 80px;
}
#rnb_partners_card {
display: none !important;
}
#rnb_partners_card_modal {
pointer-events: auto;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
opacity: 1;
}
.rnb_partners_card_cross {
width: 15px !important;
height: 15px !important;
top: 10px;
right: 10px;
}
.rnb_partners_filter > .rnb-flex {
width: 278px;
}
.rnb_partners_filter .rnb_label:nth-child(3), .rnb_partners_filter .rnb_label:nth-child(4) {
margin-top: 10px;
}
.rnb_partners_filter {
width: 485px !important;
}
.rnb_partners_filter_tab {
width: 485px;
height: 470px;
}
.rnb_partners_filter_logo {
margin: 20px 10px 0px 10px;
filter: grayscale(100%);
opacity: 0.6;
}
.rnb_partners_filter_logo img {
width: 148px;
height: 92.5px;
}
}
@media (max-width: 539px) {
.rnb_partners_banner_inner {
align-items: center !important;
}
.rnb_partners_banner_inner * {
text-align: center;
}
.rnb_partners_filter {
width: 277px !important;
}
.rnb_partners_filter > .rnb-flex {
width: 186px !important;
}
.rnb_partners_filter .rnb_label:nth-child(2) {
margin-top: 10px;
}
.rnb_partners_filter_tab {
width: 280px;
height: 275px;
}
.rnb_partners_filter_logo:nth-child(3n-2), .rnb_partners_filter_logo:nth-child(3n), .rnb_partners_filter_logo:nth-child(-n+3), .rnb_partners_filter_logo:nth-child(n+3) {
margin: 20px 10px 0 20px;
}
.rnb_partners_filter_logo:nth-child(2n+1) {
margin-left: 0;
}
.rnb_partners_filter_logo:nth-child(2n) {
margin-right: 0;
}
.rnb_partners_filter_logo:nth-child(-n+2) {
margin-top: 0;
}
.rnb_partners_filter_logo img {
width: 200px;
height: 125px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_partners_filter_container {
flex-direction: column !important;
justify-content: start !important;
align-items: center !important;
}
.rnb_partners_filter {
margin-top: 20px;
}
}
@-webkit-keyframes rnb_card_fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rnb_card_fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*section 1 - banner*/
#rnb_music_monetisation_banner {
background-image: linear-gradient(90deg, #7E1ADA80 5%, #1607E380 26%, #EA7E8980 55%, #DF6F6F80 76%, #14005480 100%), url("./_assets/monetisation/monetisation-lights-hero.png"), url("./_assets/monetisation/monetisation-hero.png");
background-size: cover;
background-position: center;
}
.rnb_music_monetisation_banner_inner {
max-width: 1411px;
padding-bottom: 114px;
}
.rnb_music_monetisation_banner_inner .rnb_h1 {
max-width: 602px;
}
.rnb_music_monetisation_banner_inner .rnb_p_lb {
max-width: 807px;
}
/*section 2 - earn on youtube, facebook and instagram*/
.rnb_music_monetisation_earn_on_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_music_monetisation_earn_on_inner .rnb_h2 {
max-width: 720px;
}
.rnb_protect_your_music {
z-index: 1;
max-width: 540px;
margin-right: 20px;
}
.rnb_protect_your_music .rnb_h3 {
width: 100%;
max-width: 413px;
}
.rnb_protect_your_music svg {
margin-left: 10px;
}
.rnb_protect_your_music .rnb_a:hover svg {
transform: translateX(5px);
}
.rnb_earn_on_dashed_line_a {
top: 62px;
left: -211px;
}
.rnb_earn_on_dashed_line_b {
z-index: 0;
left: -605px;
top: 648px;
}
/*section 3 - get paid on...*/
.rnb_music_monetisation_get_paid_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_music_monetisation_get_paid_box {
max-width: 414px;
}
/*section 4 - routenote youtube network*/
#rnb_music_monetisation_youtube_network {
z-index: -1;
}
.rnb_music_monetisation_youtube_network_inner {
max-width: 1392px;
padding-bottom: 100px;
}
.rnb_music_monetisation_youtube_network_banner {
max-width: 1020px;
}
.rnb_music_monetisation_youtube_network_heading {
max-width: 667px;
margin-left: 100px;
}
.rnb_music_monetisation_youtube_network_heading .rnb_p_lb {
max-width: 534px;
}
.rnb_youtube_network_offerings {
width: 100%;
}
.rnb_music_monetisation_node {
width: 215px;
box-shadow: -1px 12px 21px #1345ac14;
padding: 40px 45px;
}
.rnb_music_monetisation_node:nth-child(2) {
transition-delay: 0.3s;
}
.rnb_music_monetisation_node:nth-child(3) {
transition-delay: 0.6s;
}
.rnb_music_monetisation_node:nth-child(4) {
transition-delay: 0.9s;
}
/*section 5 - routenote soundcloud network*/
#rnb_music_monetisation_soundcloud {
z-index: -1;
}
.rnb_music_monetisation_soundcloud_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_music_monetisation_soundcloud_heading {
max-width: 667px;
margin-right: 100px;
}
.rnb_music_monetisation_soundcloud_heading .rnb_p_lb {
max-width: 534px;
}
.rnb_soundcloud_nodes > div:nth-child(2) {
transition-delay: 0.1s;
}
.rnb_soundcloud_nodes > div:nth-child(3) {
transition-delay: 0.2s;
}
.rnb_soundcloud_dashed_line {
top: -380px;
left: -325px;
}
@media (max-width: 1599px) {
.rnb_earn_on_dashed_line_a {
transform: scaleX(0.7);
left: -136px;
}
.rnb_earn_on_dashed_line_b {
transform: scaleX(0.7);
left: -478px;
}
.rnb_soundcloud_dashed_line {
transform: scaleX(0.7);
left: -211px;
}
}
@media (max-width: 1339px) {
.rnb_music_monetisation_node {
box-shadow: -1px 12px 21px #1345ac14;
padding: 40px 20px;
}
}
@media (max-width: 1199px) {
.rnb_music_monetisation_earn_on_inner .rnb_h2 {
max-width: 600px;
}
.rnb_music_monetisation_earn_on_inner .rnb_p_lb {
max-width: 720px;
}
.rnb_earn_on_youtube_video {
max-width: 467px;
max-height: 263px;
}
.rnb_earn_on_dashed_line_a {
transform: scaleY(0.7) scaleX(0.5);
top: 110px;
left: -105px;
}
.rnb_earn_on_dashed_line_b {
transform: scaleY(0.8) scaleX(0.5);
top: 660px;
left: -386px;
}
.rnb_music_monetisation_youtube_network_banner,
.rnb_music_monetisation_youtube_network_heading,
.rnb_music_monetisation_soundcloud_heading {
flex-direction: column !important;
align-items: center !important;
}
.rnb_music_monetisation_youtube_network_heading,
.rnb_music_monetisation_soundcloud_heading {
margin-left: 0;
margin-right: 0;
margin-top: 40px;
}
.rnb_music_monetisation_node {
width: 215px;
padding: 40px 45px;
}
.rnb_music_monetisation_soundcloud_banner {
flex-direction: column-reverse !important;
align-items: center !important;
}
.rnb_music_monetisation_youtube_network_heading .rnb_h2,
.rnb_music_monetisation_soundcloud_heading .rnb_h2,
.rnb_music_monetisation_youtube_network_heading .rnb_p_lb,
.rnb_music_monetisation_soundcloud_heading .rnb_p_lb {
text-align: center;
}
.rnb_youtube_network_offerings {
max-width: 630px;
}
.rnb_music_monetisation_node:nth-child(3) {
transition-delay: 0s;
}
.rnb_music_monetisation_node:nth-child(4) {
transition-delay: 0.3s;
}
.rnb_music_monetisation_node:nth-child(3), .rnb_music_monetisation_node:nth-child(4) {
margin-top: 20px;
}
.rnb_soundcloud_nodes {
width: 280px !important;
}
.rnb_soundcloud_nodes > div {
transition-delay: 0s;
}
.rnb_soundcloud_nodes div:nth-child(2), .rnb_soundcloud_nodes div:nth-child(3) {
margin-top: 20px;
}
.rnb_soundcloud_dashed_line {
transform: scaleX(0.5);
left: -179px;
}
}
@media (max-width: 991px) {
#rnb_music_monetisation_banner {
background-position: 80%;
}
.rnb_music_monetisation_banner_inner .rnb_p_lb {
max-width: 602px;
}
.rnb_protect_your_music_container {
flex-direction: column !important;
align-items: center !important;
}
.rnb_protect_your_music {
margin-right: 0;
align-items: center !important;
}
.rnb_protect_your_music .rnb_h3, .rnb_protect_your_music .rnb_p_lb {
text-align: center;
}
.rnb_earn_on_youtube_video {
margin-top: 80px;
}
.rnb_earn_on_dashed_line_a, .rnb_earn_on_dashed_line_b, .rnb_soundcloud_dashed_line {
display: none;
}
.rnb_music_monetisation_get_paid_inner {
flex-direction: column !important;
align-items: center !important;
}
.rnb_music_monetisation_get_paid_inner .rnb_music_monetisation_get_paid_box:last-child {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.rnb_music_monetisation_banner_inner,
.rnb_music_monetisation_earn_on_inner,
.rnb_music_monetisation_youtube_network_inner,
.rnb_music_monetisation_soundcloud_inner {
padding-bottom: 80px;
}
.rnb_earn_on_youtube_video {
margin-top: 40px;
max-width: 485px;
max-height: 273px;
}
.rnb_music_monetisation_get_paid_inner {
padding-bottom: 40px;
}
.rnb_music_monetisation_get_paid_inner .rnb_h4 {
max-width: 273px;
}
.rnb_youtube_network_offerings {
max-width: 240px;
}
.rnb_music_monetisation_node {
width: 192px;
padding: 30px 24px;
}
.rnb_music_monetisation_node:nth-child(2) {
margin-top: 20px;
}
}
@media (max-width: 539px) {
.rnb_music_monetisation_banner_inner * {
text-align: center;
}
.rnb_protect_your_music .rnb_h3 {
max-width: 253px;
}
.rnb_earn_on_youtube_video {
max-width: 280px;
max-height: 158px;
}
.rnb_music_monetisation_get_paid_inner .rnb_h4 {
max-width: 265px;
}
.rnb_youtube_network_offerings {
max-width: 280px;
flex-direction: column !important;
align-items: center !important;
}
.rnb_music_monetisation_node {
transition-delay: 0s;
}
.rnb_music_monetisation_node:nth-child(2) {
margin-top: 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_earn_on_dashed_line_a, .rnb_earn_on_dashed_line_b, .rnb_soundcloud_dashed_line {
display: none;
}
.rnb_music_monetisation_get_paid_inner .rnb_h4 {
max-width: 265px;
}
.rnb_youtube_network_offerings {
max-width: 500px;
}
.rnb_music_monetisation_node {
width: 192px;
padding: 30px 24px;
}
}
/*section 1 - banner*/
#rnb_about_banner {
background-image: linear-gradient(90deg, #432BD499 8%, #FD585899 35%, #C67D6D99 59%, #613FCD99 88%), url("./_assets/about/about-lights-hero.png"), url("./_assets/about/hero-image.png");
background-size: cover;
height: 501px;
z-index: 0;
}
/*section 2 - our story*/
#rnb_about_our_story {
height: 448px;
z-index: 1;
}
.rnb_about_our_story_inner {
max-width: 1079px;
height: calc(100% - 80px);
box-shadow: 18px 20px 41px 0 rgba(0, 0, 0, 0.1), -10px 15px 46px 12px rgba(19, 69, 172, 0.03);
transform: translateY(-126px);
padding: 40px 100px;
}
.rnb_about_our_story_text {
width: 471px;
}
.rnb_about_our_story_image {
width: 470px;
height: 370px;
background-image: linear-gradient(-45deg, #063396 0%, #3F0696 100%);
}
.rnb_about_our_story_image img {
opacity: 0.8;
}
/*section 3 - our mission*/
.rnb_about_our_mission_inner {
max-width: 1020px;
padding-bottom: 80px;
}
.rnb_about_our_mission_image {
width: 550px;
height: 350px;
}
.rnb_about_our_mission_text {
max-width: 414px;
}
/*section 4 - meet the team*/
.rnb_about_meet_the_team_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_about_meet_the_team_inner .rnb_p_lb {
max-width: 841px;
}
/*remove this if you ever decide to have tabs on the about page again*/
.rnb_about_filter .rnb_filter_buttons, .rnb_about_filter .rnb_label {
height: 0px !important;
}
.rnb_about_filter .rnb_filter_buttons {
max-width: 890px;
}
.rnb_about_filter .rnb_label:nth-child(6), .rnb_about_filter .rnb_label:nth-child(7) {
margin-top: 10px;
}
.rnb_about_filter_tab {
height: 100% !important;
}
.rnb_about_filter_member {
width: 240px;
height: 308px;
margin: 50px 75px 0px 75px;
}
.rnb_about_filter_member .rnb-relative {
height: 240px;
}
.rnb_about_filter_links {
width: 240px;
height: 240px;
opacity: 0;
background-color: #050031;
}
.rnb_about_filter_link_twitter {
margin-right: 28px;
}
.rnb_about_filter_links:hover {
opacity: 1;
}
.rnb_about_filter_member img {
width: 240px;
height: auto;
}
.rnb_about_filter_member:nth-child(3n-2) {
margin-left: 0;
}
.rnb_about_filter_member:nth-child(3n) {
margin-right: 0;
transition-delay: 0.3s;
}
.rnb_about_filter_member:nth-child(-n+3) {
margin-top: 0;
}
.rnb_about_filter_member:nth-child(n+3) {
margin-bottom: 0;
}
.rnb_about_filter_tab .rnb_about_filter_member:nth-child(3n-1) {
transition-delay: 0.15s;
}
@media (max-width: 1599px) {
.rnb_about_our_story_inner {
padding: 40px;
max-width: 1063px;
}
}
@media (max-width: 1199px) {
#rnb_about_our_story {
height: auto;
}
.rnb_about_our_story_inner {
flex-direction: column !important;
max-width: 856px;
height: auto;
}
.rnb_about_our_story_text {
width: auto;
}
.rnb_about_our_story_image {
margin-top: 40px;
}
.rnb_about_our_mission_content {
flex-direction: column !important;
}
.rnb_about_our_mission_text {
margin-top: 40px;
text-align: center;
max-width: 550px;
}
.rnb_about_filter, .rnb_about_filter_tab {
max-width: 937px;
}
.rnb_about_filter_member {
margin: 50px 54px 0px 54px;
}
}
@media (max-width: 991px) {
.rnb_about_our_story_inner {
max-width: 633px;
}
.rnb_about_filter, .rnb_about_filter_tab {
max-width: 713px;
}
.rnb_about_filter .rnb_label:nth-child(5) {
margin-top: 10px;
}
.rnb_about_filter_member, .rnb_about_filter_links, .rnb_about_filter_member img, .rnb_about_filter_placeholder {
width: 200px !important;
}
.rnb_about_filter_links {
height: 200px;
}
.rnb_about_filter_placeholder, .rnb_about_filter_member .rnb-relative {
height: 200px !important;
}
.rnb_about_filter_member {
margin: 50px 27px 0px 27px;
}
}
@media (max-width: 767px) {
#rnb_about_banner {
height: 392px;
}
.rnb_about_meet_the_team_inner {
padding-bottom: 80px;
}
.rnb_about_our_mission_inner,
.rnb_about_our_story_inner {
padding-bottom: 40px;
}
.rnb_about_our_story_inner {
max-width: 405px;
transform: translateY(-80px);
}
.rnb_about_our_story_image, .rnb_about_our_story_image img, .rnb_about_our_mission_image, .rnb_about_our_mission_image img {
width: 100%;
height: auto;
}
.rnb_about_our_story_image {
margin-top: 20px;
}
.rnb_about_our_mission_text {
margin-top: 20px;
}
.rnb_about_filter, .rnb_about_filter_tab {
max-width: 485px;
}
.rnb_about_filter .rnb_label:nth-child(4) {
margin-top: 10px;
}
.rnb_about_filter_tab {
height: 600px;
}
.rnb_about_filter_member {
height: 290px;
margin: 20px 0px 0px 17px;
}
.rnb_about_filter_member, .rnb_about_filter_links, .rnb_about_filter_member img, .rnb_about_filter_placeholder {
width: 150px !important;
}
.rnb_about_filter_placeholder, .rnb_about_filter_member .rnb-relative {
height: 150px !important;
}
.rnb_about_filter_links {
height: 150px;
}
}
@media (max-width: 539px) {
.rnb_about_our_story_inner {
width: calc(100% - 80px) !important;
}
.rnb_about_filter, .rnb_about_filter_tab {
max-width: 280px;
}
.rnb_about_filter .rnb_label:nth-child(3) {
margin-top: 10px;
}
.rnb_about_filter_tab {
height: 550px;
}
.rnb_about_filter_member {
height: 265px;
}
.rnb_about_filter_member, .rnb_about_filter_links, .rnb_about_filter_member img, .rnb_about_filter_placeholder {
width: 131px !important;
}
.rnb_about_filter_placeholder, .rnb_about_filter_member .rnb-relative {
height: 131px !important;
}
.rnb_about_filter_links {
height: 131px;
}
.rnb_about_filter_member:nth-child(3n-2), .rnb_about_filter_member:nth-child(3n), .rnb_about_filter_member:nth-child(-n+3), .rnb_about_filter_member:nth-child(n+3) {
margin: 20px 0px 0px 17px;
}
.rnb_about_filter_member:nth-child(3n), .rnb_about_filter_tab .rnb_about_filter_member:nth-child(3n-1) {
transition-delay: 0s;
}
.rnb_about_filter_member:nth-child(2n+1) {
margin-left: 0;
}
.rnb_about_filter_member:nth-child(2n) {
margin-right: 0;
transition-delay: 0.15s;
}
.rnb_about_filter_member:nth-child(-n+2) {
margin-top: 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_about_filter, .rnb_about_filter_tab {
max-width: 485px;
}
.rnb_about_filter_tab {
height: 600px;
}
.rnb_about_filter_member {
height: 290px;
margin: 20px 0px 0px 17px;
}
.rnb_about_filter_member, .rnb_about_filter_links, .rnb_about_filter_member img, .rnb_about_filter_placeholder {
width: 150px !important;
}
.rnb_about_filter_placeholder {
height: 150px !important;
}
.rnb_about_filter_links {
height: 150px;
}
}
#rnb_terms_and_conditions_banner {
background-image: url("./_assets/terms-and-conditions/terms-and-conditions-lights-hero.png"), linear-gradient(129deg, #511CE2 0%, #DD845F 93%);
background-size: cover;
background-position: center left;
}
.rnb_terms_and_conditions_banner_inner {
max-width: 1411px;
width: 100%;
padding: 130px 0px 62px 0px;
}
.rnb_terms_and_conditions_inner {
padding: 100px 0;
max-width: 1020px;
}
.rnb_terms_and_conditions_inner ol {
padding: 0;
counter-reset: list;
}
.rnb_terms_and_conditions_inner ol li {
list-style: none;
margin-left: 62px;
margin-top: 28px;
}
.rnb_terms_and_conditions_inner ol li:before {
content: "(" counter(list, lower-roman) ") ";
counter-increment: list;
}
@media (max-width: 767px) {
.rnb_terms_and_conditions_banner_inner,
.rnb_terms_and_conditions_inner {
padding: 80px 0;
}
.rnb_terms_and_conditions_inner ol li {
list-style: none;
margin-left: 49px;
margin-top: 22px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_terms_and_conditions_banner_inner,
.rnb_terms_and_conditions_inner {
padding: 80px 0;
}
.rnb_terms_and_conditions_inner ol li {
list-style: none;
margin-left: 49px;
margin-top: 22px;
}
}
/*section 1 - banner*/
#rnb_brand_assets_banner {
background-image: url("./_assets/brand-assets/brand-assets-lights-hero.png"), linear-gradient(59deg, #1215B1 0%, #2D3097 42%, #DD7D59 100%);
background-size: cover;
background-position: center;
z-index: 1;
}
.rnb_brand_assets_banner_inner {
max-width: 1010px;
padding: 136px 0px 114px 0px;
}
/*bunch of sections needing shared rules*/
.rnb_brand_assets_logo_guidelines_inner,
.rnb_brand_assets_colour_guidelines_inner,
.rnb_brand_assets_logo_usage_inner,
.rnb_brand_assets_what_not_to_do_inner,
.rnb_brand_assets_our_icon_inner,
.rnb_brand_assets_badge_guidelines_inner,
.rnb_brand_assets_our_colours_inner,
.rnb_brand_assets_our_typography_inner,
.rnb_brand_assets_resources_inner {
max-width: 1020px;
padding: 100px 0px;
}
/*section 2 - logo guidelines*/
.rnb_brand_assets_logo_guidelines_text {
max-width: 415px;
}
.rnb_brand_assets_logo_guidelines_images {
max-width: 509px;
}
/*section 3 - colour guidelines*/
.rnb_brand_assets_colour_guidelines_container {
height: 250px;
}
/*section 4 - logo usage*/
.rnb_brand_assets_logo_usage_inner {
padding-bottom: 80px;
}
.rnb_brand_assets_logo_usage_text {
max-width: 494px;
}
.rnb_brand_assets_logo_usage_images {
max-width: 424px;
}
/*section 5 - what not to do*/
.rnb_brand_assets_what_not_to_do_inner {
padding-top: 0px;
max-width: 1311px;
left: 145px;
}
.rnb_brand_assets_what_not_to_do_inner .rnb_h3 {
right: 145px;
}
.rnb_brand_assets_what_not_to_do_inner svg {
margin-right: 15px;
}
.rnb_brand_assets_what_not_to_do_text {
width: 526px;
}
.rnb_brand_assets_what_not_to_do_image {
left: 50px;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
max-width: 685px;
}
/*section 5 - our icon*/
.rnb_brand_assets_our_icon_text {
max-width: 411px;
}
.rnb_brand_assets_our_icon_images {
max-width: 488px;
}
.rnb_icon_sans_circle .rnb_p_lb {
margin-top: 32px;
}
/*section 6 - badge guidelines*/
.rnb_brand_assets_badge_guidelines_inner {
max-width: 1271px;
}
.rnb_brand_assets_badge_guidelines_text {
max-width: 403px;
}
.rnb_brand_assets_badge_guidelines_images {
max-width: 759px;
}
.rnb_brand_assets_badge_guidelines_images img {
width: 222px;
}
.rnb_brand_assets_badge_guidelines_images .rnb-flex {
max-width: 325px;
}
/*section 7 - our colours*/
.rnb_brand_assets_our_colours_inner {
max-width: 648px;
}
.rnb_brand_assets_our_colours_example {
width: 137px;
margin-right: 111px;
}
.rnb_brand_assets_our_colours_example:nth-child(3), .rnb_brand_assets_our_colours_example:last-child {
margin-right: 0px;
}
.rnb_brand_assets_our_colours_example:nth-child(4),
.rnb_brand_assets_our_colours_example:nth-child(5),
.rnb_brand_assets_our_colours_example:last-child {
margin-top: 40px;
}
.rnb_brand_assets_our_colours_circle {
width: 100px;
height: 100px;
border-radius: 9999px;
}
/*section 8 - our typography*/
.rnb_brand_assets_our_typography_inner {
max-width: 770px;
}
.rnb_text_example {
font-size: 100px;
line-height: 100px;
}
/*section 9 - routenote resources*/
.rnb_brand_assets_resources_inner {
max-width: 940px;
}
@media (max-width: 1799px) {
.rnb_brand_assets_what_not_to_do_inner {
max-width: 1211px;
left: 94px;
}
.rnb_brand_assets_what_not_to_do_container {
align-items: center !important;
}
.rnb_brand_assets_what_not_to_do_inner .rnb_h3 {
right: 0;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
max-width: 500px;
left: 0;
}
}
@media (max-width: 1599px) {
.rnb_brand_assets_what_not_to_do_inner {
max-width: 1146px;
left: 0px;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
max-width: 500px;
}
.rnb_brand_assets_badge_guidelines_container {
flex-direction: column !important;
align-items: center !important;
text-align: center;
}
.rnb_brand_assets_badge_guidelines_text {
align-items: center !important;
}
.rnb_brand_assets_badge_guidelines_text .rnb_p_lb {
text-align: center;
}
.rnb_brand_assets_badge_guidelines_images {
margin-top: 80px;
align-items: flex-start !important;
}
.rnb_brand_assets_badge_guidelines_images .rnb-flex {
margin-top: 0px !important;
}
}
@media (max-width: 1199px) {
.rnb_brand_assets_what_not_to_do_inner {
max-width: 1020px;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
max-width: 400px;
}
}
@media (max-width: 991px) {
.rnb_brand_assets_logo_guidelines_container,
.rnb_brand_assets_logo_usage_container,
.rnb_brand_assets_our_icon_container,
.rnb_brand_assets_our_icon_text,
.rnb_brand_assets_what_not_to_do_container {
flex-direction: column !important;
align-items: center !important;
}
.rnb_brand_assets_what_not_to_do_inner {
left: 0;
max-width: 1020px;
}
.rnb_brand_assets_logo_guidelines_text,
.rnb_brand_assets_logo_guidelines_images {
margin-top: 80px;
align-items: center !important;
text-align: center;
}
.rnb_brand_assets_logo_guidelines_images img:nth-child(5) {
margin-top: 20px;
}
.rnb_brand_assets_colour_guidelines_inner .rnb_p_lb {
text-align: center;
}
.rnb_brand_assets_colour_guidelines_container {
height: 238px;
text-align: center;
}
.rnb_brand_assets_colour_guidelines_container img {
width: 200px;
}
.rnb_brand_assets_logo_usage_inner {
text-align: center;
}
.rnb_brand_assets_logo_usage_text .rnb_p_lb:nth-child(3) {
margin-top: 28px !important;
}
.rnb_brand_assets_logo_usage_images,
.rnb_brand_assets_our_icon_images {
margin-top: 80px;
}
.rnb_brand_assets_what_not_to_do_image {
margin-top: 80px;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
max-width: 685px;
}
.rnb_brand_assets_our_icon_inner {
text-align: center;
}
}
@media (max-width: 767px) {
.rnb_brand_assets_banner_inner,
.rnb_brand_assets_logo_guidelines_inner,
.rnb_brand_assets_colour_guidelines_inner,
.rnb_brand_assets_logo_usage_inner,
.rnb_brand_assets_what_not_to_do_inner,
.rnb_brand_assets_our_icon_inner,
.rnb_brand_assets_badge_guidelines_inner,
.rnb_brand_assets_our_colours_inner,
.rnb_brand_assets_our_typography_inner,
.rnb_brand_assets_resources_inner {
padding: 80px 0;
}
.rnb_brand_assets_logo_usage_inner {
padding-bottom: 40px;
}
.rnb_brand_assets_what_not_to_do_image,
.rnb_brand_assets_logo_guidelines_text,
.rnb_brand_assets_logo_usage_images,
.rnb_brand_assets_our_icon_images,
.rnb_brand_assets_our_colours_example:nth-child(3),
.rnb_brand_assets_our_colours_example:nth-child(4),
.rnb_brand_assets_our_colours_example:nth-child(5),
.rnb_brand_assets_our_colours_example:last-child {
margin-top: 20px;
}
.rnb_brand_assets_logo_guidelines_images img:nth-child(5) {
margin-top: 10px;
}
.rnb_brand_assets_logo_usage_text .rnb_p_lb:nth-child(3) {
margin-top: 22px;
}
.rnb_brand_assets_colour_guidelines_container {
flex-direction: column !important;
height: 500px;
}
.rnb_brand_assets_colour_guidelines_container .rnb-flex {
width: 100% !important;
height: 33.333333%;
}
.rnb_brand_assets_what_not_to_do_text {
width: auto;
}
.rnb_brand_assets_logo_guidelines_images,
.rnb_brand_assets_our_icon_images,
.rnb_brand_assets_badge_guidelines_images,
.rnb_brand_assets_what_not_to_do_image {
margin-top: 40px;
}
.rnb_brand_assets_what_not_to_do_image, .rnb_brand_assets_what_not_to_do_image img {
width: 100%;
height: auto;
}
.rnb_icon_sans_circle {
margin-top: 30px;
}
.rnb_brand_assets_our_icon_images,
.rnb_brand_assets_badge_guidelines_images {
flex-direction: column !important;
align-items: center !important;
}
.rnb_brand_assets_badge_guidelines_images .rnb-flex:nth-child(2) img {
margin-top: 20px;
}
.rnb_brand_assets_our_colours_examples {
width: 500px !important;
}
.rnb_brand_assets_our_colours_example,
.rnb_brand_assets_our_colours_example:nth-child(2n-1) {
margin-right: 111px;
}
.rnb_brand_assets_our_colours_example:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 539px) {
.rnb_brand_assets_logo_usage_images, .rnb_brand_assets_logo_usage_images img {
width: 100%;
height: auto;
}
.rnb_brand_assets_what_not_to_do_text svg {
width: 20px !important;
height: 20px !important;
flex-shrink: 0;
}
.rnb_brand_assets_our_colours_examples {
width: 280px !important;
}
.rnb_brand_assets_our_colours_example {
margin-right: 0px !important;
}
.rnb_brand_assets_our_typography_examples {
flex-direction: column !important;
align-items: center !important;
}
.rnb_brand_assets_our_typography_example {
margin-top: 20px;
}
.rnb_brand_assets_our_typography_example:first-child {
margin-top: 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_brand_assets_logo_guidelines_inner,
.rnb_brand_assets_colour_guidelines_inner,
.rnb_brand_assets_logo_usage_inner,
.rnb_brand_assets_what_not_to_do_inner,
.rnb_brand_assets_our_icon_inner,
.rnb_brand_assets_badge_guidelines_inner,
.rnb_brand_assets_our_colours_inner,
.rnb_brand_assets_our_typography_inner,
.rnb_brand_assets_resources_inner {
padding: 80px 0;
}
.rnb_brand_assets_logo_usage_inner {
padding-bottom: 40px;
}
.rnb_brand_assets_what_not_to_do_image,
.rnb_brand_assets_logo_guidelines_text,
.rnb_brand_assets_logo_guidelines_images,
.rnb_brand_assets_logo_usage_images,
.rnb_brand_assets_our_icon_images,
.rnb_brand_assets_our_colours_example:nth-child(3),
.rnb_brand_assets_our_colours_example:nth-child(4),
.rnb_brand_assets_our_colours_example:nth-child(5),
.rnb_brand_assets_our_colours_example:last-child {
margin-top: 20px;
}
.rnb_brand_assets_logo_guidelines_images,
.rnb_brand_assets_our_icon_images,
.rnb_brand_assets_badge_guidelines_images,
.rnb_brand_assets_what_not_to_do_image {
margin-top: 40px;
}
.rnb_brand_assets_what_not_to_do_inner {
padding-top: 0px;
}
.rnb_brand_assets_what_not_to_do_image {
margin-top: 40px;
}
}
/*section 1 - banner*/
#rnb_push_promo_banner {
background-image: linear-gradient(131deg, #000FF699 0%, #FD585899 43%, #C67D6D99 79%, #3315FF99 100%), url("./_assets/push-promo/banner/lights.png"), url("./_assets/push-promo/banner/hero-image.jpg");
background-size: cover;
}
.rnb_push_promo_banner_inner {
max-width: 1411px;
width: 100%;
padding-bottom: 114px;
}
.rnb_push_promo_banner_inner .rnb_p_lb {
width: 745px;
}
.rnb_push_promo_banner_links .rnb_p_pb, .rnb_push_promo_banner_links .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_links div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_links .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before,
.rnb_push_promo_banner_links .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before, .rnb_push_promo_banner_links .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before {
display: none;
}
.rnb_push_promo_banner_inner .rnb_a:last-child .rnb_h6, .rnb_push_promo_banner_inner svg {
margin-left: 10px;
}
.rnb_push_promo_banner_inner .rnb_a:hover svg {
transform: translateX(5px);
}
/*section 2 - platform for music makers and content creators*/
.rnb_platform_makers_creators_inner .rnb_h2 {
z-index: 1;
max-width: 830px;
width: 100%;
}
.rnb_platform_makers_creators_inner .rnb_p_lb {
max-width: 1018px;
width: 100%;
}
.rnb_platform_makers_creators_feature {
z-index: 1;
margin-top: 75px;
width: 100%;
max-width: 1396px;
justify-content: center;
}
.rnb_platform_makers_creators_features .rnb_platform_makers_creators_feature:nth-child(3) {
margin-bottom: 99px;
}
.rnb_platform_makers_creators_image {
width: auto;
height: 467px;
flex-shrink: 0;
}
.rnb_platform_makers_creators_feature:nth-child(odd) .rnb_platform_makers_creators_image {
margin-right: 75px;
}
.rnb_platform_makers_creators_feature:nth-child(even) .rnb_platform_makers_creators_image {
margin-left: 93px;
}
.rnb_platform_makers_creators_feature:first-child {
margin-right: 86px;
}
.rnb_platform_makers_creators_feature:first-child .rnb_platform_makers_creators_feature_text {
max-width: 466px;
}
.rnb_platform_makers_creators_feature:nth-child(2) {
margin-left: 334px;
}
.rnb_platform_makers_creators_feature:nth-child(2) .rnb_platform_makers_creators_feature_text {
max-width: 519px;
}
.rnb_platform_makers_creators_feature:nth-child(2) .rnb_platform_makers_creators_feature_text .rnb_p_lb {
max-width: 447px;
}
.rnb_platform_makers_creators_feature:nth-child(3) {
margin-right: 242px;
}
.rnb_platform_makers_creators_feature:nth-child(3) .rnb_platform_makers_creators_feature_text {
max-width: 487px;
}
.rnb_platform_makers_creators_list {
list-style: none;
margin: 0;
padding: 0;
}
.rnb_platform_makers_creators_list li {
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.rnb_platform_makers_creators_tick {
flex-shrink: 0;
margin-right: 20px;
}
.rnb_platform_makers_creators_dashed_line {
z-index: 0;
top: -229px;
right: 347px;
}
/*section 3 - extra campaigns for routenote users*/
.rnb_extra_campaigns_inner {
max-width: 1018px;
width: 100%;
padding-bottom: 100px;
}
.rnb_extra_campaigns_inner svg {
margin-left: 10px;
}
.rnb_extra_campaigns_inner .rnb_a:hover svg {
transform: translateX(5px);
}
.rnb_extra_campaigns_features {
width: 100%;
max-width: 846px;
}
.rnb_extra_campaigns_feature {
width: 200px;
}
/*section 4 - what else can we offer*/
.rnb_take_charge_inner {
padding-bottom: 100px;
}
.rnb_take_charge_inner .rnb_p_lb {
width: 902px;
}
.rnb_take_charge_nodes {
width: 1018px;
}
.rnb_take_charge_nodes > div:nth-child(2), .rnb_take_charge_nodes > div:nth-child(5) {
transition-delay: 0.1s;
}
.rnb_take_charge_nodes > div:nth-child(3), .rnb_take_charge_nodes > div:nth-child(6) {
transition-delay: 0.2s;
}
.rnb_take_charge_node {
height: 202px;
margin-top: 0;
}
.rnb_take_charge_nodes div:nth-child(4) .rnb_take_charge_node,
.rnb_take_charge_nodes div:nth-child(5) .rnb_take_charge_node,
.rnb_take_charge_nodes div:nth-child(6) .rnb_take_charge_node {
margin-top: 20px;
}
@media (max-width: 1708px) {
.rnb_platform_makers_creators_feature {
max-width: 1018px;
}
.rnb_platform_makers_creators_image {
height: 350px;
}
.rnb_platform_makers_creators_feature:first-child, .rnb_platform_makers_creators_feature:nth-child(3) {
margin-right: 0px;
}
.rnb_platform_makers_creators_feature:nth-child(2) {
margin-left: 0px;
}
.rnb_platform_makers_creators_dashed_line {
width: 1223px !important;
top: -234px;
right: 104px;
}
}
@media (max-width: 1599px) {
.rnb_platform_makers_creators_dashed_line {
transform: scaleX(0.7);
right: 151px;
}
}
@media (max-width: 1199px) {
.rnb_platform_makers_creators_inner .rnb_h2 {
background-color: white;
}
.rnb_platform_makers_creators_inner .rnb_p_lb {
max-width: 952px;
}
.rnb_platform_makers_creators_image {
height: 300px;
}
.rnb_platform_makers_creators_dashed_line {
transform: scaleX(0.7) scaleY(0.95);
right: -31px;
top: -263px;
}
.rnb_take_charge_nodes {
width: 640px;
}
.rnb_take_charge_nodes > div:nth-child(2), .rnb_take_charge_nodes > div:nth-child(4), .rnb_take_charge_nodes > div:nth-child(6) {
transition-delay: 0.1s;
}
.rnb_take_charge_nodes > div:nth-child(3), .rnb_take_charge_nodes > div:nth-child(5) {
transition-delay: 0s;
}
.rnb_take_charge_nodes div:nth-child(3) .rnb_take_charge_node {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.rnb_push_promo_banner_inner .rnb_p_lb {
width: auto;
}
.rnb_platform_makers_creators_feature {
flex-direction: column;
}
.rnb_platform_makers_creators_feature:nth-child(even) {
flex-direction: column-reverse;
}
.rnb_platform_makers_creators_feature:nth-child(odd) .rnb_platform_makers_creators_image {
margin-right: 0px;
}
.rnb_platform_makers_creators_feature:nth-child(even) .rnb_platform_makers_creators_image {
margin-left: 0px;
}
.rnb_platform_makers_creators_dashed_line {
display: none;
}
}
@media (max-width: 767px) {
.rnb_push_promo_banner_inner {
padding-bottom: 80px;
}
.rnb_platform_makers_creators_image {
height: 250px;
}
.rnb_platform_makers_creators_feature_text {
margin-top: 10px;
}
.rnb_extra_campaigns_inner, .rnb_take_charge_inner {
padding-bottom: 80px;
}
.rnb_take_charge_nodes {
width: 100%;
flex-direction: column;
align-items: center;
}
.rnb_take_charge_nodes > div {
transition-delay: 0s;
}
.rnb_take_charge_node {
height: 188px;
}
.rnb_take_charge_nodes div:nth-child(2) .rnb_take_charge_node {
margin-top: 20px;
}
}
@media (max-width: 539px) {
.rnb_push_promo_banner_inner {
align-items: center !important;
}
.rnb_push_promo_banner_inner * {
text-align: center;
}
.rnb_push_promo_banner_inner .rnb_p_pb, .rnb_push_promo_banner_inner .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_push_promo_banner_inner .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_inner div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_push_promo_banner_inner .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_inner .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_push_promo_banner_inner .rnb_h3.rnb_text_oswald:before,
.rnb_push_promo_banner_inner .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_push_promo_banner_inner .rnb_h3.rnb_text_oswald:before, .rnb_push_promo_banner_inner .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_push_promo_banner_inner .rnb_h3.rnb_text_oswald:before {
display: none;
}
.rnb_push_promo_banner_links {
flex-direction: column !important;
align-items: center !important;
}
.rnb_push_promo_banner_links .rnb_p_pb, .rnb_push_promo_banner_links .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_links div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:after, .rnb_push_promo_banner_links .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before,
.rnb_push_promo_banner_links .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before, .rnb_push_promo_banner_links .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_push_promo_banner_links .rnb_h3.rnb_text_oswald:before {
display: block;
margin-bottom: 10px;
}
.rnb_push_promo_banner_inner .rnb_a .rnb_h6 {
margin-left: 0;
}
.rnb_platform_makers_creators_image {
height: 172px;
}
.rnb_extra_campaigns_inner .rnb_a {
width: 200px;
}
.rnb_extra_campaigns_inner .rnb_a svg {
flex-shrink: 0;
}
.rnb_extra_campaigns_features {
flex-direction: column !important;
align-items: center !important;
}
.rnb_extra_campaigns_feature:nth-child(2),
.rnb_extra_campaigns_feature:nth-child(3) {
margin-top: 20px;
}
.rnb_take_charge_nodes {
width: 100%;
flex-direction: column;
align-items: center;
}
.rnb_take_charge_nodes div:nth-child(2) .rnb_take_charge_node {
margin-top: 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_platform_makers_creators_dashed_line {
display: none;
}
}
#rnb_pricing_banner {
background-image: linear-gradient(66deg, rgba(44, 15, 255, 0.45) 0%, rgba(54, 20, 249, 0.45) 21%, rgba(243, 102, 102, 0.45) 45%, rgba(255, 81, 81, 0.45) 71%, rgba(82, 43, 212, 0.45) 95%), url("./_assets/pricing/pricing-lights-hero.png"), url("./_assets/pricing/pricing-hero.jpg");
background-size: cover;
background-position: center;
z-index: 1;
}
.rnb_pricing_banner_inner {
max-width: 1110px;
padding-bottom: 114px;
}
.rnb_pricing_banner_inner .rnb_h1 {
width: 896px;
}
.rnb_pricing_comparison_inner {
max-width: 1266px;
}
.rnb_pricing_comparison_inner .rnb_pricing_options {
transform: translateY(-45px);
margin-bottom: -45px;
}
.rnb_pricing_option_wide {
width: 312px;
padding: 20px 50px 40px 50px;
}
.rnb_pricing_premium_options {
width: 312px;
height: 50px;
border-radius: 9999px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
overflow: hidden;
box-shadow: 10px 6px 17px #0000000D;
}
.rnb_pricing_premium_option {
width: 78px;
height: 100%;
cursor: pointer;
}
.rnb_pricing_option_wide.rnb_pricing_premium {
padding-bottom: 23px;
}
.rnb_pricing_premium_option, .rnb_pricing_premium_option .rnb_h7 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.rnb_pricing_premium_option_hover:hover {
background-color: #76DC7C1A;
}
.rnb_pricing_premium_option_hover:active {
background-color: #76DC7C33;
}
.rnb_pricing_premium_option .rnb_h7 {
width: 100%;
height: 34px;
font-size: 12px;
border-right: 1px solid #E8E8E8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rnb_pricing_premium_option:last-child .rnb_h7 {
border-right: 0px;
}
.rnb_pricing_cost_post_number {
height: 76px;
}
.rnb_pricing_premium .rnb_pricing_cost .rnb_h7 span {
transition: unset;
-webkit-animation: 0.3s fadeIn forwards;
animation: 0.3s fadeIn forwards;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after {
content: "*";
font-weight: 100;
position: absolute;
top: 20px;
right: -8px;
}
#rnb_pricing_comparison .rnb_pricing_enterprise .rnb_pricing_list {
margin-top: 17px;
}
.rnb_pricing_options_wide .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_rounded_button {
width: 151px;
margin-left: -1px;
}
.rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rounded_button {
width: 158px;
}
.rnb_pricing_options_wide .rnb_rectangle_button span, .rnb_pricing_options_wide .rnb_rounded_button span {
margin-left: 1px;
}
.rnb_pricing_options_wide .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_rounded_button {
transition: 1s all ease !important;
}
.rnb_all_access_button_container {
margin-bottom: 18px;
}
@media (max-width: 1305px) {
.rnb_pricing_options_wide {
flex-direction: column;
align-items: center;
}
.rnb_pricing_options_wide .rnb_pricing_option {
transition-delay: 0s;
margin-bottom: 40px;
}
.rnb_pricing_options_wide .rnb_pricing_option_show:nth-child(2), .rnb_pricing_options_wide .rnb_pricing_option_show:nth-child(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.rnb_pricing_options_wide .rnb_pricing_option:last-child {
margin-bottom: 0px;
}
#rnb_pricing_comparison .rnb_pricing_enterprise .rnb_pricing_list {
margin-top: 40px;
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
.rnb_pricing_options_wide .rnb_pricing_option {
margin-right: 0px;
}
}
@media (max-width: 991px) {
.rnb_pricing_banner_inner .rnb_h1 {
width: 100%;
max-width: 713px;
}
.rnb_pricing_options_wide .rnb_pricing_option {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.rnb_pricing_comparison_inner .rnb_pricing_options {
transform: translateY(-30px);
margin-bottom: -30px;
}
.rnb_pricing_premium_option .rnb_h7 {
font-size: 10px;
}
.rnb_pricing_premium_options {
height: 38px;
}
.rnb_pricing_option_wide {
padding: 10px 20px 20px 20px;
}
.rnb_pricing_cost_post_number {
height: 64px;
}
.rnb_pricing_options_wide .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_rounded_button {
width: 141px;
}
.rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rounded_button {
width: 147px;
}
#rnb_pricing_comparison .rnb_pricing_enterprise .rnb_pricing_list {
margin-top: 0;
margin-bottom: 0;
}
.rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after {
top: 13px;
right: -5px;
}
}
@media (max-width: 539px) {
.rnb_pricing_option_wide {
width: 240px;
}
.rnb_pricing_premium_options {
width: 251px;
}
.rnb_pricing_premium_option {
width: 83px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_pricing_options_wide .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_rounded_button {
width: 141px;
}
.rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rectangle_button, .rnb_pricing_options_wide .rnb_pricing_option:last-child .rnb_rounded_button {
width: 147px;
}
#rnb_pricing_comparison .rnb_pricing_enterprise .rnb_pricing_list {
margin-top: 0;
margin-bottom: 0;
}
.rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after {
top: 13px;
right: -5px;
}
}
#rnb_privacy_policy_banner {
background-image: url("./_assets/privacy-policy/privacy-policy-lights-hero.png"), linear-gradient(90deg, #C2675C 0%, #854B9C 50%, #242689 100%);
background-size: cover;
background-position: center left;
}
.rnb_privacy_policy_banner_inner {
max-width: 1411px;
width: 100%;
padding: 130px 0px 62px 0px;
}
.rnb_privacy_policy_inner {
padding: 100px 0;
max-width: 1020px;
}
.rnb_privacy_policy_inner ol {
padding: 0;
}
.rnb_privacy_policy_inner ol li {
margin-left: 62px;
margin-top: 28px;
}
.rnb_privacy_policy_inner ul {
padding: 0;
}
.rnb_privacy_policy_inner ul li {
position: relative;
list-style: none;
margin-left: 140px;
margin-top: 28px;
}
.rnb_privacy_policy_inner ul li:before {
content: "•";
font-size: 31px;
position: absolute;
left: -24px;
}
.rnb_privacy_policy_inner table ul li {
margin-left: 54.44px;
}
.rnb_privacy_policy_inner table {
border-spacing: 0px;
}
.rnb_privacy_policy_inner td {
padding: 20px 43px;
border: 1px solid #000000;
border-bottom: 0px solid #000000 !important;
}
.rnb_privacy_policy_inner tr:last-child td {
border-bottom: 1px solid #000000 !important;
}
@media (max-width: 767px) {
.rnb_privacy_policy_banner_inner,
.rnb_privacy_policy_inner {
padding: 80px 0;
}
.rnb_privacy_policy_inner td {
padding: 10px 20px;
}
.rnb_privacy_policy_inner ol li {
margin-left: 49px;
margin-top: 22px;
}
.rnb_privacy_policy_inner ul li {
margin-left: 70px;
margin-top: 22px;
}
.rnb_privacy_policy_inner table ul li {
margin-left: 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_privacy_policy_banner_inner,
.rnb_privacy_policy_inner {
padding: 80px 0;
}
.rnb_privacy_policy_inner td {
padding: 10px 20px;
}
.rnb_privacy_policy_inner ol li {
margin-left: 49px;
margin-top: 22px;
}
.rnb_privacy_policy_inner ul li {
margin-left: 70px;
margin-top: 22px;
}
.rnb_privacy_policy_inner table ul li {
margin-left: 20px;
}
}
.rnb_modern_slavery_inner {
padding: 100px 0;
max-width: 1013px;
}
.rnb_modern_slavery_inner ul {
padding: 0;
}
.rnb_modern_slavery_inner ul li {
position: relative;
list-style: none;
margin-left: 55px;
margin-top: 0px;
}
.rnb_modern_slavery_inner ul li:before {
content: "•";
font-size: 31px;
position: absolute;
left: -32px;
}
@media (max-width: 767px) {
.rnb_modern_slavery_banner_inner,
.rnb_modern_slavery_inner {
padding: 80px 0;
}
.rnb_modern_slavery_inner ul li {
margin-left: 40px;
}
.rnb_modern_slavery_inner ul li:before {
left: -20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_modern_slavery_inner {
padding: 80px 0;
}
.rnb_modern_slavery_inner ul li {
margin-left: 40px;
}
.rnb_modern_slavery_inner ul li:before {
left: -20px;
}
}
#rnb_forbidden {
min-height: 726px;
width: 100%;
}
.rnb_forbidden_dashed_line {
left: 20%;
min-width: 1271.9px;
}
@media (max-height: 1099px) {
.rnb_forbidden_dashed_line {
left: 10%;
}
}
@media (max-height: 991px) {
.rnb_forbidden_dashed_line {
display: none;
}
}
@media (max-width: 1599px) {
.rnb_forbidden_dashed_line {
left: 18%;
}
}
@media (max-width: 1199px) {
#rnb_forbidden {
width: calc(100% - 40px);
height: calc(100vh - 100px);
min-height: 826px;
}
.rnb_forbidden_inner {
transform: translateY(-100px);
}
.rnb_forbidden_dashed_line {
left: 15%;
top: -12% !important;
}
}
@media (max-width: 991px) {
.rnb_forbidden_dashed_line {
display: none;
}
}
@media (max-width: 767px) {
#rnb_forbidden {
height: calc(100vh - 80px);
min-height: 486px;
}
.rnb_forbidden_inner {
transform: translateY(-40px);
}
.rnb_stop_sign {
height: 110px !important;
width: auto !important;
}
}
@media (max-width: 539px) {
.rnb_stop_sign {
height: 90px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_stop_sign {
height: 110px !important;
width: auto !important;
}
}
#rnb_pagenotfound {
z-index: 1;
min-height: 963px;
}
.rnb_guitar {
width: 200px;
}
.rnb_pagenotfound_dashed_line {
z-index: -1;
top: -5%;
}
@media (max-height: 991px) {
.rnb_pagenotfound_dashed_line {
display: none;
}
}
@media (max-width: 1199px) {
#rnb_pagenotfound {
width: calc(100% - 40px);
height: calc(100vh - 100px);
min-height: 1063px;
}
.rnb_pagenotfound_dashed_line {
height: 175% !important;
}
}
@media (max-width: 991px) {
.rnb_pagenotfound_dashed_line {
display: none;
}
}
@media (max-width: 767px) {
#rnb_pagenotfound {
min-height: 563px;
}
.rnb_guitar {
width: 125px;
}
.rnb_guitar svg {
width: 303px !important;
}
}
@media (max-width: 539px) {
#rnb_pagenotfound {
min-height: 669px;
}
.rnb_guitar {
width: 90px;
}
.rnb_guitar svg {
width: 193px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
#rnb_pagenotfound {
min-height: 763px;
}
.rnb_guitar {
width: 125px;
}
.rnb_guitar svg {
width: 303px !important;
}
}
@media (max-width: 1199px) and (orientation: landscape) {
.rnb_pagenotfound_dashed_line {
height: 185% !important;
}
}
.rnb_rectangle_button, .rnb_rounded_button {
padding: 0;
border: 0;
flex-shrink: 0;
overflow: hidden;
white-space: nowrap;
}
.rnb_rounded_button {
margin: 0 5px;
border-radius: 9999px;
flex-shrink: 0;
}
.rnb_a .rnb_rectangle_button, .rnb_a .rnb_rounded_button,
.rnb_rounded_button.rnb_a {
padding: 13px 32px;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
flex-shrink: 0;
white-space: nowrap;
}
.rnb_rounded_button:hover {
color: #1345ac;
}
.rnb_rounded_button:active {
color: #fff !important;
}
.rnb_blue_button .rnb_rectangle_button, .rnb_blue_button .rnb_rounded_button{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.rnb_green_button .rnb_rectangle_button, .rnb_green_button .rnb_rounded_button{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.rnb_navy_button .rnb_rectangle_button, .rnb_navy_button .rnb_rounded_button{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.rnb_white_button .rnb_rectangle_button, .rnb_white_button .rnb_rounded_button{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.rnb_border_button .rnb_rectangle_button, .rnb_border_button .rnb_rounded_button{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
@media (max-width: 767px) {
.rnb_rectangle_button .rnb_a, .rnb_rounded_button .rnb_a {
padding: 10px 24px;
}
.rnb_rounded_button.rnb_a {
padding: 14px 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_rectangle_button .rnb_a, .rnb_rounded_button .rnb_a {
padding: 10px 24px;
}
.rnb_rounded_button.rnb_a {
padding: 14px 20px;
}
}
#rnb_home_testimonials {
height: 451px;
}
#rnb_home_testimonials * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: unset;
}
.rnb_home_testimonials_inner {
position: relative;
display: flex;
flex-direction: row;
}
.rnb_testimonial_slide {
min-width: 100%;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
.rnb_testimonial_slide * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hooper {
width: 100%;
}
.hooper-track {
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
}
.hooper-slide {
list-style-type: none;
flex-shrink: 0;
}
.hooper-liveregion {
display: none;
}
.rnb_testimonial_slide_text {
width: 50%;
margin: auto 100px;
padding-left: 80px;
transition: unset;
position: relative;
}
.rnb_testimonial_slide_image_container {
width: 40%;
height: 100%;
overflow: hidden;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: center;
z-index: 9998;
}
.rnb_testimonial_slide_image_container .hooper {
display: flex;
flex-direction: row;
align-items: flex-end;
}
.rnb_testimonial_slide_image_container .hooper-slide {
width: 701px;
height: 451px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
}
.rnb_testimonial_slide_image {
width: 420px;
height: auto;
pointer-events: none;
}
.rnb_testimonial_slide_text_container {
min-width: 721px;
width: 100%;
}
.rnb_testimonial_slide_text_inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
transition: unset;
}
.hooper-slide:not(.is-current) .rnb_testimonial_slide_text_inner {
display: none;
}
.rnb_testimonial_slide_text_quote {
position: absolute;
top: -6px;
}
.rnb_testimonial_slide_text_quote:first-child {
left: 7px;
}
.rnb_testimonial_slide_text_quote:nth-child(2) {
left: 30px;
}
.rnb_testimonial_slide_text .rnb_h5, .rnb_testimonial_slide_text .rnb_pricing_cost .rnb_h1:before, .rnb_pricing_cost .rnb_testimonial_slide_text .rnb_h1:before, .rnb_testimonial_slide_text .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_testimonial_slide_text .rnb_h1:after {
font-weight: normal;
position: relative;
}
.rnb_testimonial_slide_text .rnb_h6 {
font-size: 18px;
line-height: 24px;
}
.rnb_testimonial_slide_text .rnb_p_lb {
padding-top: 5px;
}
.hooper-navigation {
width: 56px;
position: absolute;
z-index: 999;
top: 300px;
left: 90%;
}
.hooper-navigation button {
background-color: transparent;
color: transparent;
border: none;
border-radius: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 18px;
height: 13px;
transition: all 0.1s ease !important;
}
.hooper-navigation button:active {
filter: brightness(90%);
}
.hooper-navigation svg {
display: none;
}
.hooper-prev {
background-image: url("/_assets/svg/button-arrow-white.svg");
transform: rotate(180deg);
margin-right: 20px;
}
.hooper-prev:hover, .hooper-prev:active {
transform: translateX(-5px) rotate(180deg);
}
.hooper-next {
background-image: url("/_assets/svg/button-arrow-white.svg");
}
.hooper-next:hover, .hooper-next:active {
transform: translateX(5px);
}
@media (max-width: 1899px) {
#rnb_home_testimonials * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rnb_home_testimonials_inner {
position: relative;
display: flex;
flex-direction: row;
}
.rnb_testimonial_slide {
min-width: 100%;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
.rnb_testimonial_slide * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rnb_testimonial_slide_image_container {
max-width: 701px;
width: 100%;
overflow: hidden;
}
.rnb_testimonial_slide_text_container {
min-width: 721px;
height: auto;
width: 100%;
}
.rnb_testimonial_slide_text {
margin: auto 100px;
padding-left: 80px;
transition: unset;
position: relative;
}
.rnb_testimonial_slide_text_inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
transition: unset;
}
}
@media (max-width: 1599px) {
#rnb_home_testimonials {
height: auto;
padding: 0;
}
.rnb_home_testimonials_inner {
flex-direction: column;
align-items: center;
}
.rnb_testimonial_slide_image_container {
max-width: unset;
width: 100%;
width: 100%;
}
.rnb_testimonial_slide_text_container {
min-width: unset;
}
.rnb_testimonial_slide_text_inner {
height: 237px;
}
.rnb_testimonial_slide_text {
width: 100%;
max-width: 1000px;
margin: auto;
}
.rnb_testimonial_slide_text .hooper {
width: auto;
}
.hooper-navigation {
position: static;
margin: 40px auto;
}
.hooper-track {
height: auto;
}
}
@media (max-width: 1199px) {
#rnb_home_testimonials {
padding: 0;
}
.rnb_testimonial_slide_text_container {
width: 100%;
max-width: 100%;
max-height: 451px;
justify-content: center;
}
.rnb_testimonial_slide_text_inner {
height: 269px;
}
.rnb_testimonial_slide_text {
width: auto;
max-width: unset;
flex-shrink: 1;
margin: auto 160px auto 80px;
}
}
@media (max-width: 991px) {
.rnb_testimonial_slide_text_inner {
height: 301px;
}
.rnb_testimonial_slide_text {
margin: 0 100px 0 40px;
}
}
@media (max-width: 767px) {
.rnb_testimonial_slide {
flex-direction: column;
justify-content: flex-start;
}
.rnb_testimonial_slide_text_inner {
height: 277px;
}
.rnb_testimonial_slide_text_quote {
width: 20px;
height: 20px;
top: 0px;
}
.rnb_testimonial_slide_text_quote:first-child {
left: 36px;
}
.rnb_testimonial_slide_text_quote:nth-child(2) {
left: 59px;
}
.rnb_testimonial_slide_text {
padding: 40px 0 0px 40px;
height: auto;
justify-content: flex-start;
}
}
@media (max-width: 539px) {
#rnb_home_testimonials {
display: flex;
flex-direction: column;
align-items: center;
}
.rnb_home_testimonials_inner {
width: 100%;
}
.rnb_testimonial_slide_image_container .hooper-slide {
height: 268px;
}
.rnb_testimonial_slide_image {
width: 280px;
}
.rnb_testimonial_slide_text_inner {
height: 325px;
}
.rnb_testimonial_slide_text {
width: auto;
margin: auto 20px auto 0px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_testimonial_slide {
flex-direction: column;
justify-content: flex-start;
}
.rnb_testimonial_slide_image_center {
width: 540px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
}
.rnb_testimonial_slide_text_inner {
height: 181px;
}
.rnb_testimonial_slide_text .rnb_h5:before, .rnb_testimonial_slide_text .rnb_pricing_cost .rnb_h1:before, .rnb_pricing_cost .rnb_testimonial_slide_text .rnb_h1:before, .rnb_testimonial_slide_text .rnb_h5:after, .rnb_testimonial_slide_text .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_h1:after, .rnb_pricing_option_wide.rnb_pricing_premium .rnb_pricing_cost .rnb_testimonial_slide_text .rnb_h1:after {
width: 20px;
height: 20px;
background-size: contain;
top: -30px;
}
.rnb_testimonial_slide_text:before {
left: 36px;
}
.rnb_testimonial_slide_text:after {
left: 59px;
}
.rnb_testimonial_slide_text {
padding: 40px 0 40px 40px;
justify-content: flex-start;
}
}
.rnb_your_music_your_way_inner {
padding: 100px 0;
}
.rnb_your_way_nodes {
width: 1018px;
}
.rnb_your_way_nodes > div:nth-child(2), .rnb_your_way_nodes > div:nth-child(5) {
transition-delay: 0.1s;
}
.rnb_your_way_nodes > div:nth-child(3), .rnb_your_way_nodes > div:nth-child(6) {
transition-delay: 0.2s;
}
.rnb_your_way_nodes > div:nth-child(4),
.rnb_your_way_nodes > div:nth-child(5),
.rnb_your_way_nodes > div:nth-child(6) {
margin-top: 20px;
}
.rnb_your_way_node {
display: flex;
flex-direction: column;
height: 200px;
opacity: 0;
}
.rnb_your_way_node_show {
-webkit-animation: pricing_option_slide_up 0.3s ease forwards;
animation: pricing_option_slide_up 0.3s ease forwards;
}
@keyframes pricing_option_slide_up {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
.rnb_your_way_node_hide:nth-child(2), .rnb_your_way_node_show:nth-child(2),
.rnb_your_way_node_hide:nth-child(5), .rnb_your_way_node_show:nth-child(5) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.rnb_your_way_node_hide:nth-child(3), .rnb_your_way_node_show:nth-child(3),
.rnb_your_way_node_hide:nth-child(6), .rnb_your_way_node_show:nth-child(6) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.rnb_your_way_node_hide {
opacity: 1;
-webkit-animation: pricing_option_slide_down 0.3s ease forwards;
animation: pricing_option_slide_down 0.3s ease forwards;
}
@keyframes pricing_option_slide_down {
0% {
transform: translateY(0px);
opacity: 1;
}
100% {
transform: translateY(100px);
opacity: 0;
}
}
@media (max-width: 1199px) {
.rnb_your_way_nodes {
width: 640px;
}
.rnb_your_way_node {
height: 222px;
}
.rnb_your_way_node_hide:nth-child(1), .rnb_your_way_node_show:nth-child(1),
.rnb_your_way_node_hide:nth-child(3), .rnb_your_way_node_show:nth-child(3),
.rnb_your_way_node_hide:nth-child(5), .rnb_your_way_node_show:nth-child(5) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.rnb_your_way_node_hide:nth-child(2), .rnb_your_way_node_show:nth-child(2),
.rnb_your_way_node_hide:nth-child(4), .rnb_your_way_node_show:nth-child(4),
.rnb_your_way_node_hide:nth-child(6), .rnb_your_way_node_show:nth-child(6) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.rnb_your_way_nodes > div:nth-child(2) {
margin-top: 0px;
}
.rnb_your_way_nodes > div:nth-child(3) {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.rnb_your_way_nodes {
width: 100%;
flex-direction: column;
align-items: center;
}
.rnb_your_way_node {
height: auto;
padding-bottom: 20px;
}
.rnb_your_way_nodes > div {
margin-top: 20px;
transition-delay: 0s;
}
.rnb_your_way_nodes > div:nth-child(2) {
margin-top: 20px;
}
.rnb_your_way_node_hide, .rnb_your_way_node_show {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
}
@media (max-width: 539px) {
.rnb_your_music_your_way_inner {
padding: 80px 0;
}
.rnb_your_music_your_way_inner .rnb_h2 {
width: 260px;
}
.rnb_your_way_nodes {
width: 100%;
flex-direction: column;
align-items: center;
}
.rnb_your_way_node:nth-child(2) {
margin-top: 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_your_way_node {
height: 136px;
}
}
#rnb_newsletter {
min-height: 726px;
width: 100%;
}
.rnb_newsletter_inner {
margin-top: 189px;
}
.rnb_newsletter_form {
max-width: 471px;
}
.rnb_newsletter_form .rnb_textarea {
margin-left: 29px;
max-width: 402px;
height: 204px;
}
@media (max-width: 1199px) {
#rnb_newsletter {
width: calc(100% - 40px);
height: calc(100vh - 100px);
min-height: 826px;
}
.rnb_newsletter_inner {
margin-top: 89px;
}
}
@media (max-width: 767px) {
.rnb_newsletter_form .rnb_textarea {
height: 210px;
}
}
@media (max-width: 539px) {
.rnb_newsletter_form .rnb_textarea {
width: calc(100% - 40px);
margin-left: 0px;
}
}
.rnb_sign_in_banner {
background-image: linear-gradient(60deg, #2531C0A1 0%, #F7BFBFA1 40%, rgba(251, 127, 119, 0.63) 63%, #1A08C4A1 100%), url("./_assets/sign-in/sign-in-lights-hero.png"), url("./_assets/sign-in/sign-in-hero.jpg");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
width: 611px;
}
.rnb_sign_in_login {
z-index: 9999;
margin-top: 23px;
margin-right: 60px;
}
.rnb_sign_in_login .rnb_p_lb {
margin-right: 20px;
}
.rnb_sign_in_inner {
padding: 150px 20px 50px 20px;
max-width: 650px;
}
.rnb_sign_in_inner .rnb_input {
max-width: calc(100% - 32px);
}
.rnb_sign_in_form .rnb_a {
margin-left: 25px;
margin-right: 25px;
}
.rnb_sign_in_form .rnb_a.rnb_blue_button {
margin: 0px;
}
.rnb_sign_in_captcha {
max-width: 303px;
height: 76px;
}
@media (max-width: 1599px) {
.rnb_sign_in_banner {
width: 510px;
}
}
@media (max-width: 1199px) {
.rnb_sign_in_banner, .rnb_sign_in_login {
display: none !important;
}
.rnb_sign_in_inner {
padding: 50px 20px;
}
}
@media (max-width: 767px) {
.rnb_sign_in_inner .rnb_input {
max-width: calc(100% - 32px);
}
}
.rnb_sign_up_page_banner {
background-image: linear-gradient(0deg, #2531C080 0%, #FF8F7D80 44%, #FC7E7580 63%, #1D25E080 100%), url("./_assets/sign-up/sign-up-lights-hero.png"), url("./_assets/sign-up/sign-up-hero.jpg");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
width: 611px;
}
.rnb_sign_up_page_login {
z-index: 9999;
margin-top: 23px;
margin-right: 60px;
}
.rnb_sign_up_page_login .rnb_p_lb {
margin-right: 20px;
}
.rnb_sign_up_page_inner {
padding: 150px 20px 50px 20px;
max-width: 650px;
}
.rnb_sign_up_page_inner .rnb_input {
max-width: calc(100% - 32px);
}
.rnb_sign_up_page_passwords div {
max-width: 315px;
}
.rnb_sign_up_page_password_check {
width: 7px;
height: 7px;
border-radius: 4px;
margin-right: 10px;
}
.rnb_sign_up_page_confirm_password_sm {
display: none;
}
.rnb_sign_up_page_password_strength {
height: 20px;
}
.rnb_sign_up_page_inner .rnb_search_input_container {
max-width: unset !important;
}
.rnb_sign_up_page_inner .rnb_search_input_container .rnb_input {
width: 100% !important;
max-width: calc(100% - 32px);
}
.rnb_sign_up_page_inner .rnb_input_results {
width: 100% !important;
}
.rnb_sign_up_page_paypal .rnb_input {
padding-right: 190px !important;
max-width: calc(100% - 206px);
}
.rnb_sign_up_page_paypal .rnb_h7 {
margin-right: 25px;
}
.rnb_sign_up_page_paypal_tooltip {
width: 334px;
padding: 17px 23px;
top: -142px;
right: -214px;
}
.rnb_sign_up_page_paypal_tooltip_arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 11px 11px 0 11px;
border-color: #1345ac transparent transparent transparent;
top: 122px;
left: 53px;
}
.rnb_sign_up_page_referral {
padding-bottom: 22px;
border-bottom: 1px solid #E8E8E8;
}
.rnb_sign_up_page_referral_link_svg_rotate {
transform: rotate(-90deg);
}
.rnb_sign_up_page_referral_arrow {
transition: all 0.1s ease;
}
.rnb_sign_up_button_force_hide {
display: none !important;
}
.rnb_sign_up_page_referral_link .rnb_h6,
.rnb_sign_up_page_referral_link .rnb_p_pb,
.rnb_sign_up_page_referral_link .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:after,
.rnb_sign_up_page_referral_link div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after,
div .rnb_routenote_beats_cell:nth-child(4n) .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:after,
.rnb_sign_up_page_referral_link .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_earn_more_with_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before,
.rnb_sign_up_page_referral_link .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before,
.rnb_sign_up_page_referral_link .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before,
.rnb_price_comparison_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before,
.rnb_sign_up_page_referral_success .rnb_p_lb {
margin-left: 10px;
}
.rnb_sign_up_page_referral_success .rnb_h7 {
margin-left: 7px;
}
.rnb_sign_up_page_referral_input .rnb_input {
max-width: 433px;
}
.rnb_sign_up_page_referral_input .rnb_rectangle_button, .rnb_sign_up_page_referral_input .rnb_rounded_button {
margin-left: 20px;
}
.rnb_sign_up_page_referral_input .rnb_rectangle_button .rnb_a, .rnb_sign_up_page_referral_input .rnb_rounded_button .rnb_a {
padding: 11px 30px;
}
.rnb_sign_up_referral_unset {
max-width: unset !important;
}
.rnb_sign_up_checkbox, .rnb_sign_up_page_captcha {
margin-top: 20px;
}
.rnb_sign_up_page_captcha {
max-width: 303px;
height: 76px;
}
@media (max-width: 1799px) {
.rnb_sign_up_page_paypal_tooltip {
right: -142px;
}
.rnb_sign_up_page_paypal_tooltip_arrow {
left: 125px;
}
}
@media (max-width: 1599px) {
.rnb_sign_up_page_banner {
width: 510px;
}
.rnb_sign_up_page_paypal_tooltip {
right: 0px;
}
.rnb_sign_up_page_paypal_tooltip_arrow {
left: 267px;
}
}
@media (max-width: 1199px) {
.rnb_sign_up_page_banner, .rnb_sign_up_page_login {
display: none !important;
}
.rnb_sign_up_page_inner {
padding: 50px 20px;
max-width: 650px;
}
}
@media (max-width: 767px) {
.rnb_sign_up_page_passwords {
flex-direction: column !important;
}
.rnb_sign_up_page_passwords div {
max-width: unset;
}
.rnb_sign_up_page_confirm_password_lg {
display: none;
}
.rnb_sign_up_page_confirm_password_sm {
display: block;
}
.rnb_sign_up_page_referral_input .rnb_rectangle_button .rnb_a, .rnb_sign_up_page_referral_input .rnb_rounded_button .rnb_a {
padding: 8px 18px;
}
.rnb_sign_up_page_paypal_tooltip {
width: 250px;
padding: 10px 15px;
top: -96px;
}
.rnb_sign_up_page_paypal_tooltip_arrow {
top: 92px;
border-width: 8px 8px 0 8px;
left: 180px;
}
}
@media (max-width: 539px) {
.rnb_sign_up_page_referral .rnb_p_pb, .rnb_sign_up_page_referral .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_sign_up_page_referral .rnb_h3.rnb_text_oswald:after, .rnb_sign_up_page_referral div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_sign_up_page_referral .rnb_h3.rnb_text_oswald:after, .rnb_sign_up_page_referral .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_sign_up_page_referral .rnb_h3.rnb_text_oswald:before,
.rnb_sign_up_page_referral .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_sign_up_page_referral .rnb_h3.rnb_text_oswald:before, .rnb_sign_up_page_referral .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_sign_up_page_referral .rnb_h3.rnb_text_oswald:before {
display: block !important;
}
.rnb_sign_up_page_referral_link .rnb_p_pb, .rnb_sign_up_page_referral_link .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:after, .rnb_sign_up_page_referral_link div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:after, .rnb_sign_up_page_referral_link .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before,
.rnb_sign_up_page_referral_link .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before, .rnb_sign_up_page_referral_link .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_sign_up_page_referral_link .rnb_h3.rnb_text_oswald:before {
display: none !important;
}
.rnb_sign_up_page_referral_input {
flex-direction: column !important;
align-items: flex-end !important;
}
.rnb_sign_up_page_referral_input .rnb_rectangle_button, .rnb_sign_up_page_referral_input .rnb_rounded_button {
margin-top: 10px;
margin-left: 0px;
}
.rnb_sign_up_page_referral_input .rnb_input, .rnb_sign_up_referral_unset {
max-width: calc(100% - 40px) !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_sign_up_page_paypal_tooltip {
width: 250px;
padding: 10px 15px;
top: -96px;
}
.rnb_sign_up_page_paypal_tooltip_arrow {
top: 92px;
border-width: 8px 8px 0 8px;
left: 180px;
}
}
.rnb_forgotten_password_page_banner {
background-image: linear-gradient(39deg, #1420B382 1%, #FF7E6782 34%, #FDA16982 71%, #08175382 100%), url("./_assets/forgotten-password/forgotten-password-lights-hero.png"), url("./_assets/forgotten-password/forgotten-password-hero.jpg");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
width: 611px;
}
.rnb_forgotten_password_page_login {
z-index: 9999;
margin-top: 23px;
margin-right: 60px;
}
.rnb_forgotten_password_page_login .rnb_p_lb {
margin-right: 20px;
}
.rnb_forgotten_password_page_inner {
padding: 150px 20px 50px 20px;
max-width: 650px;
}
.rnb_forgotten_password_page_inner .rnb_input {
max-width: calc(100% - 32px);
}
.rnb_forgotten_password_check_divider .rnb_p_pb, .rnb_forgotten_password_check_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_check_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_check_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before {
margin: 0px 20px;
}
.rnb_forgotten_password_contact_divider .rnb_p_pb, .rnb_forgotten_password_contact_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_contact_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_contact_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before {
margin-left: 20px;
}
.rnb_forgotten_password_contact_divider .rnb_h7 {
margin-right: 20px;
}
@media (max-width: 1599px) {
.rnb_forgotten_password_page_banner {
width: 510px;
}
}
@media (max-width: 1199px) {
.rnb_forgotten_password_page_banner, .rnb_forgotten_password_page_login {
display: none !important;
}
.rnb_forgotten_password_page_inner {
padding: 50px 20px;
max-width: 650px;
}
}
@media (max-width: 767px) {
.rnb_forgotten_password_check_divider .rnb_p_pb, .rnb_forgotten_password_check_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_check_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_check_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before {
margin: 0px 10px;
}
.rnb_forgotten_password_contact_divider .rnb_p_pb, .rnb_forgotten_password_contact_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_contact_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_contact_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before {
margin-left: 10px;
}
.rnb_forgotten_password_contact_divider .rnb_h7 {
margin-right: 10px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_forgotten_password_check_divider .rnb_p_pb, .rnb_forgotten_password_check_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_check_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_check_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_check_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_check_divider .rnb_h3.rnb_text_oswald:before {
margin: 0px 10px;
}
.rnb_forgotten_password_contact_divider .rnb_p_pb, .rnb_forgotten_password_contact_divider .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after, div .rnb_routenote_beats_cell:nth-child(4n) .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:after, .rnb_forgotten_password_contact_divider .rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before, .rnb_earn_more_with_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before,
.rnb_forgotten_password_contact_divider .rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before, .rnb_forgotten_password_contact_divider .rnb_price_comparison_inner .rnb_h3.rnb_text_oswald:before, .rnb_price_comparison_inner .rnb_forgotten_password_contact_divider .rnb_h3.rnb_text_oswald:before {
margin-left: 10px;
}
.rnb_forgotten_password_contact_divider .rnb_h7 {
margin-right: 10px;
}
}
#rnb_spotify_artists_banner {
background-image: linear-gradient(90deg, #432BD4A6 8%, #FD5858A6 35%, #C67D6DA6 59%, #613FCDA6 88%), url("./_assets/spotify-for-artists/lights-hero-image.png"), url("./_assets/spotify-for-artists/hero-image.png");
background-size: cover;
background-position: center;
z-index: 1;
}
.rnb_spotify_artists_banner_inner {
max-width: 1020px;
padding: 136px 0px 114px 0px;
}
.rnb_spotify_artists_instant_access_inner, .rnb_spotify_artists_get_on_inner, .rnb_spotify_artists_customise_page_inner {
max-width: 1160px;
padding: 100px 0;
}
.rnb_spotify_artists_instant_access_inner .rnb_p_lb, .rnb_spotify_artists_get_on_inner .rnb_p_lb, .rnb_spotify_artists_customise_page_inner .rnb_p_lb {
width: 100%;
max-width: 960px;
}
.rnb_spotify_artists_instant_access_inner .rnb_a svg, .rnb_spotify_artists_get_on_inner .rnb_a svg {
margin-left: 10px;
}
.rnb_spotify_artists_instant_access_inner .rnb_a:hover svg, .rnb_spotify_artists_get_on_inner .rnb_a:hover svg {
transform: translateX(5px);
}
.rnb_spotify_artists_instant_access_row {
max-width: 1090px;
margin-left: 70px;
}
.rnb_spotify_artists_instant_access_row_text {
max-width: 498px;
margin-right: 78px;
}
.rnb_spotify_artists_instant_access_row img {
width: 514px;
height: auto;
}
.rnb_spotify_artists_get_on_list {
width: 100%;
max-width: 700px;
}
/*
.rnb_spotify_artists_get_on_svg_first {
margin-top: 75px;
}
*/
.rnb_spotify_artists_get_on_text {
max-width: 498px;
}
.rnb_spotify_artists_get_on_dashed_line {
margin-left: 48px;
}
.rnb_spotify_artists_get_on_inner .rnb_h3 {
max-width: 751px;
}
.rnb_spotify_artists_customise_page_inner .rnb_h3 {
max-width: 751px;
}
.rnb_spotify_artists_customise_page_dashed_line_left {
top: -3px;
left: 0;
z-index: -1;
}
.rnb_spotify_artists_customise_page_dashed_line_right {
top: -3px;
right: 0;
z-index: -1;
}
@media (max-width: 1699px) {
.rnb_spotify_artists_customise_page_dashed_line_left {
width: 200px !important;
}
.rnb_spotify_artists_customise_page_dashed_line_right {
width: 300px !important;
}
}
@media (max-width: 1399px) {
.rnb_spotify_artists_customise_page_dashed_line_left,
.rnb_spotify_artists_customise_page_dashed_line_right {
transform: scaleX(0.75);
}
.rnb_spotify_artists_customise_page_dashed_line_left {
left: -71px;
}
.rnb_spotify_artists_customise_page_dashed_line_right {
right: -100px;
}
}
@media (max-width: 1199px) {
.rnb_spotify_artists_customise_page_dashed_line_left,
.rnb_spotify_artists_customise_page_dashed_line_right {
display: none;
}
.rnb_spotify_artists_instant_access_row img {
width: 420px;
}
.rnb_spotify_artists_customise_page_video {
max-width: 467px;
max-height: 263px;
}
}
@media (max-width: 992px) {
.rnb_spotify_artists_instant_access_row {
flex-direction: column-reverse !important;
margin-left: 0;
}
.rnb_spotify_artists_instant_access_row_text {
align-items: center !important;
margin-top: 40px;
margin-right: 0;
}
.rnb_spotify_artists_instant_access_row_text .rnb_p_lb {
text-align: center;
}
.rnb_spotify_artists_get_on_svg, .rnb_spotify_artists_get_on_dashed_line {
margin-left: 0px;
margin-top: 40px;
}
.rnb_spotify_artists_get_on_svg_first {
margin-top: 0px;
}
.rnb_spotify_artists_get_on_list {
width: 100%;
max-width: 700px;
height: auto;
justify-content: center !important;
align-items: center !important;
}
.rnb_spotify_artists_get_on_list > .rnb-flex {
flex-direction: column !important;
align-items: center !important;
}
.rnb_spotify_artists_get_on_text {
align-items: center !important;
}
.rnb_spotify_artists_get_on_text .rnb_h3 {
margin-top: 20px;
}
.rnb_spotify_artists_get_on_text .rnb_p_lb {
text-align: center;
}
}
@media (max-width: 767px) {
.rnb_spotify_artists_instant_access_inner, .rnb_spotify_artists_get_on_inner, .rnb_spotify_artists_customise_page_inner {
padding: 80px 0;
}
.rnb_spotify_artists_get_on_svg_large {
display: none;
}
.rnb_spotify_artists_banner_inner, .rnb_spotify_artists_get_on_inner {
padding: 80px 0;
}
.rnb_spotify_artists_banner_inner .rnb_p_lb {
text-align: center;
}
.rnb_spotify_artists_instant_access_row img {
width: 280px;
}
.rnb_spotify_artists_get_on_inner .rnb-flex:last-child,
.rnb_spotify_artists_get_on_inner .rnb-flex:last-child .rnb-flex {
justify-content: center !important;
align-items: center !important;
}
.rnb_spotify_artists_get_on_inner .rnb_h3 {
margin-top: 10px;
}
.rnb_spotify_artists_get_on_inner .rnb-flex:last-child * {
text-align: center !important;
}
.rnb_spotify_artists_get_on_svg, .rnb_spotify_artists_get_on_dashed_line {
margin-top: 20px;
}
.rnb_spotify_artists_get_on_list {
width: unset;
}
.rnb_spotify_artists_customise_page_video {
max-width: 485px;
max-height: 273px;
}
}
@media (max-width: 539px) {
.rnb_spotify_artists_customise_page_video {
max-width: 280px;
max-height: 158px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_spotify_artists_instant_access_inner, .rnb_spotify_artists_get_on_inner, .rnb_spotify_artists_customise_page_inner {
padding: 80px 0;
}
.rnb_spotify_artists_get_on_svg_large {
display: none;
}
.rnb_spotify_artists_get_on_svg_small {
display: block;
}
.rnb_spotify_artists_get_on_list {
width: 100%;
max-width: 700px;
height: auto;
justify-content: center !important;
align-items: center !important;
}
.rnb_spotify_artists_get_on_list > .rnb-flex {
flex-direction: column !important;
align-items: center !important;
}
.rnb_spotify_artists_get_on_svg, .rnb_spotify_artists_get_on_dashed_line {
margin-left: 0px;
margin-top: 20px;
}
.rnb_spotify_artists_get_on_text {
align-items: center !important;
}
.rnb_spotify_artists_get_on_inner .rnb_h3 {
margin-top: 10px;
}
.rnb_spotify_artists_get_on_text .rnb_p_lb {
text-align: center;
}
}
#rnb_earn_more_with {
padding-left: 0px !important;
padding-right: 0px !important;
}
.rnb_earn_more_with_inner, .rnb_routenote_beats_inner {
max-width: 1020px;
padding-bottom: 100px;
}
.rnb_earn_more_with_inner .rnb_p_lb {
max-width: 976px;
width: calc(100% - 40px);
}
.rnb_earn_more_with_table_container,
.rnb_routenote_beats_table_container {
padding: 0px 20px;
}
.rnb_earn_more_with_potential_earnings,
.rnb_routenote_beats_potential_earnings {
width: 207px;
height: 51px;
padding-right: 43px;
padding-top: 16px;
padding-bottom: 15px;
border-bottom: 1px solid #EEEEEE;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_potential_earnings:first-child {
margin-top: 100px;
height: 68px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_potential_earnings:last-child {
padding-bottom: 61px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_potential_earnings {
width: 207px;
height: 69px;
}
.rnb_earn_more_with_potential_earnings:first-child,
.rnb_routenote_beats_potential_earnings:first-child {
margin-top: 81px;
padding-bottom: 16px;
}
.rnb_earn_more_with_tooltip_container {
right: -21px;
top: -2px;
}
.rnb_routenote_beats_tooltip_container {
top: 28px;
}
.rnb_earn_more_with_tooltip_icon,
.rnb_routenote_beats_tooltip_icon {
margin-bottom: 4px;
}
.rnb_earn_more_with_tooltip, .rnb_routenote_beats_tooltip {
width: 334px;
padding: 17px 23px;
right: -308px;
z-index: 9999;
}
.rnb_earn_more_with_tooltip {
top: -120px;
}
.rnb_earn_more_with_tooltip_arrow, .rnb_routenote_beats_tooltip_arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 11px 11px 0 11px;
border-color: #1345ac transparent transparent transparent;
}
.rnb_earn_more_with_tooltip_arrow {
top: 100px;
left: 53px;
}
.rnb_earn_more_with_slider_container {
margin: 0px 20px;
}
#rnb_earn_more_with_table, #rnb_routenote_beats_table {
grid-template-columns: 0px 261px 261px 261px 0px;
touch-action: none;
cursor: default !important;
}
.rnb_earn_more_with_cell,
.rnb_routenote_beats_cell {
width: 218px;
height: 50px;
padding: 16px 21px;
border-bottom: 1px solid #FFFFFF1A;
transition: all 0.3s ease;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
height: 68px;
padding: 16px 21px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 16px 16px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table .rnb_routenote_beats_cell:nth-child(5) {
height: 114px;
}
.rnb_earn_more_with_cell.rnb-bg-white,
.rnb_routenote_beats_cell.rnb-bg-white {
border-bottom: 1px solid #F5F5F5;
border-right: 1px solid #F5F5F5;
}
.rnb_earn_more_with_cell .rnb_p_sb,
.rnb_routenote_beats_cell .rnb_p_sb {
display: none;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb:last-child {
display: block;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb:last-child.rnb_text_blue, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_white_button .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_white_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_white_button .rnb_p_sb.rnb_rounded_button:last-child, .rnb_white_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rounded_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_border_button .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_border_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_border_button .rnb_p_sb.rnb_rounded_button:last-child, .rnb_border_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rounded_button:last-child {
margin-left: 4px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id {
margin-left: 12px;
}
.rnb_earn_more_with_column_selected .rnb_earn_more_with_cell,
.rnb_routenote_beats_column_selected .rnb_routenote_beats_cell {
z-index: 5;
border-right: 0px;
}
.rnb_earn_more_with_column.rnb_border_blue, .rnb_border_button .rnb_earn_more_with_column.rnb_rectangle_button, .rnb_border_button .rnb_earn_more_with_column.rnb_rounded_button,
.rnb_earn_more_with_column.rnb_border_green,
.rnb_routenote_beats_column.rnb_border_blue,
.rnb_border_button .rnb_routenote_beats_column.rnb_rectangle_button,
.rnb_border_button .rnb_routenote_beats_column.rnb_rounded_button,
.rnb_routenote_beats_column.rnb_border_green {
border: 0 !important;
}
.rnb_earn_more_with_column.rnb_border_blue:after, .rnb_border_button .rnb_earn_more_with_column.rnb_rectangle_button:after, .rnb_border_button .rnb_earn_more_with_column.rnb_rounded_button:after,
.rnb_earn_more_with_column.rnb_border_green:after,
.rnb_routenote_beats_column.rnb_border_blue:after,
.rnb_border_button .rnb_routenote_beats_column.rnb_rectangle_button:after,
.rnb_border_button .rnb_routenote_beats_column.rnb_rounded_button:after,
.rnb_routenote_beats_column.rnb_border_green:after {
transition: all 0.3s ease;
content: "";
position: absolute;
top: -5px;
right: -5px;
left: -5px;
bottom: -5px;
z-index: 1;
}
.rnb_earn_more_with_column.rnb_border_blue:after, .rnb_border_button .rnb_earn_more_with_column.rnb_rectangle_button:after, .rnb_border_button .rnb_earn_more_with_column.rnb_rounded_button:after,
.rnb_routenote_beats_column.rnb_border_blue:after,
.rnb_border_button .rnb_routenote_beats_column.rnb_rectangle_button:after,
.rnb_border_button .rnb_routenote_beats_column.rnb_rounded_button:after {
background: #1345ac;
}
.rnb_earn_more_with_column.rnb_border_green:after,
.rnb_routenote_beats_column.rnb_border_green:after {
background: #75dc7c;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_column.rnb_border_green {
border: solid #75dc7c 5px !important;
margin-top: -5px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_column.rnb_border_green:after {
content: none;
}
.rnb_earn_more_with_inner .rnb_h3.rnb_text_oswald:before,
.rnb_routenote_beats_inner .rnb_h3.rnb_text_oswald:before {
content: "$";
position: absolute;
top: 4px;
left: -8px;
}
.rnb_earn_more_with_shadow, .rnb_routenote_beats_shadow {
box-shadow: -1px 12px 21px 6px #1345AC0D;
}
.rnb_earn_more_with_cell.rnb_tunecore_cell, .rnb_earn_more_with_cell.rnb_cdbaby_cell {
border-left: 1px solid #F5F5F5;
}
.rnb_earn_more_with_cell.rnb_premium_cell {
border-left: 0;
border-right: 1px solid #FFFFFF;
}
.rnb_earn_more_with_years:before {
display: none;
}
.rnb_routenote_beats_dashed_line {
left: -308px;
top: -161px;
}
.rnb_routenote_beats_potential_earnings div {
height: 44px;
}
.rnb_routenote_beats_tooltip_container {
top: 11px;
right: -20px;
}
.rnb_routenote_beats_tooltip {
width: 334px;
padding: 17px 23px;
top: -98px;
right: -308px;
z-index: 9999;
}
.rnb_routenote_beats_tooltip_arrow {
top: 78px;
left: 53px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip {
width: 129px;
padding: 15px 11px;
top: -69px;
left: -65px;
z-index: 9999;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip_arrow {
top: 52px;
left: 63px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip {
width: 148px;
padding: 15px 11px;
top: 32px;
left: -78px;
z-index: 9999;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip_arrow {
border-width: 0px 11px 11px 11px;
border-color: transparent transparent #1345ac transparent;
top: -11px;
left: 74px;
}
.rnb_routenote_beats_cell.rnb_tunecore_cell, .rnb_routenote_beats_cell.rnb_cdbaby_cell {
border-left: 1px solid #F5F5F5;
}
.rnb_routenote_beats_years:before {
display: none;
}
div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after {
content: "%";
position: absolute;
top: 4px;
right: -12px;
}
div .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:before {
content: none;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:before {
content: "$";
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_h3.rnb_text_oswald:after,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell:nth-child(4n) .rnb_h3.rnb_text_oswald:after {
content: "/yr";
position: absolute;
top: 23px;
right: -16px;
}
@media (max-width: 1599px) {
.rnb_routenote_beats_dashed_line {
transform: scale(0.69);
left: -198px;
top: -289px;
}
}
@media (max-width: 1199px) {
.rnb_routenote_beats_dashed_line {
transform: scale(0.5);
left: -89px;
top: -254px;
}
.rnb_earn_more_with_inner .rnb_h2,
.rnb_routenote_beats_inner .rnb_h2,
.rnb_earn_more_with_inner .rnb_p_lb,
.rnb_routenote_beats_inner .rnb_p_lb,
.rnb_earn_more_with_sliders {
padding: 0 20px;
}
.rnb_earn_more_with_potential_earnings,
.rnb_routenote_beats_potential_earnings {
width: 156px;
padding-right: 16px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_potential_earnings {
width: 152px;
}
#rnb_routenote_beats_table {
grid-template-columns: 0px 257px 257px 257px 0px;
}
.rnb_routenote_beats_cell, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
padding: 16px 19px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
height: 68px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 16px 14px;
}
}
@media (max-width: 991px) {
.rnb_routenote_beats_dashed_line {
display: none;
}
.rnb_earn_more_with_potential_earnings,
.rnb_routenote_beats_column:first-child {
display: none !important;
}
.rnb_earn_more_with_column .rnb_earn_more_with_cell:first-child,
.rnb_routenote_beats_column .rnb_routenote_beats_cell,
#rnb_routenote_beats_table div:nth-child(4) div .rnb_routenote_beats_column .rnb_routenote_beats_cell:last-child {
height: 68px;
}
.rnb_routenote_beats_column .rnb_routenote_beats_cell:last-child {
height: 50px;
}
.rnb_earn_more_with_cell .rnb_p_sb,
.rnb_routenote_beats_cell .rnb_p_sb {
display: block;
}
#rnb_earn_more_with_table, #rnb_routenote_beats_table {
grid-template-columns: 0px 237px 237px 237px 0px;
}
.rnb_earn_more_with_cell, .rnb_routenote_beats_cell {
width: 194px;
padding: 16px 21px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
height: 87px !important;
padding: 16px 21px;
}
#rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 16px 21px 16px 22px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 16px 16px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb:last-child {
display: none;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb:last-child.rnb_text_blue, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_white_button .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_white_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_white_button .rnb_p_sb.rnb_rounded_button:last-child, .rnb_white_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rounded_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_border_button .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_border_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rectangle_button:last-child, .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_border_button .rnb_p_sb.rnb_rounded_button:last-child, .rnb_border_button .rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb.rnb_rounded_button:last-child {
display: block;
}
}
@media (max-width: 767px) {
.rnb_earn_more_with_inner, .rnb_routenote_beats_inner {
width: 100%;
align-items: flex-start !important;
padding-bottom: 40px;
}
.rnb_earn_more_with_inner .rnb_h2,
.rnb_routenote_beats_inner .rnb_h2 {
width: calc(100% - 40px);
}
.rnb_earn_more_with_container {
width: 100%;
padding: 0px;
}
.rnb_earn_more_with_sliders {
width: calc(100% - 40px) !important;
flex-direction: column !important;
}
.rnb_earn_more_with_sliders .rnb_h6,
.rnb_earn_more_with_slider_container {
margin-top: 20px;
}
.rnb_earn_more_with_sliders .rnb_h6:first-child {
margin-top: 0px;
}
.rnb_earn_more_with_swipe {
display: flex !important;
padding-top: 20px;
border-top: 1px solid #FFFFFF1A;
}
.rnb_earn_more_with_swipe input[type=range] {
-moz-appearance: none;
-webkit-appearance: none;
width: 190px;
height: 4px;
border-radius: 3px;
background-color: #1345AC1A;
}
.rnb_earn_more_with_swipe input[type=range]::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #1345AC;
}
.rnb_earn_more_with_swipe input[type=range]::-moz-range-thumb {
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #1345AC;
}
.rnb_earn_more_with_swipe input[type=range]::-ms-thumb {
width: var(--progress-thumb-width);
height: 4px;
border-radius: 3px;
background-color: #1345AC;
}
.rnb_earn_more_with_table_container,
.rnb_routenote_beats_table_container {
width: 100%;
padding: 0px;
}
#rnb_earn_more_with_table, #rnb_routenote_beats_table {
grid-template-columns: 20px 178px 190px 178px 20px;
overflow-x: scroll;
overflow-y: visible;
height: 293px;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
cursor: pointer !important;
margin: auto;
}
#rnb_routenote_beats_table {
height: 547px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table {
height: 667px;
}
#rnb_earn_more_with_table:active,
#rnb_routenote_beats_table:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
#rnb_earn_more_with_table::-webkit-scrollbar,
#rnb_routenote_beats_table::-webkit-scrollbar {
display: none;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_distrokid_logo {
width: 120px !important;
}
.rnb_earn_more_with_cell, .rnb_routenote_beats_cell {
height: 50px !important;
width: 159px;
padding: 9px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
height: 68px !important;
padding: 9px;
}
#rnb_earn_more_with_table div:nth-child(3) .rnb_earn_more_with_column .rnb_earn_more_with_cell,
#rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 9px 15px;
}
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 9px 10px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_routenote_beats_tooltip_icon {
width: 16px !important;
height: 16px !important;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id {
margin-left: 8px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell .rnb_p_sb:last-child {
font-weight: normal !important;
color: black !important;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip {
width: 110px;
top: -57px;
left: -56px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip_arrow {
top: 48px;
left: 51px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip {
width: 127px;
left: -64px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip_arrow {
left: 61px;
}
}
@media (max-width: 539px) {
#rnb_earn_more_with_table, #rnb_routenote_beats_table,
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table {
grid-template-columns: 20px calc(50vw - 20px) calc(50vw - 20px) calc(50vw - 20px) 20px;
}
.rnb_earn_more_with_cell, .rnb_routenote_beats_cell,
.rnb_routenote_beats_distrokid .rnb_routenote_beats_cell {
width: calc(100% - 20px);
padding: 9px 10px;
}
#rnb_earn_more_with_table div:nth-child(3) .rnb_earn_more_with_column .rnb_earn_more_with_cell,
#rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell,
.rnb_routenote_beats_distrokid #rnb_routenote_beats_table div:nth-child(3) .rnb_routenote_beats_column .rnb_routenote_beats_cell {
padding: 9px 10px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.rnb_earn_more_with_potential_earnings, .rnb_routenote_beats_column:first-child {
display: none !important;
}
.rnb_earn_more_with_cell .rnb_p_sb, .rnb_routenote_beats_cell .rnb_p_sb {
display: block;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip {
width: 110px;
top: -57px;
left: -56px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_royalties .rnb_routenote_beats_tooltip_arrow {
top: 48px;
left: 51px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip {
width: 127px;
left: -64px;
}
.rnb_routenote_beats_distrokid .rnb_routenote_beats_content_id .rnb_routenote_beats_tooltip_arrow {
left: 61px;
}
}
.rnb_more_reasons_inner {
max-width: 1137px;
width: 100%;
padding-bottom: 100px;
}
.rnb_more_reasons_reason {
z-index: 1;
max-width: 1077px;
width: 100%;
margin-top: 138px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.rnb_more_reasons_reasons .rnb_more_reasons_reason:first-child {
margin-top: 0px;
}
.rnb_more_reasons_reasons .rnb_more_reasons_reason:last-child {
margin-bottom: 122px;
}
.rnb_more_reasons_reason_text {
width: 546px;
}
.rnb_more_reasons_reason_text:nth-child(odd) {
margin-right: 83px;
}
.rnb_more_reasons_reason_text:nth-child(even) {
margin-left: 83px;
}
.rnb_more_reasons_dashed_line {
top: 325px;
right: -120px;
}
.rnb_more_reasons_inner .rnb_h3 {
max-width: 751px;
}
@media (max-width: 1599px) {
.rnb_more_reasons_dashed_line {
transform: scaleX(0.7);
}
}
@media (max-width: 1199px) {
.rnb_more_reasons_reason {
width: 912px;
}
.rnb_more_reasons_reason_text:nth-child(odd) {
margin-right: 20px;
}
.rnb_more_reasons_reason_text:nth-child(even) {
margin-left: 20px;
}
.rnb_more_reasons_reason img {
width: 414px;
}
.rnb_more_reasons_dashed_line {
transform: scale(0.75);
top: 342px;
right: -99px;
}
}
@media (max-width: 991px) {
.rnb_more_reasons_dashed_line {
display: none;
}
.rnb_more_reasons_reasons,
.rnb_more_reasons_reason {
width: 100%;
}
.rnb_more_reasons_reason_text {
min-width: 403px;
}
.rnb_more_reasons_reason img {
width: 241px;
height: auto;
}
}
@media (max-width: 767px) {
.rnb_more_reasons_inner {
padding-bottom: 80px;
}
.rnb_more_reasons_reason {
margin-top: 40px;
}
.rnb_more_reasons_reason:nth-child(odd) {
flex-direction: column-reverse !important;
}
.rnb_more_reasons_reason:nth-child(even) {
flex-direction: column !important;
}
.rnb_more_reasons_reason * {
text-align: center;
}
.rnb_more_reasons_reason_text {
width: 100%;
min-width: unset;
margin-right: 0px !important;
margin-left: 0px !important;
}
.rnb_more_reasons_reason_text {
margin-top: 20px;
}
.rnb_more_reasons_reasons .rnb_more_reasons_reason:last-child {
margin-bottom: 40px;
}
}
/*section 1 - banner*/
#rnb_routenote_vs_banner {
background-image: linear-gradient(90deg, #6D00B380 15%, #F68C6080 46%, rgba(253, 77, 77, 0.3) 66%, #14005480 100%), url("./_assets/routenote-vs/routenote-vs-hero.png"), url("./_assets/routenote-vs/routenote-vs-lights-hero.png");
background-size: cover;
background-position: center;
}
.rnb_routenote_vs_banner_inner {
max-width: 1020px;
width: 100%;
padding-bottom: 110px;
}
@media (max-width: 767px) {
.rnb_routenote_vs_banner_inner {
padding-bottom: 80px;
}
}
.rnb_checkbox {
margin: 0;
width: 20px;
height: 20px;
}
.rnb_checkbox_mask {
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.rnb_checkbox:hover + .rnb_checkbox_mask {
background-color: #1b5de440;
}
.rnb_checkbox:hover + .rnb_checkbox_mask .rnb_checkbox_tick_white {
opacity: 0;
}
.rnb_checkbox:active + .rnb_checkbox_mask {
background-color: #1345ac;
}
.rnb_checkbox:active + .rnb_checkbox_mask .rnb_checkbox_tick_white {
opacity: 1;
}
.rnb-pointer-events-none{
pointer-events: none;
}
.rnb-static{
position: static;
}
.rnb-fixed{
position: fixed;
}
.rnb-absolute{
position: absolute;
}
.rnb-relative{
position: relative;
}
.rnb-inset-0{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.rnb-inset-y-0{
top: 0px;
bottom: 0px;
}
.rnb-right-0{
right: 0px;
}
.rnb-top-0{
top: 0px;
}
.rnb-z-50{
z-index: 50;
}
.rnb-mx-auto{
margin-left: auto;
margin-right: auto;
}
.rnb-mb-px{
margin-bottom: 1px;
}
.rnb-block{
display: block;
}
.rnb-inline-block{
display: inline-block;
}
.rnb-flex{
display: flex;
}
.rnb-grid{
display: grid;
}
.rnb-hidden{
display: none;
}
.rnb-h-screen{
height: 100vh;
}
.rnb-h-full{
height: 100%;
}
.rnb-h-auto{
height: auto;
}
.rnb-w-full{
width: 100%;
}
.rnb-w-auto{
width: auto;
}
.rnb-w-1\/3{
width: 33.333333%;
}
.rnb-w-1\/2{
width: 50%;
}
.rnb-flex-1{
flex: 1 1 0%;
}
.rnb-flex-shrink-0{
flex-shrink: 0;
}
.rnb-cursor-pointer{
cursor: pointer;
}
.rnb-cursor-default{
cursor: default;
}
.rnb-select-none{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rnb-grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.rnb-flex-row{
flex-direction: row;
}
.rnb-flex-col{
flex-direction: column;
}
.rnb-flex-col-reverse{
flex-direction: column-reverse;
}
.rnb-flex-wrap{
flex-wrap: wrap;
}
.rnb-flex-nowrap{
flex-wrap: nowrap;
}
.rnb-content-start{
align-content: flex-start;
}
.rnb-items-start{
align-items: flex-start;
}
.rnb-items-end{
align-items: flex-end;
}
.rnb-items-center{
align-items: center;
}
.rnb-justify-start{
justify-content: flex-start;
}
.rnb-justify-end{
justify-content: flex-end;
}
.rnb-justify-center{
justify-content: center;
}
.rnb-justify-between{
justify-content: space-between;
}
.rnb-space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.rnb-overflow-hidden{
overflow: hidden;
}
.rnb-overflow-visible{
overflow: visible;
}
.rnb-overflow-x-visible{
overflow-x: visible;
}
.rnb-whitespace-nowrap{
white-space: nowrap;
}
.rnb-rounded-full{
border-radius: 9999px;
}
.rnb-border-0{
border-width: 0px;
}
.rnb-bg-white{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.rnb-pb-px{
padding-bottom: 1px;
}
.rnb-text-center{
text-align: center;
}
.rnb-font-bold{
font-weight: 700;
}
.rnb-font-thin{
font-weight: 100;
}
.rnb-text-white{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.rnb-opacity-0{
opacity: 0;
}
.rnb-opacity-50{
opacity: 0.5;
}
.rnb-opacity-25{
opacity: 0.25;
}
.rnb-filter{
filter: var(--tw-filter);
}
.rnb-transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.rnb-duration-300{
transition-duration: 300ms;
}
@media (min-width: 768px){
.md\:rnb-fixed{
position: fixed;
}
}
.rnb_input {
box-sizing: content-box;
}