[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.portofliomodal_content p, .portofliomodal_content p.intro-content, .portofliomodal_content li {
font-size: 14px !important;
line-height: 16px !important;
}
#bigger {
font-size: 19px;
}
#test {
position: fixed;
background-color: red;
top: 0;
width: 100%;
overflow: auto;
}
ul.controls {
list-style-type: none;
}
.prev {
position: absolute;
left: 0;
top: 45%;
font-size: 36px;
color: rgba(0,0,0,.13);
}
.prev:hover, .next:hover {
cursor: pointer;
}
.next {
position: absolute;
right: 0;
top: 45%;
font-size: 36px;
color: rgba(0,0,0,.13);
}
#nopadbottom {
padding-bottom: 0 !important;
}
.close {
font-size: 2rem !important;
}
.portofliomodal_content h4 {
color: #00adbb;
}
.myBtn_multi {
background-color: #fff;
border: none;
padding: 10px 20px;
font-family: 'Kanit', sans-serif !important;
color: #393839;
text-transform: uppercase;
}
#portfoto { }
#portfoto img {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.41);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.41);
}
.modalwrapper {
position: relative;
width: 100%;
}
.filterwrap {
background-color: #393839 !important;
padding-bottom: 10px !important;
}
.filterwrap p {
color: #fff;
font-size: 20px;
margin-bottom: 60px;
padding-bottom: 40px;
}
.filterwrap p::after {
content: '';
border-bottom: 6px solid #00ADBB;
display: inline-block;
width: 100px;
position: absolute;
right: 0;
padding-top: 60px;
left: 0;
margin: 0 auto;
text-align: center;
}
.nonrelative { }
.portofliomodal_content {
position: fixed !important;
bottom: 0;
background-color: #fefefe;
width: 100%;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s;
padding: 20px 50px;
}
.modal {
display: none; position: fixed; z-index: 1; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto !important; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s
} @-webkit-keyframes slideIn {
from {bottom: -300px; opacity: 0} 
to {bottom: 0; opacity: 1}
}
@keyframes slideIn {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
from {opacity: 0} 
to {opacity: 1}
}
@keyframes fadeIn {
from {opacity: 0} 
to {opacity: 1}
} .modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
position: relative !important;
} .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
#bio_text_2 {
background-color: #E2E2E2;
}
.homewrap h2 {
color: #fff !important;
}
h2, h3 {
font-family: 'Kanit', sans-serif !important;
color: #00ADBB !important;
}
#ourpurpose {
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/cityofmarianna_drama.jpg);
background-size: cover;
}
#centermeplease {
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.purpose_innards {
background-color: rgba(255,255,255,.93);
width: 100%;
min-height: 215px;
padding: 20px; 
margin-bottom: 20px; 
}
.purpose_innards h3 {
font-family: 'Kanit', sans-serif !important;
color: #00ADBB;
}
.btn a, .rmbtn a {
background-color: #00ADBB;
display: block;
width: 100%;
padding: 10px 0;
color: #fff;
text-decoration: none;
}
.rmbtn a:hover {
background-color: #393839 !important;
text-decoration: none;
color: #fff;
}
.rmbtn a {
text-align: center;
text-transform: uppercase;
font-family: 'Kanit', sans-serif !important;
}
.btn, .rmbtn {
width: 100%;
}
.rmbtn {
margin-bottom: 100px;
}
.kanit {
font-family: 'Kanit', sans-serif !important;
}
#partners img {
width: 170px;
}
#compart {
background-color: #fff;
width: 100%;
color: #393839;
min-height: 300px;
}
#compart h3 {
font-size: 18px;
}
#page-body-wrapper p a {
color: #00adbb !important;
text-decoration: underline;
}
#page-body-wrapper p a:hover {
color: #00adbb !important;
text-decoration: none;
}
html {
margin-top: -10px;
}
#community {
background-color: #393839;
color: #fff;
}  #accord_border {
margin: 60px 0;
border-top: 2px solid #393839 !important;
border-bottom: 2px solid #393839 !important;
}
.accordion {
margin-top: 120px;
color: #444;
cursor: pointer;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s; }
.acco_int {
min-height: 375px;
}
.acco_int img.wp-post-image {  
float: left;
width: 40%;
padding-right: 30px !important;
margin: 20px 0 20px 0;
}
#bio_title p.intro-content {
font-size: 18px !important; font-family: 'Kanit', sans-serif !important;
}
.biobtn {
width: 100%; float: right;
padding: 10px 20px;
color: #393839;
background-color: #eee;
text-transform: uppercase;
font-family: 'Kanit', sans-serif !important;
}
.biobtn:hover {
background-color: #eee;
}  #plus {
height: 20px;
display: inline-block;
float: right;
} .accordion h3 {
text-transform: uppercase;
font-family: 'Kanit', sans-serif !important;
font-size: 22px;
}
.accordion h3::after {
content: '';
border-bottom: 6px solid #00ADBB;
display: block;
width: 100px;
padding-top: 20px;
}
.acco_bio {
width: 55%;
padding-top: 40px;
float: right;
min-height: 400px;
}   .panel {
padding: 0 20px;
background-color: #ffffff;
max-height: 0;
color: #393839;
padding-left: 40px;
padding-right: 40px; top: 100%;
left: 40px;
right: 40px;
z-index: 9999;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #eee;
width: 100%;
}
.panel p {
margin-top: 20px; 
}
#biocopy {
display: none;
background-color: #00ADBB;
transition: 1s;
}
.bio_image {
width: 100%;
margin: 0 auto;
}
.bio_full:hover #biocopy {
display: block;
transition: 1s;
}
.bio_full {
width: 30%;
}
body {
width: 100%;
height: 100%;
}
p {
font-family: 'Roboto', sans-serif;
}
h2 {
font-family: 'Kanit', sans-serif !important;
text-transform: uppercase;
}
h1 {
font-family: 'Kanit', sans-serif !important;
text-transform: uppercase;
color: #00ACBB;
font-size: 2.5rem !important;
}
h1::after {
content: '';
border-bottom: 6px solid #00ADBB;
display: block;
width: 100px;
padding-top: 20px;
}
article {
border-bottom: 0 !important;
}
.slideout-menu {
position: fixed;
top: 0;
bottom: 0;
width: 256px;
min-height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 0;
display: none;
}
.slideout-menu-left {
left: 0;
}
.slideout-menu-right {
right: 0;
}
.slideout-panel {
position: relative;
z-index: 1; background-color: #FFF; min-height: 100vh;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
.menu-menu-1-container {
position: absolute;
top: 0;
}
.toggle-button {
display: none;
position: absolute;
top: 50px;
left: 50px;
z-index: 9999999999;
font-size: 35px;
}
.toggle-button:hover {
cursor: pointer;
}
.desktopnav {
padding: 20px 0 !important;
position: absolute;
margin: 0 auto;
background-color: transparent !important;
width: 100%;
z-index: 99999999;
}
#wpadminbar {
position: absolute;
z-index: 9999999999 !important;
}
.homewrap {
padding: 0 !important;
margin-top: 0 !important;
background-size: cover;
}
.homewrap .entry-title {
display: none;
}
li.menu-item-has-children ul {
display: none;
position: absolute;
padding-left: 0;
margin-left: 0;
transition: .5s;
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
background-color: #fff;
z-index: 999999;
}
li.menu-item-has-children ul:before {
content: '';
position: absolute;
top: 0;
left: 21%;
width: 0;
height: 0;
border: 15px solid transparent;
border-bottom-color: #00aabb;
border-top: 0;
margin-left: -15px;
margin-top: -15px;
}
li.menu-item-has-children ul li a {
background-color: #fff;
display: block !important;
padding: 8px 20px !important;
}
li.menu-item-has-children ul.sub-menu .menu-item {
float: none !important;
}
li.menu-item-has-children:hover > ul  {
display: inherit;
transition: .5s;
}
ul#menu-menu-2 li a, ul#menu-menu-1 li a {
padding: 20px;
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #000;
}
ul#menu-menu-1 {
margin-top: 100px;
}
ul#menu-menu-1 li  { 
display: block;
float: none;
margin: 15px 0;
}
ul#menu-menu-1 li a { 
display: block;
width: 100%;
}
ul#menu-menu-1 li a:active, ul#menu-menu-1 li a:focus, ul#menu-menu-1 li a:hover  { 
text-decoration: none;
}
ul#menu-menu-1 li a:active, ul#menu-menu-1 li a:focus {
background-color: #00ACBB;
color: #fff;
}
ul#menu-menu-2 {
margin-top: 20px;
}
ul#menu-menu-2 li a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
ul#menu-menu-2 li a:hover {
text-decoration: none;
}
ul#menu-menu-2 li a:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #00ACBB;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
ul#menu-menu-2 li a:hover:before, ul#menu-menu-2 li a:focus:before, ul#menu-menu-2 li a:active:before {
left: 0;
right: 0;
text-decoration: none;
}
.navbar-brand {
margin-right: 0 !important;
}
.homecopy img.wp-post-image {
display: none;
}
.homecopy h2 {
position: absolute;
color: #fff;
font-size: 42px;
bottom: 15px;
right: 0px;
text-align: right;
line-height: 38px;
padding-bottom: 20px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}
.homecopy h2::after {
content: '';
border-bottom: 6px solid #00ADBB;
display: block;
width: 100px;
position: absolute;
right: 0;
padding-top: 20px;
}
.homecopy {
height: 75vh;
position: relative; 
z-index: 999999;
}
#introcopy p {
line-height: 36px;
}
.featuredp {
text-align: center;
margin-top: 100px !important;
}
.featuredp h2, .exec h2, .team h2 {
font-size: 2rem !important;
letter-spacing: 1.5px;
color: #393839 !important;
}
.exec h2 { 
margin-bottom: 75px;
}
.team h2 {
margin-top: 100px;
}
.featuredp h2::after, .exec h2::after, .team h2::after {
content: '';
border-bottom: 6px solid #00ADBB;
display: block;
width: 100px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 20px;
}
.projects {
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/greybg.jpg);
background-size: cover;
background-position: top;
}
.siema { }
.lefthalf {
width: 60%;
float: left;
padding: 40px 30px 0 30px;
}
.lefthalf p, .lefthalf p.intro-content {
font-size: 14px !important;
line-height: 24px !important;
}
.righthalf {
width: 40%;
float: right;
text-align: right;
}
h3#slidetitle {
padding: 30px;
}
#pdate {
width: 50%;
position: absolute;
left: 0;
bottom: 0;
right: 50%;
text-align: center;
background-color: #393839;
border: 2px solid white;
color: #fff;
padding: 30px 0 20px 0;
}
#ploc {
width: 50%;
position: absolute;
right: 0;
bottom: 0;
left: 50%;
text-align: center;
background-color: #393839;
border: 2px solid white;
color: #fff;
padding: 30px 0 20px 0;
}
.sliderint {
min-height: 777px;
position: relative;
background-color: #fff;
}
.sliderint h4 {
color: #00ADBB;
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
p.intro-content {
font-size: 1rem !important;
color: #52595e !important;
}
.myrow {
width: 100%;
display: block;
clear: both;
}
img.wp-post-image {
border-bottom: 0 !important;
border-top: 0 !important;
padding: 0 !important;
}
.clear {
display: block;
clear: both;
}
h3#slidetitle {
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #00ADBB;
}
h3#slidetitle::after {
content: '';
border-bottom: 6px solid #393839;
display: block;
width: 100px;
padding-top: 20px;
}
.lefthalf p {
line-height: 30px;
}
.prev {
position: absolute;
left: 0;
top: 45%;
font-size: 36px;
color: rgba(0,0,0,.13);
}
.prev:hover, .next:hover {
cursor: pointer;
}
.next {
position: absolute;
right: 0;
top: 45%;
font-size: 36px;
color: rgba(0,0,0,.13);
}
.testimonials {
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/testimonialsbg.jpg);
background-size: cover;
background-attachment: fixed;
}
.testimonials h2 {
font-size: 2rem !important;
color: #52595e !important;
}
.testimonials h2::after {
content: '';
border-bottom: 6px solid #fff;
display: block;
width: 100px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 20px;
}
.testimonials p, .testimonials .fas {
color: #fff;
}
.testimonials .fas {
margin-bottom: 30px;
}
#wrapper-footer {
background-color: #393839 !important;
}
#wrapper-footer h3.widget-title {
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #00ADBB;
font-size: 16px;
margin-bottom: 42px;
}
#page-wrapper img.wp-post-image, #page-body-wrapper img.wp-post-image {
display: none;
}
#int-page-wrapper {
height: 30vh;
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/cityofmarianna_drama_short.jpg);
background-size: cover;
background-position: bottom;
}
#wrapper-footer h3.widget-title::after {
content: '';
border-bottom: 6px solid #fff;
display: block;
width: 60px;
position: absolute;
left: 40px;
padding-top: 20px;
}
.textwidget p, .textwidget a {
color: #fff;
font-size: 14px;
}
.textwidget a:hover {
color: #00ADBB;
}
#page-title {
margin-top: -150px;
background-color: #fff;
padding-top: 60px;
}
.servicebtnwrap {
border-bottom: 10px solid #393839;
background-color: #fff;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29); vertical-align: middle;
transition: .2s;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
text-align: center;
position: relative;
z-index: 2222;
display: table;
width: 100%;
margin-bottom: 30px;
transition: .2s;
} p.services-square  {
font-size: 22px;
display: table-cell;
height: 200px;
color: #00ADBB;
vertical-align: middle;
font-family: 'Kanit', sans-serif;
font-weight: 600;
}
p.services-square a {
color: #00ADBB;
display: block;
padding: 60px 0;
}
.servicebtnwrap { }
.servicebtnwrap {
margin-top: 40px;
}
.servicebtnwrap:hover {
background-color: #393839;
color: #fff;
transition: .5s;
transition-delay: 0 !important;
border-bottom: 10px solid #00ACBB;
}
p.services-square a:hover {
color: #fff;
text-decoration: none;
transition: .5s;
transition-delay: 0 !important;
}
.services {
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/greybg.jpg);
background-size: cover;
background-position: top;
padding-top: 0 !important;
} .row {
margin: 8px -16px;
} .row,
.row > .column {
} .column {
float: left;
width: 32%;
margin-left: 12px;
display: none; min-height: 350px;
} .row:after {
content: "";
display: table;
clear: both;
} .show {
display: block; }
.portitem {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.portitem p {
color: #fff;
}
.portitem p.intro-content {
color: #fff !important;
}
.portitem .btn a, .portitem .btn {
background-color: #00ADBB;
border: none;
color: #fff;
border-radius: 20px;
padding: 10px 20px;
}
.portitem .btn a:hover, .portitem .btn:hover {
background-color: #04808A;
border: none;
color: #fff;
border-radius: 20px;
text-decoration: none;
}
.hiddenpanels .btn {
background-color: red;
border: none;
color: #fff;
border-radius: 20px;
padding: 10px 15px;
position: absolute;
top: 10px; right: 10px;
}
.hiddenpanels .btn:hover {
background-color: darkred;
border: none;
color: #fff;
border-radius: 20px;
text-decoration: none;
}
.content h4 {
font-family: 'Kanit', sans-serif;
color: #00ADBB;
text-transform: uppercase;
}
.content {
background-color: rgba(82,89,94,.9);
color: #fff;
min-height: 300px;
padding: 20px;
position: absolute;
bottom: 0;
top: 100%;
-webkit-transition:top .3s ease;
-moz-transition:top .3s ease;
-ms-transition:top .3s ease;
-o-transition:top .3s ease;
transition:top .3s ease;
visibility: hidden;
overflow: hidden; 
}
.portitem:hover > .content {
bottom: 0;
top: 0;
left: 0;
right: 0;
visibility: visible;
} #portfolio-wrapper .btn, .filterwrap .btn {
width: auto;
}
#myBtnContainer {
margin-bottom: 40px;
}
#myBtnContainer .btn {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 30px;
background-color: transparent;
color: #fff;
}
#myBtnContainer .btn:hover {
text-decoration: none;
}
#myBtnContainer .btn:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #00ACBB;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#myBtnContainer .btn:hover:before, #myBtnContainer .btn:focus:before, #myBtnContainer .btn:active:before, #myBtnContainer .btn:active {
left: 0;
right: 0;
text-decoration: none;
}
#hide1, #hide2, #hide3 {
display: none;
transition: 1s;
}
.hiddenpanels {
position: absolute;
background-color: rgba(255,255,255,1);
width: 70%; 
right: 15%;
padding: 40px 20px;
z-index: 9999;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.57);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.57);
}
.hiddenpanels h4 {
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #00ACBB;
}
.hiddenpanels img {
width: 100%;
}
#service_details {
color: #fff;
}
#service_details h2 {
color: #00ADBB;
font-size: 32px;
margin-bottom: 75px;
}
#service_details h2::after {
content: '';
border-bottom: 6px solid #fff;
display: block;
width: 60px;
position: absolute;
left: 40px;
padding-top: 20px;
}
#service_details ul li {
background-color: #ddd;
color: #393839;
padding-left: 20px;
padding: 15px 15px 10px 10px;
line-height: 20px;
}
#service_details ul li:nth-child(odd) {
background-color: #eee;
}
#service_details ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
#service_details ul li::before {
}
#service_details {
background-image: url(//www.melvineng.com/wp-content/themes/dhm/img/servicesbg.jpg);
background-size: cover;
}
.portfolio_mobile {
display: none;
}
.mobile_title {
display: none;
}
.biophoto {
height: 350px;
width: 40%;
float: left;
background-size: cover;
background-position: center !important;
}
.mobilehider {
display: none !important;
}
@media (min-width: 1700px) {
.acco_int {
min-height: 400px !important;
} .acco_int img.wp-post-image { 
width: 22%;
}
}
@media (min-width: 1300px) {
.acco_int {
min-height: 350px !important;
}
}
@media (min-width: 1200px) {
.acco_int {
min-height: 288px;
}
.accordion h3 {
font-size: 28px;
} }
@media (max-width: 1200px) {
#compart {
min-height: 390px;
}
.sliderint {
min-height: 895px;}
.acco_int img.wp-post-image {
float: none;
margin: 0 auto;
width: 45%;
padding-right: 0 !important;
}
.acco_int {
text-align: center;
min-height: 300px;
}
.acco_int h3 {
margin-top: 30px;
}
.accordion h3::after {
margin: 0 auto;
} .acco_bio {
float: none;
margin: 0 auto;
width: 100%;
min-height: 0;
}
.toggle-button {
display: inherit;
}
.desktopmenu {
display: none;
}
#logowrapper {
text-align: center;
z-index: 1;
width: 100%;
}
}
@media (max-width: 991px) {
.portofliomodal_content {
top: 0;
position: relative !important;
bottom: 0;
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
}
#compart img.wp-post-image {
width: 30%; 
margin: 0;
}
#compart {
margin: 10px auto;
width: 55%;
min-height: 0;
}
#portfoto {
width: 75%;
margin: 20px auto;
}
.column {
width: 100%;
margin-bottom: 15px;
}
.sliderint {
min-height: 1000px;
}
.righthalf {
float: none;
text-align: center;
width: 100%;   
}
.righthalf img {
width: 100%;
}
.lefthalf {
width: 100%;
padding: 10px 30px 0 30px;
}
#logowrapper {
text-align: center;
z-index: 1;
}
.homewrap {
background-size: cover;
background-position: bottom;
}
.homecopy {
min-height: 60vh;
}
.homecopy h2 {
text-align: center;
left: 0;
right: 0;
font-size: 32px;
}
.homecopy h2::after {
left: 0;
right: 0;
margin: 0 auto;
}
.acco_int img.wp-post-image {
float: left;
margin: 0 !important;
width: 25%;
padding-right: 20px !important;
height: auto;
}
.acco_int h3 {
font-size: 22px;
line-height: 22px;
}
.acco_int {
min-height: 195px;
text-align: left;
}
.biobtn {
width: 100%;
} 
.acco_bio {
padding-top: 10px;
width: 75%;
float: right;
} .accordion h3::after {
margin-left: 0;
}
.content {
position: absolute !important;
width:100%;
height: auto;
min-height: 1px;
display: block;
visibility: visible;
top: 0 !important;
bottom: auto !important;
text-align: center;
}
}
@media (max-width: 768px) { 
.content {
position: absolute !important;
width:100%;
height: auto;
min-height: 1px;
display: block;
visibility: visible;
top: 0 !important;
bottom: auto !important;
text-align: center;
}
.sliderint {
width: 100% !important;
min-height: 0;
height: auto;
}
.wp-block-column {
flex-basis: auto !important;
width: 100% !important;
}
.page-id-40 .has-3-columns {
margin-top: 0 !important;
}
.wp-block-column:nth-child(2n) {
margin-left: 0 !important;
}
#wrapper-footer {
text-align: center;
}
#logo {
margin-bottom: 30px;
}
#wrapper-footer h3.widget-title::after {
content: '';
border-bottom: 6px solid #fff;
display: block;
width: 60px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 20px;
}
#wrapper-footer p {
margin-bottom: 30px;
}
.purpose_innards {
min-height: ;
}
.portofliomodal_content {
top: 0;
position: relative !important;
bottom: 0;
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.homecopy {
height: 80vh;
}
} 
@media (max-width: 575px) {
.homecopy {
height: 70vh;
}
.portofliomodal_content {
top: 0;
position: relative !important;
bottom: 0;
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
} .show {
display: block;
}
.purpose_innards {
min-height: ;
} #myBtnContainer .btn {
display: block;
margin: 0 auto;
}
#myBtnContainer .btn {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
margin-bottom: 0px;
padding-bottom: 15px;
background-color: transparent;
color: #fff;
}
.column {
width: 90%;
margin: 15px auto;
margin-bottom: 15px;
}
#pdate, #ploc {
width: 100%;
display: block;
position: relative;
left: 0;
}
#ploc {
bottom: 0;
}
.sliderint {
min-height: 0;
height: auto; 
width: 100% !important;
}
.acco_int {
text-align: center;
}
.acco_int img.wp-post-image {
width: 50%;
float: none;
margin: 0 auto !important;
}
.acco_bio {
width: 100%;
}
.accordion h3::after {
margin: 0 auto;
}
.mobile_title {
display: block;
text-align: center;
margin: 10px auto 50px auto;
}
.mobile_title .myBtn_multi {
background-color: #00ADBB;
}
.mobile_title h4 {
font-family: 'Kanit', sans-serif;
color: #00ADBB;
text-transform: uppercase;
}
.content {
position: absolute !important;
width:100%;
height: auto;
min-height: 1px;
display: block;
visibility: visible !important;
top: 0 !important;
bottom: auto !important;
text-align: center;
}
.homecopy h2 {
font-size: 22px;
line-height: 26px;
}
}