@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://fonts.googleapis.com/css?family=Raleway);[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;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]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);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]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);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]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);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]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);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]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);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]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);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]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);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]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);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]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}[data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}[data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}[data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}[data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}[data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}[data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}.glide { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .glide * { -webkit-box-sizing: inherit; box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-touch-action: pan-Y; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__slide { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide--rtl { direction: rtl; } .glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; color: white; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); opacity: 1; cursor: pointer; -webkit-transition: opacity 150ms ease, border 300ms ease-in-out; transition: opacity 150ms ease, border 300ms ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .glide__arrow:focus { outline: none; } .glide__arrow:hover { border-color: white; } .glide__arrow--left { left: 2em; } .glide__arrow--right { right: 2em; } .glide__arrow--disabled { opacity: 0.33; } .glide__bullets { position: absolute; z-index: 2; bottom: 2em; left: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; cursor: pointer; line-height: 0; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); margin: 0 0.25em; } .glide__bullet:focus { outline: none; } .glide__bullet:hover, .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); } .glide__bullet--active { background-color: white; } .glide--swipeable { cursor: grab; cursor: -webkit-grab; } .glide--dragging { cursor: grabbing; cursor: -webkit-grabbing; } html, body, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size: 100%; } ol, ul { list-style: none; padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } html { scroll-behavior: smooth; } body { font-family: sans-serif; } a { text-decoration: none; color: #ffffff; } .container { width: 100%; padding: 0 5%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .op-box { position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; overflow: hidden; } .modal { display: none; } .modal #forget-form, .modal #signup-form { display: none; } .scroll-anim-top { top: 0 !important; opacity: 1 !important; } .scroll-anim-left { left: 0 !important; opacity: 1 !important; } .scroll-anim-right { right: 0 !important; opacity: 1 !important; } .btn { border: none; outline: none; border: 1px solid #ccc; padding: 5px 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); border-radius: 5px; border-top-left-radius: 0; -webkit-transition: .5s; transition: .5s; cursor: pointer; text-align: center; } .btn .fa-long-arrow-right { position: relative; top: 1px; left: 2px; -webkit-transition: 0.4s; transition: 0.4s; } .btn:hover .fa-long-arrow-right { left: 8px; } .btn:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); } @media (max-width: 480px) { .btn { cursor: none; } } .submit { border: none; outline: none; border: 1px solid #02CCBA; -webkit-transition: .5s; transition: .5s; padding: 6px 15px; position: absolute; right: 0; top: 0; background: inherit; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); color: #ffffff; background: #02CCBA; border-radius: 5px; border-top-left-radius: 0; } .submit:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); } .btn-w { width: 90px; display: block; } .btn-block { width: 100%; } .light-red { background: #FF5A5F; border-color: #FF5A5F; color: #ffffff; } .light-green { border-color: #02CCBA; color: #ffffff; background: #02CCBA; } .outline { color: #1b1a1a; border-color: #1b1a1a; } .outline:hover { border: 1px solid #02CCBA; background: none; } .back-to-login { display: block; color: #000000; margin-top: 20px; text-align: center; } .back-to-login:hover { color: #02CCBA; } .back-to-login .fa-long-arrow-left { position: relative; top: 0; right: 4px; -webkit-transition: .5s; transition: .5s; } .back-to-login:hover .fa-long-arrow-left { right: 8px; color: #02CCBA; } .btn-default { border: 1px solid #ccc; background-color: #fff; color: #262626; } .btn-circle { border-radius: 50%; } .btn-square { border-radius: 0; } .green-meadow { background-color: #02CCBA; border-color: #02CCBA; color: #fff; } .green-meadow:hover { background-color: #02998c; border-color: #02998c; } .red-sunglo { background-color: #E26A6A; border-color: #E26A6A; color: #fff; } .red-sunglo:hover { background-color: #da3f3f; border-color: #da3f3f; } .yellow-crusta { background-color: #F3C200; border-color: #F3C200; color: #fff; } .yellow-crusta:hover { background-color: #c09900; border-color: #c09900; } .btn-warning { color: #fff; background-color: #F1C40F; border-color: #dab10d; } .btn-warning:hover { background-color: #c29d0b; border-color: #c29d0b; } .btn-danger { background-color: #FF5A5F; color: #fff; border-color: #FF5A5F; } .btn-danger:hover { background-color: #ff272e; border-color: #ff272e; } .h1--center { padding: 5px 10px; font-size: 24px; position: relative; float: left; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #262626; } .h1--left { padding: 10px; font-size: 24px; float: left; text-align: left; position: relative; top: 0; left: 0; } @media (max-width: 480px) { .h1--left { text-align: center; float: none; } } .after--line::after { content: ''; display: block; position: relative; width: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 2px; border-radius: 49%; background: #02CCBA; margin-top: 2px; } .p--center { text-align: center; font-size: 16px; position: relative; float: left; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .div--center { position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .page--heading { width: 100%; margin-bottom: 20px; } @media (max-width: 480px) { .page--heading { margin: 0; } } .page--heading h1 { text-transform: capitalize; letter-spacing: 0.5px; color: #262626; padding: 10px; padding-bottom: 0; } @media (max-width: 480px) { .page--heading h1 { padding: 0; } } .page--heading h1::after { content: ''; display: block; width: 25px; height: 2px; margin-top: 5px; background: #02CCBA; border-radius: 50%; } .page--heading .page--breadcrumb { padding: 0 1%; } .page--heading .page--breadcrumb li { display: inline-block; } .page--heading .page--breadcrumb li a, .page--heading .page--breadcrumb li span { font-size: 10px; color: #908989; } .page--heading .page--breadcrumb li .active { font-size: 14px; color: #262626; } .page--heading .page--breadcrumb li .fa { font-size: 6px; color: #bfb9b9; } .brand-name { float: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: 50px; } @media (max-width: 480px) { .brand-name { width: 220px; margin-right: 0; } } .brand-name img { width: 45px; } .brand-name span { position: relative; left: -9px; top: -2.1px; font-size: 20px; font-weight: bold; color: #02CCBA; } .table--content { float: left; width: 100%; } @media (max-width: 480px) { .table--content { text-align: center; overflow-x: scroll; } } .table--content table { width: 100%; padding: 10px; border: 1px solid #02CCBA; } .table--content table thead { width: 100%; font-weight: bold; background: #02CCBA; } .table--content table thead th { padding: 10px; color: #fff; vertical-align: middle; } .table--content table tbody { width: 100%; } .table--content table tbody tr { background: #f8f7f7; } .table--content table tbody tr:hover { background: #fff; } .table--content table tbody td { width: 10%; border: 1px solid #ccc; padding: 10px; font-size: 14px; vertical-align: middle; text-align: center; } ::-webkit-scrollbar { width: 5px; height: 2px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } ::-webkit-scrollbar-track:hover { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } ::-webkit-scrollbar-thumb { border-radius: 10px; border: none; background: #02CCBA; } ::-webkit-scrollbar-thumb:hover { background: #076159; } .scroll-to-top { position: fixed; bottom: -5px; right: 20px; width: 50px; height: 50px; border: 1px solid #FF5A5F; border-radius: 50%; text-align: center; padding: 11px 8px; background-color: #FF5A5F; -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.4); cursor: pointer; z-index: 999; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .scroll-to-top img { width: 20px; color: #02ccba; } @media (max-width: 480px) { .scroll-to-top { cursor: none; } } .scroll-to-top-anim { opacity: 1; bottom: 20px; } .steps { padding: 3% 5%; float: left; background: #dfdfdf27; } .steps h1 { font-size: 30px; text-align: center; margin-bottom: 20px; } .steps h1:nth-child(1)::after { content: ''; width: 5%; height: 5px; background: #FF5A5F; display: block; position: relative; left: 50%; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; } @media (max-width: 480px) { .steps h1:nth-child(1)::after { width: 15%; } } .steps h1:nth-child(1)::before { content: ''; width: 12%; height: 1px; background: #02CCBA; display: block; position: relative; left: 50%; top: 41px; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 480px) { .steps h1:nth-child(1)::before { width: 32%; } } .steps .contant { width: 80%; margin-left: 10%; float: left; } .steps .contant .box { width: 20%; height: 200px; border-radius: 5px; border-top-left-radius: 0; float: left; margin-left: 6%; -webkit-box-shadow: 9px 8px 20px 0px rgba(21, 145, 150, 0.2); box-shadow: 9px 8px 20px 0px rgba(21, 145, 150, 0.2); padding: 20px; text-align: center; background: #ffffff; border: 1px solid #ccc; color: #000; position: relative; top: 100px; opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; } @media (max-width: 480px) { .steps .contant .box { width: 100%; margin: 20px 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(21, 145, 150, 0.2); box-shadow: 0px 0px 20px 0px rgba(21, 145, 150, 0.2); cursor: none; } } .steps .contant .box:nth-child(1) { margin-left: 10px; } @media (max-width: 480px) { .steps .contant .box:nth-child(1) { margin-left: 0; } } .steps .contant .box img { width: 25%; } .steps .contant .box h1 { font-size: 20px; color: #FF5A5F; margin-top: 10px; } .steps .contant .box p { font-size: 14px; margin-top: 8px; line-height: 20px; } .steps .contant .fa-angle-right { margin: 20px; position: relative; left: 8px; font-size: 30px; color: #ccc; -webkit-transform: rotate(40deg); transform: rotate(40deg); } @media (max-width: 480px) { .steps .contant .fa-angle-right { display: none; } } .hero { position: relative; margin-top: 68px; height: auto; float: left; width: 100%; } @media (max-width: 480px) { .hero { margin-top: 50px; } } .hero .hero-contant { width: 100%; float: left; height: 450px; padding-top: 5%; -webkit-clip-path: polygon(0 0, 75% 0, 50% 100%, 0% 100%); clip-path: polygon(0 0, 75% 0, 50% 100%, 0% 100%); background: transparent linear-gradient(200deg, #02ccba, #02CCBA) repeat scroll 0 0; } @media (max-width: 480px) { .hero .hero-contant { -webkit-clip-path: polygon(100% 0, 100% 62%, 61% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 62%, 61% 100%, 0 100%, 0 0); padding: 10%; height: 330px; } } .hero .hero-contant ul { padding: 5%; padding-left: 6%; list-style: disc; } .hero .hero-contant ul li { margin: 10px; font-size: 28px; letter-spacing: 1px; line-height: 40px; font-family: 'Raleway', sans-serif; color: #ffffff; } @media (max-width: 480px) { .hero .hero-contant ul li { font-size: 20px; line-height: 25px; } } .hero .img { position: absolute; right: 0; z-index: -1; width: 40%; background: url("../images/1 (1).jpg") no-repeat top right; height: 100%; float: right; } @media (max-width: 480px) { .hero .img { display: none; } } .tag { position: absolute; bottom: -40px; width: 100%; float: left; height: 100px; } .tag .tagline { width: 80%; height: 100%; margin: 0 auto; -webkit-transform: skew(-20deg, 0); transform: skew(-20deg, 0); background: transparent linear-gradient(160deg, #aa7ecd, #02ccba) repeat scroll 0 0; padding: 15px; -webkit-box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.3); border-radius: 5px; font-style: initial; } @media (max-width: 480px) { .tag .tagline { -webkit-transform: skew(0, 0); transform: skew(0, 0); width: 90%; } } .tag .tagline p { text-align: center; padding: 0; margin: 0; font-size: 26px; color: #fff; line-height: 30px; } @media (max-width: 480px) { .tag .tagline p { font-size: 18px; line-height: 23px; } } .navbar { position: fixed; top: 0; left: 0; background: #ffffff; width: 100%; height: 68px; -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.2); z-index: 5; } @media (max-width: 480px) { .navbar { padding: 12px 20px; } } .navbar .sub-menu { float: left; position: relative; top: 70%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 480px) { .navbar .sub-menu { display: none; } } .navbar .sub-menu ul { margin-top: 4px; } .navbar .sub-menu ul li { display: inline; padding: 0 10px; } .navbar .sub-menu ul li a { padding: 1px 0; color: #443e3e; font-size: 16px; text-transform: uppercase; } .navbar .sub-menu ul li a:hover { border-bottom: 1px solid #02CCBA; } .navbar .sub-menu ul li .active { border-bottom: 1px solid #02CCBA; } .navbar .line-icon-box { -webkit-transition: 0.5s; transition: 0.5s; width: 85px; padding: 3px 5px; cursor: pointer; float: right; border: 1px solid #ccc; border-radius: 5px; border-top-left-radius: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 10px; } @media (max-width: 480px) { .navbar .line-icon-box { cursor: none; border: none; width: 35px; } } .navbar .line-icon-box:hover { border: 1px solid #02CCBA; } @media (max-width: 480px) { .navbar .line-icon-box:hover { border: none; } } .navbar .line-icon-box:hover .menu-txt { color: #02CCBA; } .navbar .line-icon-box:hover .line-icon:nth-child(2) { width: 15px; } .navbar .line-icon-box:hover .line-icon:nth-child(3) { width: 20px; } .navbar .line-icon-box:hover .line-icon:nth-child(4) { width: 18px; } .navbar .line-icon-box .menu-txt { color: #443e3e; float: left; -webkit-transition: 0.5s; transition: 0.5s; margin-top: 1.5px; margin-left: 2px; } @media (max-width: 480px) { .navbar .line-icon-box .menu-txt { display: none; } } .navbar .line-icon-box .line-icon { -webkit-transition: 0.5s; transition: 0.5s; width: 18px; border-radius: 5px; border: 1px solid #02CCBA; margin: 2px; float: right; clear: right; } .navbar .line-icon-box .line-icon:nth-child(3) { width: 10px; background: #02CCBA; } .navbar .line-icon-box .line-icon:nth-child(4) { width: 20px; background: #02CCBA; } .user--dropdown { float: right; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: 5%; background: #1c9b90; border-radius: 17px; padding-right: 15px; cursor: pointer; } @media (max-width: 480px) { .user--dropdown { cursor: none; } } .user--dropdown .user--info .user--img { position: relative; top: 0; left: 0; float: left; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; } .user--dropdown .user--info .user--img img { position: absolute; top: 0; left: 0; width: 30px; height: 30px; } .user--dropdown .user--info .user--img span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; text-align: center; color: #fff; } .user--dropdown .user--info .user--name { float: left; position: relative; top: 0; left: 0; } .user--dropdown .user--info .user--name p { color: #fff; position: relative; top: 8px; left: 8px; font-size: 14px; } .user--dropdown .user--info .dropdown--icon { width: 10px; height: 10px; position: relative; top: 8px; left: 10px; margin-left: 2px; } .user--dropdown ul { position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; visibility: hidden; opacity: 0; } .user--dropdown ul::before { content: ''; display: block; width: 10px; height: 10px; border-radius: 3px; background: #fff; position: relative; left: 45%; top: -5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .user--dropdown ul li { padding: 0 8px; margin-bottom: 10px; } .user--dropdown ul li a { color: #262626; font-size: 12px; } .user--dropdown ul li a:hover { border-bottom: 1px solid #02CCBA; } .index--padding--right { margin-right: 0%; background: #49cfc4; } .sidebar { -webkit-transition: 0.5s; transition: 0.5s; position: fixed; right: -100%; top: 0; width: 300px; height: 100vh; background: #ffffff; -webkit-box-shadow: -4px 4px 11px 0px rgba(0, 0, 0, 0.4); box-shadow: -4px 4px 11px 0px rgba(0, 0, 0, 0.4); z-index: 9999; } @media (max-width: 480px) { .sidebar { width: 60%; } } .sidebar .header { height: 40px; } .sidebar .header .close { width: 40px; height: 40px; padding: 6px; margin: 10px; text-align: center; font-size: 25px; cursor: pointer; float: right; color: #000; -webkit-transition: 0.4s; transition: 0.4s; } .sidebar .header .close:hover { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #02CCBA; } @media (max-width: 480px) { .sidebar .header .close { cursor: none; } } .sidebar .body { height: auto; padding: 10px; } .sidebar .body .logo { width: 35px; height: 45px; position: relative; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../svg/logo-green.svg) no-repeat center; background-size: 35px 45px; } .sidebar .body .divider { display: block; border-top: 1px solid #02CCBA; width: 50%; height: 1px; margin: auto; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 20px; } .sidebar .body ul { padding: 20px; } .sidebar .body ul li { padding: 8px; margin-top: 5px; cursor: pointer; } .sidebar .body ul li a { font-size: 14px; color: #111010; } .sidebar .body ul li:hover a { color: #02CCBA; } .sidebar .footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; border-top: 1px solid #02CCBA; } .sidebar .footer .menu { width: 100%; float: left; border-bottom: 1px solid #02CCBA; } .sidebar .footer .menu .sidemenu { width: 100%; float: left; padding: 0 5%; } @media (max-width: 480px) { .sidebar .footer .menu .sidemenu { padding: 0; } } .sidebar .footer .menu .sidemenu li { float: left; } .sidebar .footer .menu .sidemenu .side-item { -webkit-transition: .5s; transition: .5s; width: 35%; border: 1px solid #02CCBA; font-size: 14px; padding: 2% 5%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); border-radius: 5px; border-top-left-radius: 0; cursor: pointer; text-align: center; background: #02CCBA; margin: 6.8%; } @media (max-width: 480px) { .sidebar .footer .menu .sidemenu .side-item { width: 38%; margin: 5%; } } .sidebar .footer .menu .sidemenu .side-item a .fa-long-arrow-right { position: relative; top: 0px; left: 2px; -webkit-transition: 0.5s; transition: 0.5s; } .sidebar .footer .menu .sidemenu .side-item:hover .fa-long-arrow-right { left: 8px; } .sidebar .footer .menu .sidemenu .side-outline { border-color: #1b1a1a; background: none; } .sidebar .footer .menu .sidemenu .side-outline a { color: #1b1a1a; -webkit-transition: .5s; transition: .5s; } .sidebar .footer .menu .sidemenu .side-outline:hover { border-color: #02CCBA; } .sidebar .footer .menu .sidemenu .side-outline:hover a { color: #02CCBA; } .sidebar .footer .menu .separator { display: block; height: 35px; border-left: 1.5px solid #ccc; width: 1px; margin-top: 15px; } @media (max-width: 480px) { .sidebar .footer .menu .separator { margin-top: 9px; } } .sidebar .footer .social { float: left; width: 100%; padding: 10px; } .sidebar .footer .social p { margin: 20px; } .sidebar .footer .social ul .social-icon { float: left; } .sidebar .footer .social ul .social-icon i { color: #02CCBA; font-size: 20px; margin-left: 20px; } .sidebar .footer .social ul .social-icon i:hover { color: #FF5A5F; } .modal { position: fixed; z-index: 110; left: 50%; top: 53%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 14px 36px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 14px 36px 2px rgba(0, 0, 0, 0.15); width: 350px; float: left; border-radius: 5px; overflow: hidden; } .modal .modal-contant { float: left; background: #ffffff; } @media (max-width: 768px) { .modal { width: 300px; } } .modal .header { height: 40px; width: 100%; float: left; background: #02CCBA; } .modal .header h1 { text-align: center; padding: 0; margin: 0; color: #ffffff; text-transform: uppercase; margin-top: 12px; } .modal .header .close { position: relative; top: -27px; width: 40px; height: 40px; padding: 6px; text-align: center; font-size: 25px; cursor: pointer; color: #ffffff; -webkit-transition: 0.4s; transition: 0.4s; z-index: 1; float: right; } @media (max-width: 480px) { .modal .header .close { cursor: none; } } .modal .header .close:hover { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #ffffff; } .modal .body { float: left; width: 100%; float: left; height: auto; padding: 15px 25px; } .modal .body .logo { width: 35px; height: 45px; position: relative; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../svg/logo-green.svg) no-repeat center; background-size: 35px 45px; } .modal .body .divider { display: block; border-top: 1px solid #02CCBA; width: 50%; height: 1px; margin: auto; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 20px; } .modal .body .divider { width: 40%; } .modal .body p { font-size: 14px; text-align: center; margin-bottom: 30px; } .modal .body #login-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .modal .body #login-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .modal .body #login-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .modal .body #login-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .modal .body #login-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .body #login-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .modal .body #login-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .body #login-form .form-check { float: left; } .modal .body #login-form .show-password { cursor: pointer; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 480px) { .modal .body #login-form .show-password { cursor: none; } } .modal .body #login-form .show-password i { font-size: 18px; } .modal .body #login-form .show-password .fa-eye { color: #02CCBA; } .modal .body #login-form .show-password .fa-eye-slash { color: #FF5A5F; } .modal .body #login-form .forget { float: right; } .modal .body #login-form .forget a { -webkit-transition: 0.5s; transition: 0.5s; color: #02CCBA; font-size: 14px; } .modal .body #login-form .forget:hover a { letter-spacing: 1.5px; } .modal .body #login-form .login-btn { float: left; margin: 15px 0; clear: both; } .modal .body #signup-form .input-radio { margin-bottom: 20px; } .modal .body #signup-form .input-radio span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 3px; } .modal .body #signup-form .radio-inline { display: inline; } .modal .body #signup-form .radio-inline:nth-child(2) { display: inline; margin-left: 15px; } .modal .body #signup-form [type="radio"]:checked { position: absolute; left: -9999px; } .modal .body #signup-form [type="radio"]:checked + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .modal .body #signup-form [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 100%; background: #ffffff; } .modal .body #signup-form [type="radio"]:checked + label:after { content: ''; width: 10px; height: 10px; background: #02CCBA; position: absolute; top: 2.625pt; left: 2.8594pt; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal .body #signup-form [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .modal .body #signup-form [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .modal .body #signup-form [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 100%; background: #ffffff; } .modal .body #signup-form [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #02CCBA; position: absolute; top: 2.625pt; left: 2.8594pt; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .modal .body #signup-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .modal .body #signup-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .modal .body #signup-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .modal .body #signup-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .modal .body #signup-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .body #signup-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .modal .body #signup-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .body #signup-form .show-password { cursor: pointer; float: right; position: relative; top: -35px; left: -8px; } @media (max-width: 480px) { .modal .body #signup-form .show-password { cursor: none; } } .modal .body #signup-form .show-password i { font-size: 18px; } .modal .body #signup-form .show-password .fa-eye { color: #02CCBA; } .modal .body #signup-form .show-password .fa-eye-slash { color: #FF5A5F; } .modal .body #forget-form p { text-align: center; margin-bottom: 30px; line-height: 22px; } .modal .body #forget-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .modal .body #forget-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .modal .body #forget-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .modal .body #forget-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .modal .body #forget-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .body #forget-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .modal .body #forget-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .modal .footer { float: left; width: 100%; height: 40px; margin-top: 20px; } .modal .footer .divider { display: block; border-top: 1px solid #02CCBA; width: 50%; height: 1px; margin: auto; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 20px; } .modal .footer .divider { margin-bottom: 10px; } .modal .footer .signup-link { text-align: center; margin-top: 5px; font-size: 14px; } .modal .footer .signup-link a { color: #02CCBA; -webkit-transition: 0.5s; transition: 0.5s; } .modal .footer .signup-link a:hover { text-decoration: underline; letter-spacing: 2px; } .modal .footer .signup-link a:hover .sepreter { width: 100%; } .auth { position: fixed; left: 50%; top: 53%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 14px 36px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 14px 36px 2px rgba(0, 0, 0, 0.15); width: 350px; float: left; border-radius: 5px; overflow: hidden; background: #ffffff; padding: 20px 0 0 0; } .auth .body { float: left; width: 100%; float: left; height: auto; padding: 15px 25px 0 25px; } .auth .body .logo { width: 35px; height: 45px; position: relative; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../svg/logo-green.svg) no-repeat center; background-size: 35px 45px; } .auth .body .divider { display: block; border-top: 1px solid #02CCBA; width: 50%; height: 1px; margin: auto; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 20px; } .auth .body .divider { width: 40%; } .auth .body p { font-size: 14px; text-align: center; margin-bottom: 30px; } .auth .body #login-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .auth .body #login-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .auth .body #login-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .auth .body #login-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .auth .body #login-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .body #login-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .auth .body #login-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .body #login-form .form-check { float: left; } .auth .body #login-form .show-password { cursor: pointer; float: right; position: relative; top: -35px; left: -8px; } @media (max-width: 480px) { .auth .body #login-form .show-password { cursor: none; } } .auth .body #login-form .show-password i { font-size: 18px; } .auth .body #login-form .show-password .fa-eye { color: #02CCBA; } .auth .body #login-form .show-password .fa-eye-slash { color: #FF5A5F; } .auth .body #login-form .forget { float: right; } .auth .body #login-form .forget a { -webkit-transition: 0.5s; transition: 0.5s; color: #02CCBA; font-size: 14px; } .auth .body #login-form .forget:hover a { letter-spacing: 1.5px; } .auth .body #login-form .login-btn { float: left; margin: 15px 0; clear: both; } .auth .body #signup-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .auth .body #signup-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .auth .body #signup-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .auth .body #signup-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .auth .body #signup-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .body #signup-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .auth .body #signup-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .body #signup-form .show-password { cursor: pointer; float: right; position: relative; top: -35px; left: -8px; } @media (max-width: 480px) { .auth .body #signup-form .show-password { cursor: none; } } .auth .body #signup-form .show-password i { font-size: 18px; } .auth .body #signup-form .show-password .fa-eye { color: #02CCBA; } .auth .body #signup-form .show-password .fa-eye-slash { color: #FF5A5F; } .auth .body #forget-form p { text-align: center; margin-bottom: 30px; line-height: 22px; } .auth .body #forget-form .input-con { position: relative; margin-top: 20px; margin-bottom: 10px; } .auth .body #forget-form .input-con label { position: absolute; top: 0; left: 0; letter-spacing: 0.5px; padding: 7px 0; font-size: 13px; color: #000; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s; } .auth .body #forget-form span { display: block; color: #FF5A5F; font-size: 12px; font-weight: bold; position: relative; left: 0; top: 0; } .auth .body #forget-form .input-field { width: 100%; padding: 7px 0; font-size: 13px; color: #000; letter-spacing: 1px; border: none; outline: none; -webkit-transition: 0.5s; transition: 0.5s; border-bottom: 1px solid #ccc; } .auth .body #forget-form .input-field:focus ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .body #forget-form .input-field:valid { border-bottom: 1px solid #02CCBA; } .auth .body #forget-form .input-field:valid ~ label { letter-spacing: 0; top: -18px; left: 0; font-size: 11px; color: #02CCBA; } .auth .footer { float: left; width: 100%; height: 40px; margin-top: 20px; } .auth .footer .divider { display: block; border-top: 1px solid #02CCBA; width: 50%; height: 1px; margin: auto; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 20px; } .auth .footer .divider { margin-bottom: 10px; } .auth .footer .signup-link { text-align: center; margin-top: 5px; font-size: 14px; } .auth .footer .signup-link a { color: #02CCBA; -webkit-transition: 0.5s; transition: 0.5s; } .auth .footer .signup-link a:hover { text-decoration: underline; letter-spacing: 2px; } .auth .footer .signup-link a:hover .sepreter { width: 100%; } .about-bg { margin-top: 68px; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; float: left; width: 100%; height: 400px; } @media (max-width: 480px) { .about-bg { height: 100px; background-size: 100% 175px; } } .about-text-box { float: left; padding: 5%; text-align: center; background: #FAFAFA; line-height: 25px; } .about-text-box:nth-last-child(1) { display: none; } .about-text-box .img { width: 40%; float: left; } @media (max-width: 480px) { .about-text-box .img { width: 100%; float: none; margin: 0 auto; } } .about-text-box .img img { width: 100%; } .about-text-box .para { width: 60%; float: left; padding: 3%; } @media (max-width: 480px) { .about-text-box .para { width: 100%; } } .about-text-box .para h1 { margin-bottom: 50px; font-size: 34px; margin: 20px 0; float: left; } .about-text-box .para h1 span { color: #02CCBA; } .about-text-box .para h1::after { content: ''; width: 35%; height: 5px; background: #FF5A5F; display: block; position: relative; left: 50%; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; } @media (max-width: 480px) { .about-text-box .para h1::after { width: 20%; } } .about-text-box .para h1::before { content: ''; width: 90%; height: 1px; background: #02CCBA; display: block; position: relative; left: 50%; top: 36px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 480px) { .about-text-box .para h1::before { width: 40%; } } @media (max-width: 480px) { .about-text-box .para h1 { float: none; text-align: center; } } .about-text-box .para p { text-align: left; float: right; } .contact-us-map { width: 100%; float: left; margin-top: 68px; background-size: 100%; background-repeat: no-repeat; } .contact-us-map #contacts_map { width: 100%; -webkit-transition: 0.5s; transition: 0.5s; height: 200px; float: left; } .contact-us-map #contacts_map:hover { height: 300px; } .contact-us { width: 100%; margin-top: 50px; padding: 1%; float: left; } .contact-us .contact-form { width: 60%; margin: 0 auto; } @media (max-width: 480px) { .contact-us .contact-form { width: 90%; } } .contact-us .contact-form .head h1 { font-size: 24px; margin: 10px; } .contact-us .contact-form .head h1::after { content: ''; width: 5%; height: 2px; background: #FF5A5F; display: block; position: relative; left: 13%; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; } @media (max-width: 480px) { .contact-us .contact-form .head h1::after { width: 20%; left: 15%; } } .contact-us .contact-form .body { width: 100%; float: left; } .contact-us .contact-form .body .inputs-box, .contact-us .contact-form .body .textarea-box { width: 50%; float: left; } @media (max-width: 480px) { .contact-us .contact-form .body .inputs-box, .contact-us .contact-form .body .textarea-box { width: 80%; float: none; margin: 0 auto; } } .contact-us .contact-form p { font-size: 14px; text-align: center; } .contact-us .contact-form .input-controll { margin: 30px auto; width: 90%; } .contact-us .contact-form .input-controll input { width: 100%; border: none; outline: none; border: 1px solid #02CCBA; padding: 10px; border-left: 5px solid #02CCBA; -webkit-box-shadow: 0px 1px 8px rgba(2, 204, 186, 0.2); box-shadow: 0px 1px 8px rgba(2, 204, 186, 0.2); } .contact-us .contact-form .input-controll textarea { height: 170px; border: none; outline: none; resize: none; width: 100%; border: 1px solid #02CCBA; padding: 8px; border-left: 5px solid #02CCBA; -webkit-box-shadow: 0px 1px 8px rgba(2, 204, 186, 0.2); box-shadow: 0px 1px 8px rgba(2, 204, 186, 0.2); } .contact-us .contact-form .btn-circle { margin: 0 auto; display: block; width: 40px; height: 40px; border: none; -webkit-box-shadow: 0px 1px 16px rgba(255, 90, 95, 0.5); box-shadow: 0px 1px 16px rgba(255, 90, 95, 0.5); cursor: pointer; outline: none; border-radius: 50%; } @media (max-width: 480px) { .contact-us .contact-form .btn-circle { cursor: none; } } .contact-us .contact-form .btn-circle i { font-size: 24px; } .contact-us .contact-form .btn-circle:hover { -webkit-box-shadow: 0px 1px 16px rgba(2, 204, 186, 0.5); box-shadow: 0px 1px 16px rgba(2, 204, 186, 0.5); } .test-series { float: left; padding: 20px 10%; background: url("../images/bg.jpg"); border-bottom: 1px solid #ccc; padding-top: 80px; border-top: 1px solid #ccc; } @media (max-width: 480px) { .test-series { border-bottom: none; } } .test-series h1 { text-align: center; font-size: 28px; margin: 10px 0; margin-bottom: 30px; } .test-series .card { width: 22%; height: 200px; border-top: 5px solid #02CCBA; background: #fff; float: left; margin: 1.5%; margin-bottom: 2%; border-radius: 5px; text-align: center; padding: 10px; -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); } @media (max-width: 480px) { .test-series .card { margin: 0; margin-top: 20px; width: 100%; } } .test-series .card .exam-logo { width: 100%; height: 50%; padding: 10px 0; } .test-series .card .exam-name { width: 100%; height: 50%; } .test-series .card .exam-name h1 { margin: 8px 0; color: #02CCBA; font-size: 20px; } .test-series .card .exam-name p { font-size: 14px; color: #000; line-height: 22px; } .faq { width: 100%; float: left; padding: 20px 10%; margin-top: 68px; } .faq .accordion-container { width: 80%; margin: 40px auto; } @media (max-width: 480px) { .faq .accordion-container { width: 100%; } } .faq .accordion-container .items { position: relative; width: 100%; height: auto; background: #e9e9e9; margin: 20px 0; cursor: pointer; } .faq .accordion-container .items p { padding: 15px; text-decoration: none; color: #000; border-bottom: 1px solid #ddd; } .faq .accordion-container .items i { float: right; color: #FF5A5F; } .faq .accordion-container .items .content { background: #fff; border-bottom: 1px solid #ddd; display: none; } .faq .accordion-container .items .content p { padding: 10px 15px; margin: 0; color: #333; } .items > p.active { background: #02CCBA; } .exam-page-bg { margin-top: 68px; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; float: left; width: 100%; z-index: -2; } @media (max-width: 480px) { .exam-page-bg { background-size: 100% 200px; height: 130px; } } .exam-page-bg .page-name { width: 60%; float: left; padding: 20px; } @media (max-width: 480px) { .exam-page-bg .page-name { width: 100%; padding: 10px; } } .exam-page-bg .page-name h1 { font-size: 30px; color: #fff; } .exam-page-bg .page-name p { color: #fff; } .bradcamp { width: 100%; float: left; margin-bottom: 0; } .bradcamp .page--breadcrumb { float: left; padding: 10px 4%; } .bradcamp a { font-size: 14px !important; } .full-page { width: 100%; float: left; min-height: 800px; } .full-page .side-section { width: 22%; float: left; padding: 20px; } @media (max-width: 480px) { .full-page .side-section { padding: 0; width: 100%; } } .full-page .side-section .side-menu { padding: 40px 0; float: left; } @media (max-width: 480px) { .full-page .side-section .side-menu { padding: 0; width: 100%; } } .full-page .side-section .side-menu ul { width: 100%; float: left; padding: 20px; } @media (max-width: 480px) { .full-page .side-section .side-menu ul { padding: 0; margin-bottom: 20px; display: none; } } .full-page .side-section .side-menu ul li { padding: 10px; border-bottom: 1px solid #ccc; -webkit-transition: 0.5s; transition: 0.5s; } .full-page .side-section .side-menu ul li:hover a { color: #02CCBA; } .full-page .side-section .side-menu ul li:hover { border-bottom-color: #02CCBA; } .full-page .side-section .side-menu ul li a { color: #666363; font-size: 14px; } .full-page .side-section .side-menu .mobile-sidebar { padding: 0; float: left; width: 100%; position: fixed; top: 200px; left: 0; z-index: 99; } @media (min-width: 480px) { .full-page .side-section .side-menu .mobile-sidebar { display: none; } } .full-page .side-section .side-menu .mobile-sidebar button { position: absolute; z-index: 100; top: -2px; left: 0; border: none; background: rgba(0, 0, 0, 0.3); width: 10%; padding: 8px 15px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; outline: none; } .full-page .side-section .side-menu .mobile-sidebar button:focus { background: rgba(0, 0, 0, 0.5); } .full-page .side-section .side-menu .mobile-sidebar i { float: right; font-size: 20px; color: #ffffff; } .full-page .side-section .side-menu .mobile-sidebar ul { display: block; position: absolute; top: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); clear: both; padding: 10px; width: 100%; background: #fff; display: none; } .full-page .side-section .side-menu .mobile-sidebar ul li { text-align: center; } .full-page .side-section .side-menu .mobile-sidebar ul li a { color: #000; font-size: 14px; font-weight: normal; } .full-page .page-contact { width: 78%; float: left; } @media (max-width: 480px) { .full-page .page-contact { width: 100%; padding: 2%; } } .full-page .page-contact .exam-about { width: 100%; float: left; padding: 10px; } @media (max-width: 480px) { .full-page .page-contact .exam-about { padding-top: 10px; } } .full-page .page-contact .exam-about .exam-logo { width: 20%; float: left; } @media (max-width: 480px) { .full-page .page-contact .exam-about .exam-logo { display: none; } } .full-page .page-contact .exam-about .exam-logo img { width: 80%; } .full-page .page-contact .exam-about .float--l { float: left; } .full-page .page-contact .exam-about .clear--l { clear: left; } .full-page .page-contact .exam-about .exam-contant { width: 80%; } @media (max-width: 480px) { .full-page .page-contact .exam-about .exam-contant { width: 100%; text-align: justify; } } .full-page .page-contact .exam-about .exam-contant p { line-height: 20px; font-size: 15px; margin: 5px 0; } .full-page .page-contact .exam-about .exam-contant a { padding: 10px 12px; background: #02CCBA; float: left; -webkit-box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); margin-top: 10px; } .full-page .page-contact .exam-about .exam-contant ul { list-style: disc; } .full-page .page-contact .exam-about .exam-contant ul li { font-size: 12px; margin: 0 40px; cursor: pointer; line-height: 22px; } @media (max-width: 480px) { .full-page .page-contact .exam-about .exam-contant ul li { cursor: none; } } .testimonial { width: 100%; float: left; position: relative; padding: 2% 0; } .testimonial .heading-text { text-align: center; font-size: 2rem; padding: 30px 0; color: #262626; } .testimonial .glide { width: 85%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial .glide .glide__track { width: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial .glide .glide__track .glide__slide { border: 1px solid #ccc; } .testimonial .glide .glide__track .glide__slide .img-content { float: left; width: 100%; line-height: 22px; padding-top: 10px; text-align: center; } .testimonial .glide .glide__track .glide__slide .img-content .img { width: 90px; height: 90px; overflow: hidden; border-radius: 50%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .testimonial .glide .glide__track .glide__slide .img-content .img img { width: 90px; } .testimonial .glide .glide__track .glide__slide .img-content .rating { margin-top: 15px; border-top: 2px solid #02CCBA; width: 100%; float: left; } .testimonial .glide .glide__track .glide__slide .img-content .rating p { display: block; width: 50px; background: #ffff; height: 10px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -5.5px; } .testimonial .glide .glide__track .glide__slide .detail-box { padding: 20px; line-height: 21px; } .testimonial .glide .glide__track .glide__slide .detail-box span { color: #ccc; } .testimonial .glide .glide__arrow--left { font-size: 2rem; left: -7.5%; color: #02CCBA; -webkit-box-shadow: none; box-shadow: none; } .testimonial .glide .glide__arrow--right { font-size: 2rem; color: #02CCBA; -webkit-box-shadow: none; box-shadow: none; right: -7.5%; } .testimonial .glide .glide__bullets { bottom: -20px; } .testimonial .glide .glide__bullets .glide__bullet { background: #e2e2e2; } .testimonial .glide .glide__bullets .glide__bullet:hover, .testimonial .glide .glide__bullets .glide__bullet:focus { border: none; } .testimonial .glide .glide__bullets .glide__bullet--active { background: #02CCBA; } .typing-info { float: left; width: 100%; padding: 2%; margin-top: 50px; border-top: 1px solid #ccc; } @media (max-width: 480px) { .typing-info { margin-top: 0; } } .typing-info .typing-video { width: 40%; float: left; } @media (max-width: 480px) { .typing-info .typing-video img { display: none; } } .typing-info .massge { width: 60%; padding: 20px; float: left; padding: 1%; position: relative; top: 50px; } @media (max-width: 480px) { .typing-info .massge { width: 100%; top: 0; } } .typing-info .massge .contant { width: 100%; margin: 0 auto; float: left; } @media (max-width: 480px) { .typing-info .massge .contant { min-height: 250px; } } .typing-info .massge .contant .text { width: 80%; float: left; padding: 20px 50px; } @media (max-width: 480px) { .typing-info .massge .contant .text { padding: 20px; padding-bottom: 0; } } .typing-info .massge .contant .text h1 { font-size: 24px; margin-bottom: 20px; color: #000; padding: 5px; border-left: 2px solid #FF5A5F; } .typing-info .massge .contant .text p { color: #504f4f; font-size: 16px; line-height: 20px; } .typing-info .massge .contant .text a { float: left; padding: 10px 12px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; background: rgba(255, 90, 95, 0.8); margin: 20px; letter-spacing: 2px; border-radius: 10px; border: 1px solid rgba(255, 90, 95, 0.8); -webkit-box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); } .typing-info .massge .contant .text a:nth-last-child(2) { background: inherit; color: #4b4a4a; } .typing-info .massge .contant .text a:nth-last-child(2):hover { background: rgba(255, 90, 95, 0.8); color: #ffffff; } @media (max-width: 480px) { .typing-info .massge .contant .text a { margin-left: 10px; margin-top: 15px; } } .typing-info .massge .contant img { position: relative; top: -80px; width: 20%; float: left; } @media (max-width: 480px) { .typing-info .massge .contant img { top: 20px; } } .typing { width: 100%; float: left; background-size: cover; } .typing .opacity-box { width: 100%; float: left; height: 100%; background: rgba(32, 39, 70, 0.4); } .typing .typing-box { border: 10px solid #02CCBA; -webkit-box-shadow: inset 0px 0px 20px 1px rgba(2, 204, 186, 0.3); box-shadow: inset 0px 0px 20px 1px rgba(2, 204, 186, 0.3); margin: 100px 20%; width: 60%; float: left; background: #202746; padding: 1.5%; } @media (max-width: 480px) { .typing .typing-box { width: 100%; border: none; background: #3a405dd5; margin: 0; } } .typing .typing-box .contant { width: 100%; height: 80%; float: left; } .typing .typing-box .contant h2 { text-align: center; color: #ffffff; padding: 10px; } .typing .typing-box .contant .type-box { width: 60%; height: 100%; float: left; } @media (max-width: 480px) { .typing .typing-box .contant .type-box { width: 100%; } } .typing .typing-box .contant .type-box .text-box { min-height: 80px; color: #ffffff; padding: 10px; } .typing .typing-box .contant .type-box .text-box h1 { font-size: 3rem; text-align: center; margin: 0 auto; } .typing .typing-box .contant .type-box .input-box { height: 50%; width: 80%; margin: 0 auto; } .typing .typing-box .contant .type-box .input-box input { border: none; outline: none; text-align: center; font-size: 24px; letter-spacing: 2px; width: 100%; border-radius: 5px; padding: 5px 20%; border: 1px solid #202746; } .typing .typing-box .contant .type-box .input-box p { font-size: 1.5rem; text-align: center; color: #FF5A5F; margin-top: 10px; } .typing .typing-box .contant .score-box { width: 40%; height: 100%; float: left; color: #ffffff; padding: 20px; border-left: 2px solid #FF5A5F; } @media (max-width: 480px) { .typing .typing-box .contant .score-box { width: 100%; margin-top: 15px; border: none; border-top: 2px solid #02CCBA; } } .typing .typing-box .contant .score-box select { display: block; width: 80%; padding: 5px; color: #fff; margin: 0 auto; border: 1px solid #ccc; background: inherit; margin-bottom: 20px; border-radius: 3px; outline: none; } .typing .typing-box .contant .score-box select option { color: #000; padding: 20px; } .typing .typing-box .contant .score-box #score { float: right; } .typing .typing-box .contant .score-box #timer { float: left; } .typing .typing-box .contant .score-box #level { clear: both; } .typing .typing-box .contant .score-box p { line-height: 20px; text-align: left; margin: 10px; font-size: 14px; } .typing .typing-box .contant .score-box p span { font-size: 1.5rem; color: #FF5A5F; } .typing .typing-box .instraction { width: 80%; margin: 10px 10%; height: 20%; color: #fff; padding: 5px; font-size: 14px; line-height: 18px; background: #232f61; text-align: center; float: left; } @media (max-width: 480px) { .typing .typing-box .instraction { width: 100%; margin: 0; } } .notice { float: left; border-top: 1px solid #ccc; padding: 0 10%; overflow: hidden; } @media (max-width: 480px) { .notice { padding-bottom: 15%; padding-left: 15%; padding-right: 15%; } } .notice h1 { font-size: 30px; text-align: center; margin-top: 40px; } @media (max-width: 480px) { .notice h1 { margin-bottom: 20px; } } .notice h1:nth-child(1)::after { content: ''; width: 5%; height: 5px; background: #FF5A5F; display: block; position: relative; left: 50%; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; } @media (max-width: 480px) { .notice h1:nth-child(1)::after { width: 20%; } } .notice h1:nth-child(1)::before { content: ''; width: 12%; height: 1px; background: #02CCBA; display: block; position: relative; left: 50%; top: 41px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 480px) { .notice h1:nth-child(1)::before { width: 40%; } } .notice .one { left: -100px; opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; } .notice .two { top: 100px; opacity: 0; -webkit-transition: 1s; transition: 1s; } .notice .three { -webkit-transition: 1s; transition: 1s; right: -100px; opacity: 0; } .notice .items-box { position: relative; width: 20%; height: 500px; border: 1px solid #02ccba; float: left; margin: 6.5%; background: #02ccba; -webkit-box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); box-shadow: 3px 5px 10px 0px rgba(21, 146, 150, 0.39); border-radius: 20px; } @media (max-width: 480px) { .notice .items-box { width: 90%; margin-left: 5%; height: 420px; margin-top: 30px; } } .notice .items-box p { text-align: center; margin: 7%; font-size: 20px; color: #ffffff; } .notice .items-box .read-more { float: right; position: relative; bottom: -420px; right: 20px; } @media (max-width: 480px) { .notice .items-box .read-more { bottom: -335px; } } .notice .items-box .head { position: absolute; top: 50px; left: -15%; width: 130%; height: 400px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(21, 145, 150, 0.2); box-shadow: 0px 0px 20px 0px rgba(21, 145, 150, 0.2); } @media (max-width: 480px) { .notice .items-box .head { width: 120%; left: -10%; height: 320px; } } .notice .items-box .head ul { list-style: disc; color: #FF5A5F; padding: 0 5%; } .notice .items-box .head ul li { margin: 10%; line-height: 20px; } @media (max-width: 480px) { .notice .items-box .head ul li { margin: 5%; } } .notice .items-box .head ul li:nth-child(odd) { color: red; } .notice .items-box .head ul li:nth-child(even) { color: #02CCBA; } .notice .items-box .head ul li a { font-size: 14px; color: #232323; } .overlay { float: left; width: 100%; height: auto; background: url(../images/countup-bg.jpg); background-size: cover; } .overlay .items-box { margin-top: 30px; float: left; width: calc(100% / 4); height: 240px; text-align: center; padding: 20px; padding-top: 90px; letter-spacing: 1.5px; line-height: 35px; color: #ffffff; } @media (max-width: 480px) { .overlay .items-box { width: 100%; padding: 10px; height: 120px; } } .overlay .items-box .counter-text { font-size: 26px; font-weight: bold; } .subscribe { position: relative; width: 100%; height: 100px; padding: 20px; float: left; text-align: center; } @media (max-width: 480px) { .subscribe { padding: 20px 0; } } .subscribe .sub { position: relative; top: 10px; padding: 20px; height: 150px; width: 70%; background: #fff; border: 1px solid #ccc; margin: 0 auto; -webkit-box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.2); } @media (max-width: 480px) { .subscribe .sub { width: 90%; padding: 10px; } } .subscribe .sub h1 { margin-top: 8px; font-size: 24px; margin-bottom: 20px; } @media (max-width: 480px) { .subscribe .sub h1 { margin-bottom: 10px; } } .subscribe form input[type="email"] { width: 40%; border: none; border: 1px solid #ccc; border-left: 5px solid #FF5A5F; -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 12px 38px 13px 20px; font-size: 16px; outline: none; } @media (max-width: 480px) { .subscribe form input[type="email"] { width: 80%; } } .subscribe form button { -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.2); padding: 8px 15px; color: #ffffff; letter-spacing: 1px; margin-left: -20px; border: none; background: #FF5A5F; outline: none; cursor: pointer; } @media (max-width: 480px) { .subscribe form button { margin-top: 10px; cursor: none; } } .follow-us li { width: 30px; height: 30px; border-radius: 5px; border-top-left-radius: 0; background: #fff; cursor: pointer; display: inline-block; text-align: center; padding-top: 5px; -webkit-box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.2), 0 2px 10px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.2), 0 2px 10px 0 rgba(255, 255, 255, 0.2); } @media (max-width: 480px) { .follow-us li { cursor: none; } } .follow-us li i { color: #FF5A5F; font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s; } .follow-us li:hover i { color: #02CCBA; } .footer { width: 100%; float: left; } .footer .outer { width: 100%; float: left; background: transparent linear-gradient(240deg, #159196, #02CCBA) repeat scroll 0 0; padding: 20px; } @media (max-width: 480px) { .footer .outer { padding-top: 100px; } } .footer .outer .menus { padding: 100px 10px 0px 10px; float: left; width: calc(100% / 6); } .footer .outer .menus:nth-child(1) { margin-left: 0; } @media (max-width: 480px) { .footer .outer .menus { width: 50%; padding: 20px 10px 0px 10px; } } .footer .outer .menus .brand-name { margin-bottom: 15px; text-align: center; } .footer .outer .menus .brand-name img { width: 15%; } .footer .outer .menus h1 { text-align: left; font-size: 20px; font-weight: bold; color: #232323; } .footer .outer .menus h1::after { content: ''; width: 8%; height: 2px; background: #FF5A5F; display: block; position: relative; left: 10%; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; } @media (max-width: 480px) { .footer .outer .menus h1::after { width: 20%; left: 15%; } } .footer .outer .menus ul { font-size: 14px; margin-top: 20px; } .footer .outer .menus ul li { margin: 8px; } .inner .contact { width: 100%; padding: 20px; float: left; background: #02CCBA; } .inner .contact .itme-box { width: calc(100% / 3); float: left; text-align: center; color: #fff; } @media (max-width: 480px) { .inner .contact .itme-box { width: 100%; } } .inner .contact .itme-box .icon { margin: 0 auto; width: 50px; height: 50px; border-radius: 50%; padding-top: 12px; } .inner .contact .itme-box .icon .fa { color: #FF5A5F; font-size: 24px; } .inner .contact .itme-box p { line-height: 20px; } .copyright { background: #02CCBA; border-top: 0.1px solid #ccc; width: 100%; float: left; padding: 10px; color: #fff; text-align: center; font-size: 14px; } @media (max-width: 480px) { .copyright { line-height: 20px; } } .main-page { width: 100%; height: 100%; padding: 20px; float: right; margin-top: 50px; } @media (max-width: 480px) { .main-page { padding: 10px; } } .user-page--header { width: 100%; height: 60px; background: #02CCBA; } .user-page--header .brand-name { left: 2%; } .user-page--header .brand-name span { color: #fff; } .ul-animetion { opacity: 1 !important; top: 30px !important; visibility: visible !important; } .side--manu { position: fixed; top: 0; left: 0; float: left; clear: left; width: 15%; height: 100vh; z-index: -1; background: #27382d; } .user--profile--box { width: 85%; float: right; height: 400px; background: #fff; padding: 10px; border: 1px solid red; } @media (max-width: 480px) { .user--profile--box { width: 100%; padding: 0; } } .user--profile--box .profile--content { width: 100%; background: #fff; float: left; min-height: 300px; padding: 20px 0; border: 1px solid red; } @media (max-width: 480px) { .user--profile--box .profile--content { width: 100%; } } .user--profile--box .profile--content .profile--img { width: 20%; padding: 10px; border: 1px solid red; } .user--profile--box .profile--content .profile--img img { border-radius: 50%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px; height: 100px; display: block; border: 1px solid #02CCBA; -webkit-box-shadow: 0 0px 20px 0px #02CCBA; box-shadow: 0 0px 20px 0px #02CCBA; } .user--profile--box .profile--content .profile--img button { border: none; background: inherit; position: relative; outline: none; border: 1px solid red; cursor: pointer; } .user--profile--box .profile--content .profile--img button:active { outline: none; } .user--profile--box .profile--content .profile--detail { width: 100%; padding: 10px; float: left; } .user--profile--box .profile--content .profile--detail .table__container { width: 50%; padding: 20px; border: 1px solid red; float: left; } .user--profile--box .profile--content .profile--detail .table__container table { border: 1px solid red; } .user--profile--box .profile--content .profile--detail .table__container table tr { border: 1px solid red; } .editer-icon { float: right; width: 20px; height: 20px; } .editer-icon img { float: right; color: #000; width: 20px; height: 20px; font-size: 10px; cursor: pointer; } .test-navbar { position: fixed; top: 0; left: 0; z-index: 5; -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.2); height: 50px; background: #02CCBA; } @media (max-width: 480px) { .test-navbar { padding: 0; } } .test-navbar .detail-box { width: 80%; padding: 0 20px; height: 100%; float: left; } @media (max-width: 480px) { .test-navbar .detail-box { padding: 0; width: 50%; display: none; } } .test-navbar .detail-box ul li { color: #ffffff; padding: 15px; display: inline-block; } .test-navbar .timer-box { width: 20%; float: left; height: 100%; padding: 12px; } @media (max-width: 480px) { .test-navbar .timer-box { width: 50%; } } .test-navbar .timer-box p { font-size: 24px; color: #ffffff; text-align: center; } .main-page .exam-box { width: 69%; min-height: 505px; background: #fff; float: left; padding: 20px; } @media (max-width: 480px) { .main-page .exam-box { width: 100%; float: right; margin: 0; margin-top: 10px; padding-bottom: 20px; } } .main-page .exam-box .direction { width: 100%; border: 1px solid #ccc; border-left: 4px solid #02CCBA; text-align: center; line-height: 20px; margin-bottom: 20px; float: left; } @media (max-width: 480px) { .main-page .exam-box .direction img { width: 70%; } } .main-page .exam-box .direction h1 { font-weight: bold; text-align: left; color: #3f444a; padding: 8px; border-bottom: 1px solid #ccc; background: #f7f7f7; font-family: "Open Sans", sans-serif; } .main-page .exam-box .direction p { text-align: left; margin: 10px 10px; font-family: "Open Sans", sans-serif; color: #3f444a; } .main-page .exam-box .question--box { width: 100%; float: left; } .main-page .exam-box .question--box .question { float: left; line-height: 20px; width: 100%; } .main-page .exam-box .question--box .question h1 { float: left; font-family: "Open Sans", sans-serif; margin-right: 10px; } .main-page .exam-box .question--box .question p { width: 95%; float: left; color: #3f444a; } .main-page .exam-box .question--box .q-img { margin: 10px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 480px) { .main-page .exam-box .question--box .q-img { float: left; margin: 0 10%; width: 80%; margin-bottom: 15px; } } .main-page .exam-box .question--box .options__box { width: 96%; height: 100%; float: right; padding: 5px; color: #3f444a; position: relative; top: 0; left: 0; line-height: 20px; } .main-page .exam-box .question--box .options__box .text-options { width: 100%; float: left; position: relative; top: 0; left: 20px; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .text-options { display: block; } } .main-page .exam-box .question--box .options__box .text-options li { width: 100%; float: left; margin: 10px; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .text-options li { width: 100%; } } .main-page .exam-box .question--box .options__box .text-options li .radio { position: relative; float: left; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type="radio"] { position: absolute; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; left: 27%; top: -5px; opacity: 2; outline: none; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .text-options li .radio input[type="radio"] { left: 0; top: 20px; } } .main-page .exam-box .question--box .options__box .text-options li .radio input[type="radio"]::before { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #ccc; padding: 1px; -webkit-transition: 0.3s; transition: 0.3s; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type="radio"]:checked::before { opacity: 0; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type="radio"]:checked::after { content: ''; display: block; width: 20px; height: 10px; border-left: 3px solid #02CCBA; border-bottom: 2px solid #02CCBA; position: absolute; top: -2px; left: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.5s; transition: 0.5s; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type='radio'] { left: -30px; top: -3px; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type='radio']::before { width: 9px; height: 9px; } .main-page .exam-box .question--box .options__box .text-options li .radio input[type='radio']:checked::after { width: 15px; height: 8px; } .main-page .exam-box .question--box .options__box .text-options li .radio-label { margin-left: 15px; float: left; } .main-page .exam-box .question--box .options__box .img-options { float: left; width: 100%; text-align: center; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .img-options { display: block; clear: both; } .main-page .exam-box .question--box .options__box .img-options .radio-label { float: left; margin: 5px 10px; } } .main-page .exam-box .question--box .options__box .img-options .times { float: left; width: 20%; position: relative; top: 10px; left: 0; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .img-options .times { clear: left; width: 100%; padding-left: 30px; } } .main-page .exam-box .question--box .options__box .img-options .times .radio { padding-bottom: 10px; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .img-options .times .radio { float: left; } .main-page .exam-box .question--box .options__box .img-options .times .radio span { position: relative; top: 25px; } } .main-page .exam-box .question--box .options__box .img-options .times .radio input[type="radio"] { position: absolute; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; left: 27%; top: -5px; opacity: 2; outline: none; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 480px) { .main-page .exam-box .question--box .options__box .img-options .times .radio input[type="radio"] { left: 0; top: 20px; } } .main-page .exam-box .question--box .options__box .img-options .times .radio input[type="radio"]::before { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #ccc; padding: 1px; -webkit-transition: 0.3s; transition: 0.3s; } .main-page .exam-box .question--box .options__box .img-options .times .radio input[type="radio"]:checked::before { opacity: 0; } .main-page .exam-box .question--box .options__box .img-options .times .radio input[type="radio"]:checked::after { content: ''; display: block; width: 20px; height: 10px; border-left: 3px solid #02CCBA; border-bottom: 2px solid #02CCBA; position: absolute; top: -2px; left: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.5s; transition: 0.5s; } .main-page .exam-box .action--btn--box { width: 100%; padding: 10px; text-align: center; float: left; position: -webkit-sticky; position: sticky; top: 100%; left: 0; } @media (max-width: 480px) { .main-page .exam-box .action--btn--box { padding: 0; } } .main-page .exam-box .action--btn--box .action-btns button { margin: 0 1.2%; text-transform: uppercase; } .main-page .questions-box { width: 30%; min-height: 512px; float: right; background: #fff; padding: 18px; } @media (max-width: 480px) { .main-page .questions-box { width: 100%; float: right; min-height: 70px; padding: 10px; } } .main-page .questions-box .contant { width: 100%; color: #3f444a; float: left; } .main-page .questions-box .contant table { width: 100%; } @media (max-width: 480px) { .main-page .questions-box .contant table { float: left; } } .main-page .questions-box .contant table tr td { border: 1px solid #ccc; padding: 10px; } .main-page .questions-box .contant table tr td span { font-weight: 600; } .main-page .questions-box .number-box { width: 100%; height: 385px; overflow-y: auto; float: left; margin-top: 10px; } @media (max-width: 480px) { .main-page .questions-box .number-box { height: 82px; width: 98%; float: none; margin: 0 auto; overflow-y: hidden; } .main-page .questions-box .number-box .max-qu { width: 3450px; } .main-page .questions-box .number-box .min-qu { width: 2660px; } } .main-page .questions-box .btn { padding: 0; margin: 0; width: 30px; height: 30px; margin: 5px 0.5px; font-size: 12px; }