html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{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)}#header .nav-button span,#header .nav-button,#layout .overlay,#layout,#navm,#navm li,#loading .load,.ms3,#header,.subnav,#header .nav ul li,#header .nav ul li ul,#header .logo,.logo,.btn-link,.btn-link::before,.client-slide-img,.home-work-slider .slick-dots button,.project-links ul li,.team-box,#header .nav-button span,.proj-box,.process-slider .slick-dots li button {transition: .3s;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}.ms5{transition: .5s;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}.ms8{transition: .8s;-o-transition: .8s;-ms-transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;}.s1,.proj-box-content {transition: 1s;-o-transition: 1s;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;}.s1m2{transition: 1.2s;-o-transition: 1.2s;-ms-transition: 1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s;}.notransition {transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #eee;margin-right: 0;margin-top: 0;}::-webkit-scrollbar-thumb {background: #ccc;}body { overflow-x: hidden;}input::selection,::selection {color: #4d555a;background: #ffcc00;}input::-moz-selection,::-moz-selection {color: #4d555a;background: #ffcc00;}html,body {-webkit-overflow-scrolling: touch;}body {-webkit-text-size-adjust: 100%;}html,body,img {margin: 0;padding: 0;border: 0;}button,input,textarea,body { font-family: sofia-pro, sans-serif; font-weight: 500; font-style: normal; font-size: 20px;}a,input,button {outline: 0;}a { text-decoration: none; color: inherit;}h1,h2,h3,h4,h5,h6,p {margin-top: 0;}h1,h2,h3,h4,h5,h6 { font-family: sofia-pro, sans-serif; font-weight: 700; font-style: normal; line-height: 120%;}h1 em,h1 italic,h2 em,h2 italic,h3 em,h3 italic,h4 em,h4 italic,h5 em,h5 italic,h6 em, h6 italic { font-family: sofia-pro, sans-serif; font-weight: 700; font-style: italic;}p,button,ul li,ol li,th,td,input,select,textarea { font-family: sofia-pro, sans-serif; font-weight: 500; font-style: normal; font-size: 20px; line-height: 150%;}ul,ol { list-style: none;}h1 { font-size: 80px;}h2 { font-size: 100px; color: #ee5b62; margin-bottom: 80px;}h3 { font-size: 50px; margin-bottom: 50px;}h4 { font-size: 30px; margin-bottom: 20px; color: #ee5b62;}h5 { font-size: 22px;}h6 { font-size: 20px;}.section,section {position: relative;}.bg-eee {background-color: #eee;}.bg-white,.bg-fff {background-color: #fff;}.bg-999 {background-color: #999;}.bg-grey { background-color: #f3f5f8;}.bg-light-grey { background-color: #f9f9f9;}.bg-light-grey-2 { background-color: #f7f7f7;}.bg-extra-light-grey { background-color: #fbfbfb;}.bg-dark-grey { background-color: #383838;}.bg-pink { background-color: #f3b6c8;}.bg-light-pink { background-color: #edbbb5;}.bg-orange { background-color: #ffc8a2;}.bg-red { background-color: #ee5b62;}.bg-brown { background-color: #ddcdb2;}.bg-teal { background-color: #d3e7e7;}.bg-yellow { background-color: #f1e8aa;}.bg-light-green { background-color: #ecfcf5;}.clear {clear: both;}.fullscreen { height: 100vh; width: 100%;}.min-full { min-height: 100vh;}.full-50 { height: 50vh; width: 100%;}.flex { display: -webkit-box; display: -ms-flexbox; display: flex;}.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap;}.flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}.flex-cent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}.flex-sp-bet { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}.bg-contain { background-size: contain; background-position: center; background-repeat: no-repeat;}.bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat;}.bg-top { background-position: top;}.bg-right { background-position: right;}.bg-bottom { background-position: bottom;}.bg-left { background-position: left;}.inset-shadow { -webkit-box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgba(0,0,0,0.3);}.full-padd-100 { padding: 100px;}.full-padd-50 { padding: 50px;}.padd-t-100 { padding-top: 100px;}.padd-b-100 { padding-bottom: 100px;}.padd-200 { padding: 200px 0;}.padd-150 { padding: 150px 0;}.padd-100 { padding: 100px 0;}.padd-50 { padding: 50px 0;}.padd-l-100 { padding-left: 100px;}.padd-l-200 { padding-left: 200px;}.padd-r-100 { padding-right: 100px;}.padd-r-200 { padding-right: 200px;}.padd-b-200 { padding-bottom: 200px;}.padd-header { padding-top: 250px;}.padd-t-0 { padding-top: 0 !important;}.padd-b-0 { padding-bottom: 0 !important;}.marg-b-20 { margin-bottom: 20px;}.marg-bot-0 { margin-bottom: 0;}.ov { position: relative;}.ov::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}.ov-yellow::after { background-color: rgba(221,205,178,0.8);}.ov-black::after { background-color: rgba(0,0,0,0.3);}.ov-grey-to-orange::after { background-color: rgba(236,243,244,0.8); -webkit-animation: ov-grey-to-orange 5s ease-in-out .5s forwards; animation: ov-grey-to-orange 5s ease-in-out .5s forwards;}@-webkit-keyframes ov-grey-to-orange { 0% { background-color: rgba(236,243,244,0.8); } 100% { background-color: rgba(255,200,162,0.8); }}@keyframes ov-grey-to-orange { 0% { background-color: rgba(236,243,244,0.8); } 100% { background-color: rgba(255,200,162,0.8); }}.ov .container { z-index: 10;}.btn-link { display: inline-block; color: #ee5b62; font-size: 30px; position: relative; margin-top: 30px;}.btn-link.sm { font-size: 20px; margin-top: 20px;}.btn-link.b { color: #000;}.btn-link.w { color: #fff;}.btn-link.green { color: #92eac7;}.btn-link::before { content: '>'; display: inline-block; margin-right: 5px;}.btn-link:hover::before { margin-right: 20px;}.btn-link.sm:hover::before { margin-right: 15px;}.btn-link:hover { opacity: 0.7;}.contact-circ-content .btn-link:hover::before { margin-right: 5px;}.red { color: #ee5b62;}.black { color: #000;}.white { color: #fff;}.green { color: #92eac7;}.ov-hidden { overflow: hidden;}.parallax { background-attachment: fixed;}.fl-r { float: right;}.fl-l { float: left;}.bg-dark-grey h3,.bg-dark-grey p { color: #fff;}.ta-cent,.ta-c { text-align: center;}.ta-l { text-align: left;}.ta-r { text-align: right;}.subtitle { padding: 25px 0;}.subtitle * { margin-bottom: 0 !important;}.lh-100 { line-height: 100%;}.ov-lay { position: relative;}.ov-lay::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3);}.soc-links li { float: left;}.soc-links li:not(:last-child) { margin-right: 20px;}.soc-links .soc-ico { display: block; height: 20px; width: 20px; background-position: bottom;}.soc-links .soc-ico.linkedin { background-image: url(../img/svg/soc-linkedin-w.svg);}.soc-links .soc-ico.tw { background-image: url(../img/svg/soc-twitter-w.svg);}.cms p { margin-bottom: 20px;}.cms ul,.cms ol { margin-bottom: 20px; padding-left: 20px;}.cms ul { list-style: disc;}.cms ol { list-style: decimal;}ul.no-list,ol.no-list { list-style: none; padding-left: 0;}.cms:last-child { margin-bottom: 0;}.policy-sec { padding-top: 200px;}.policy-sec h1 { margin-bottom: 50px;}.policy-sec h3,.policy-sec h4 { color: #000; margin-top: 40px; margin-bottom: 20px;}.policy-sec h4.red,.policy-sec a { color: #ee5b62;}.w.w25p {width: 25%;}.w.w50p {width: 50%;}.w.w75p {width: 75%;}.w.w100p {width: 100%;}.w-100 { width: 100%;}.w-90 { width: 90%;}.w-80 { width: 80%;}.w-75 { width: 75%;}.w-70 { width: 70%;}.w-60 { width: 60%;}.w-50 { width: 50%;}.w-40 { width: 40%;}.w-33 { width: 33.33%;}.w-30 { width: 30%;}.w-25 { width: 25%;}.w-20 { width: 20%;}.w-10 { width: 10%;}#tooltip {margin: 20px 0 0 10px;margin-left: -60px;width: 160px;padding: 10px;z-index: 9900;position: absolute;text-align: center;color: #4a4f52;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-transform: uppercase;display: none;background: #ffcc00;}#tooltip.right {margin-left: -80px;}.publisher {opacity: 0;visibility: hidden;height: 0;width: 0;display: block;overflow: hidden;}.c-box{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}#home-video { position: absolute; width: 100%; height: calc(100% - 130px); right: -10%; bottom: 0;}html.cookie #cookie { bottom: 0;}#cookie { position: fixed; bottom: -110%; left: 0; right: 0; width: 100%; background: #fff; z-index: 9999; overflow: hidden; border-top: 1px solid #ee5b62; transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease;}#cookie span { width: 50px; height: 50px; display: block; background: url(../img/png/close.png) center center no-repeat; background-size: 20px; float: right; position: relative; z-index: 1000; cursor: pointer;}#cookie p { position: relative; width: 100%; padding: 14px 55px 14px 10px; text-align: center; color: #000; margin-bottom: 0; margin-top: 0;}#cookie a { color: #ee5b62; -webkit-transition: .3s; transition: .3s;}#cookie a:hover { opacity: 0.7;}.cookie-box { display: none;}.fixed-box{ position: absolute; top: 0; right: 0; height: 100%; left: 0; overflow: hidden;}.io1.fix .fixed-box,.io2.fix .fixed-box,.io3.fix .fixed-box,.io2 .fixed-box,.io3 .fixed-box { position: fixed;}.io1,.io2,.io3 { opacity: 0; transition: 1s;}.io1,.io2.fix,.io3.fix { opacity: 1;}.sibro-popup { position: absolute; z-index: 10; -webkit-transition: .5s; transition: .5s; bottom: 0; top: auto; left: 0; border-radius: 0%; height: auto; padding: 10px 25px; width: 100%;}.sibro-popup { bottom: 0; top: auto; left: 0; border-radius: 0%; height: auto; padding: 10px 25px; width: 100%;}html.fix .sibro-popup { display: none;}.sibro-popup p { color: #de958f; font-size: 18px; font-weight: 300; text-align: center;}.sibro-popup p span { color: #000;}@media screen and (max-width: 1320px) { p, h6, button, ul li, ol li, th, td, input, select, textarea { font-size: 18px; } h1 { font-size: 70px; } h2 { font-size: 80px; margin-bottom: 60px; } h3 { font-size: 40px; margin-bottom: 40px; } h4 { font-size: 25px; margin-bottom: 15px; } h5 { font-size: 20px; } .full-padd-100 { padding: 50px; } .full-padd-50 { padding: 25px; } .padd-200 { padding: 100px 0; } .padd-150 { padding: 75px 0; } .padd-100 { padding: 50px 0; } .padd-50 { padding: 25px 0; } .padd-t-100 { padding-top: 50px; } .padd-b-100 { padding-bottom: 50px; } .padd-l-100 { padding-left: 50px; } .padd-l-200 { padding-left: 100px; } .padd-r-100 { padding-right: 50px; } .padd-r-200 { padding-right: 100px; } .padd-b-200 { padding-bottom: 100px; } .padd-header { padding-top: 200px; } .btn-link { font-size: 25px; margin-top: 20px; } .btn-link:hover::before { margin-right: 15px; } .policy-sec { padding-top: 200px; } }@media screen and (max-width: 1024px) {p, h6, button, ul li, ol li, th, td, input, select, textarea { font-size: 16px; } h1 { font-size: 60px; } h2 { font-size: 70px; margin-bottom: 50px; } h3 { font-size: 30px; margin-bottom: 30px; } h4 { font-size: 20px; margin-bottom: 10px; } h5 { font-size: 18px; } .btn-link { font-size: 20px; margin-top: 15px; } .btn-link:hover::before { margin-right: 10px; } .full-padd-100, .full-padd-50{ padding: 15px; } .padd-header { padding-top: 150px; } .padd-r-200 { padding-right: 75px; } .padd-l-200 { padding-left: 75px; } .padd-b-200 { padding-bottom: 75px; } .parallax { background-attachment: scroll !important; } .policy-sec { padding-top: 150px; } .sibro-popup p { font-size: 16px; } }@media screen and (max-width: 768px) { p, h6, button, ul li, ol li, th, td, input, select, textarea { font-size: 14px; } h1 { font-size: 50px; } h2 { font-size: 50px; margin-bottom: 40px; } h3 { font-size: 25px; margin-bottom: 25px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h3 br, h4 br { display: none; }body {overflow-x: hidden;overflow-y: auto;} #page { overflow-x: hidden; } .full-padd-100 { padding: 25px; } .full-padd-100, .full-padd-50{ padding: 10px; } .padd-200 { padding: 50px 0; } .padd-150 { padding: 50px 0; } .padd-100 { padding: 25px 0; } .padd-t-100 { padding-top: 25px; } .padd-b-100 { padding-bottom: 25px; } .padd-l-100 { padding-left: 25px; } .padd-l-200 { padding-left: 50px; } .padd-r-100 { padding-right: 25px; } .padd-r-200 { padding-right: 50px; } .padd-b-200 { padding-bottom: 50px; } .padd-header { padding-top: 150px; } .btn-link { font-size: 18px; } .btn-link.sm { font-size: 16px; margin-top: 10px; } .policy-sec { padding-top: 150px; } .policy-sec h1 { margin-bottom: 40px; } .policy-sec h3, .policy-sec h4 { margin-top: 30px; margin-bottom: 10px; }}@font-face { font-family: 'Aleo-Bold'; src: url('../font/Aleo-Bold.eot'); src: url('../font/Aleo-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Aleo-Bold.woff') format('woff'), url('../font/Aleo-Bold.ttf') format('truetype'), url('../font/Aleo-Bold.svg#Aleo-Bold') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Aleo-Regular'; src: url('../font/Aleo-Regular.eot'); src: url('../font/Aleo-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Aleo-Regular.woff') format('woff'), url('../font/Aleo-Regular.ttf') format('truetype'), url('../font/Aleo-Regular.svg#Aleo-Regular') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Averta-Bold'; src: url('../font/Averta-Bold.eot'); src: url('../font/Averta-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Averta-Bold.woff') format('woff'), url('../font/Averta-Bold.ttf') format('truetype'), url('../font/Averta-Bold.svg#Aleo-Bold') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Averta-Regular'; src: url('../font/Averta-Regular.eot'); src: url('../font/Averta-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Averta-Regular.woff') format('woff'), url('../font/Averta-Regular.ttf') format('truetype'), url('../font/Averta-Regular.svg#Aleo-Regular') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'HelveticaNeue-Light'; src: url('../font/HelveticaNeue-Light.eot'); src: url('../font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Light.woff') format('woff'), url('../font/HelveticaNeue-Light.ttf') format('truetype'), url('../font/HelveticaNeue-Light.svHelveticaNeue-Light') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'HelveticaNeue-Regular'; src: url('../font/HelveticaNeue-Regular.eot'); src: url('../font/HelveticaNeue-Regular.eot?#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Regular.woff') format('woff'), url('../font/HelveticaNeue-Regular.ttf') format('truetype'), url('../font/HelveticaNeue-Regular.svHelveticaNeue-Regular') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'LyonDisplay-Medium'; src: url('../font/LyonDisplay-Medium.eot'); src: url('../font/LyonDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../font/LyonDisplay-Medium.woff') format('woff'), url('../font/LyonDisplay-Medium.ttf') format('truetype'), url('../font/LyonDisplay-Medium.svLyonDisplay-Medium') format('svg'); font-weight: normal; font-style: normal;}#layout {position: relative;background: white;}#layout .overlay {opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.3);position: fixed;position: absolute;left: 0;right: 0;top: 0;bottom: 0; }#navm {position: fixed; bottom: 100%;overflow: auto;overflow-x: hidden;box-sizing: border-box; background-color: #fff;opacity: 0;visibility: hidden; z-index: 900; width: 100%; height: 100%; transition: .7s; -o-transition: .7s; -ms-transition: .7s; -moz-transition: .7s; -webkit-transition: .7s;}#navm ul,#navm li {list-style: none;margin: 0;padding: 0;border: 0;width: 100%;}#navm ul { position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; width: auto; margin: 0 auto;}#navm li a {display: block;padding: 10px 20px;color: #000;text-transform: uppercase;text-decoration: none;width: 100%;box-sizing: border-box; text-align: center;}#navm ul ul { position: relative; top: auto; left: auto; -webkit-transform: translate(0,0); transform: translate(0,0); width: 100%;}#navm li { font-size: 18px;}#navm li ul li { font-size: 14px;}#navm li:hover { color: #ee5b62;}#header h1 {display: none;}#header .nav-button {height: 90px;width: 90px;box-sizing: border-box;padding: 31px 31px 0;position: absolute;right: 0;z-index: 100;cursor: pointer;display: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}#header .nav-button span {height: 4px;background: #000;margin: 4px 0 4px;display: block; width: 100%;}html.mobile #header .nav-button span:nth-child(1) { -webkit-transform: rotate(55deg) translate(7px, 5px); transform: rotate(55deg) translate(7px, 5px);}html.mobile #header .nav-button span:nth-child(2) { width: 0;}html.mobile #header .nav-button span:nth-child(3) { -webkit-transform: rotate(-55deg) translate(6px, -5px); transform: rotate(-55deg) translate(6px, -5px);}#header .nav-button:hover span { background: #ee5b62;}@media screen and (max-width: 1024px) {#header .nav-button {display: block;}html.mobile #navm {left: 0;opacity: 1;visibility: visible; bottom: 0;}html.mobile body {overflow: hidden;}}#loading { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; background-color: #fbfbfb; z-index: 13100; }#loading .box { position: absolute; background-color: #fff; background-color: #fbfbfb; width: 100%; position: relative; height: 100%;}.loading-letters-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 1030px; z-index: 10; }.loading-letter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; -webkit-animation: hide 1s ease 4.5s forwards; animation: hide 1s ease 4.5s forwards;}.loading-letter:last-child { margin-left: 72px;}.loading-ltr-img { height: 200px; opacity: 0;}.loading-ltr-img.load-ltr-c { width: 178px; margin-left: 2px; background-image: url(../img/svg/coex-letter-c.svg); -webkit-animation: reveal 2s ease 0.5s forwards; animation: reveal 2s ease 0.5s forwards;}.loading-ltr-img.load-ltr-e { width: 127px; background-image: url(../img/svg/coex-letter-e.svg); -webkit-animation: reveal 2s ease 1.5s forwards; animation: reveal 2s ease 1.5s forwards;}.loading-ltr-img.load-ltr-x { width: 180px; background-image: url(../img/svg/coex-letter-x.svg); -webkit-animation: reveal 2s ease 2s forwards; animation: reveal 2s ease 2s forwards;}#loading .circle-wrap { height: 290px; width: 290px; z-index: 5; position: relative; }#loading .circle-rotate-wrap { position: relative; height: 100%; width: 100%; -webkit-animation: circle-rotate 4.5s ease 0s forwards; animation: circle-rotate 4.5s ease 0s forwards; -webkit-filter: invert(1); filter: invert(1); }#loading .anim-circle-wrap { height: 50%; width: 50%; border-radius: 50%; position: absolute; opacity: 1; mix-blend-mode: exclusion;}#loading .circle { height: calc(50% + 10px); width: calc(50% + 10px); border-radius: 50%; position: absolute; opacity: 1;}#loading .circle-main { mix-blend-mode: exclusion; background-color: #fff;}#loading .circle-border { border: 5.5px solid #000; background-color: transparent; mix-blend-mode: normal; height: calc(50% + 20px); width: calc(50% + 20px); z-index: 100; }#loading .circle-one.circle-main { left: 0%; bottom: 0%; -webkit-animation: circle-anim-one 6s ease 0s forwards; animation: circle-anim-one 6s ease 0s forwards;}#loading .circle-one.circle-border { left: calc(0% - 5px); bottom: calc(0% - 5px); -webkit-animation: circle-anim-one-border 6s ease 0s forwards; animation: circle-anim-one-border 6s ease 0s forwards;}#loading .circle-two.circle-main { top: 0%; right: 0%; -webkit-animation: circle-anim-two 6s ease 0s forwards; animation: circle-anim-two 6s ease 0s forwards;}#loading .circle-two.circle-border { top: calc(0% - 5px); right: calc(0% - 5px); -webkit-animation: circle-anim-two-border 6s ease 0s forwards; animation: circle-anim-two-border 6s ease 0s forwards;}@-webkit-keyframes circle-anim-one { 0% { -webkit-transform: scale(1); transform: scale(1); left: 0%; bottom: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: 9%; bottom: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 31%; } 75% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 31%; } 100% { -webkit-transform: scale(3); transform: scale(3); left: 19%; bottom: 24%; }}@keyframes circle-anim-one { 0% { -webkit-transform: scale(1); transform: scale(1); left: 0%; bottom: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: 9%; bottom: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 31%; } 75% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 31%; } 100% { -webkit-transform: scale(3); transform: scale(3); left: 19%; bottom: 24%; }}@-webkit-keyframes circle-anim-one-border { 0% { -webkit-transform: scale(1); transform: scale(1); left: calc(0% - 5px); bottom: calc(0% - 5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: calc(9% - 5px); bottom: calc(9% - 5px); } 50% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 5px); bottom: calc(31% - 5px); } 75% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 5px); bottom: calc(31% - 5px); } 100% { -webkit-transform: scale(3); transform: scale(3); left: calc(19% - 5px); bottom: calc(24% - 5px); }}@keyframes circle-anim-one-border { 0% { -webkit-transform: scale(1); transform: scale(1); left: calc(0% - 5px); bottom: calc(0% - 5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: calc(9% - 5px); bottom: calc(9% - 5px); } 50% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 5px); bottom: calc(31% - 5px); } 75% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 5px); bottom: calc(31% - 5px); } 100% { -webkit-transform: scale(3); transform: scale(3); left: calc(19% - 5px); bottom: calc(24% - 5px); }}@-webkit-keyframes circle-anim-two { 0% { -webkit-transform: scale(1); transform: scale(1); right: 0%; top: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: 9%; top: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); right: 35%; top: 31%; } 75% { -webkit-transform: scale(1); transform: scale(1); right: 35%; top: 31%; } 100% { -webkit-transform: scale(3); transform: scale(3); right: 27%; top: 23%; }}@keyframes circle-anim-two { 0% { -webkit-transform: scale(1); transform: scale(1); right: 0%; top: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: 9%; top: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); right: 35%; top: 31%; } 75% { -webkit-transform: scale(1); transform: scale(1); right: 35%; top: 31%; } 100% { -webkit-transform: scale(3); transform: scale(3); right: 27%; top: 23%; }}@-webkit-keyframes circle-anim-two-border { 0% { -webkit-transform: scale(1); transform: scale(1); right: calc(0% - 5px); top: calc(0% - 5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: calc(9% - 5px); top: calc(9% - 5px); } 50% { -webkit-transform: scale(1); transform: scale(1); right: calc(35% - 5px); top: calc(31% - 5px); } 75% { -webkit-transform: scale(1); transform: scale(1); right: calc(35% - 5px); top: calc(31% - 5px); } 100% { -webkit-transform: scale(3); transform: scale(3); right: calc(27% - 5px); top: calc(23% - 5px); }}@keyframes circle-anim-two-border { 0% { -webkit-transform: scale(1); transform: scale(1); right: calc(0% - 5px); top: calc(0% - 5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: calc(9% - 5px); top: calc(9% - 5px); } 50% { -webkit-transform: scale(1); transform: scale(1); right: calc(35% - 5px); top: calc(31% - 5px); } 75% { -webkit-transform: scale(1); transform: scale(1); right: calc(35% - 5px); top: calc(31% - 5px); } 100% { -webkit-transform: scale(3); transform: scale(3); right: calc(27% - 5px); top: calc(23% - 5px); }}@-webkit-keyframes circle-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes circle-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@-webkit-keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; }}@keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; }}@-webkit-keyframes scale-lrg { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(3); transform: scale(3); }}@keyframes scale-lrg { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(3); transform: scale(3); }}#loading .circle-middle { background-image: url(../img/svg/coex-logo-middle-w.svg); z-index: 20; position: absolute; top: 50%; left: 46%; -webkit-transform: translate(-50%,-50%) scale(0.5); transform: translate(-50%,-50%) scale(0.5); height: 120px; width: 120px; opacity: 0; -webkit-animation: circle-middle-reveal 1s ease 3.5s forwards; animation: circle-middle-reveal 1s ease 3.5s forwards;}@-webkit-keyframes circle-middle-reveal { 0% { opacity: 0; -webkit-transform: translate(-50%,-50%) scale(0.5); transform: translate(-50%,-50%) scale(0.5); } 100% { opacity: 1; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale (1); }}@keyframes circle-middle-reveal { 0% { opacity: 0; -webkit-transform: translate(-50%,-50%) scale(0.5); transform: translate(-50%,-50%) scale(0.5); } 100% { opacity: 1; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale (1); }}@-webkit-keyframes circle-anim-one-mob { 0% { -webkit-transform: scale(1); transform: scale(1); left: 0%; bottom: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: 9%; bottom: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 30%; } 75% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 30%; } 100% { -webkit-transform: scale(3); transform: scale(3); left: 19%; bottom: 24%; }}@keyframes circle-anim-one-mob { 0% { -webkit-transform: scale(1); transform: scale(1); left: 0%; bottom: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: 9%; bottom: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 30%; } 75% { -webkit-transform: scale(1); transform: scale(1); left: 27%; bottom: 30%; } 100% { -webkit-transform: scale(3); transform: scale(3); left: 19%; bottom: 24%; }}@-webkit-keyframes circle-anim-one-border-mob { 0% { -webkit-transform: scale(1); transform: scale(1); left: calc(0% - 2.5px); bottom: calc(0% - 2.5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: calc(9% - 2.5px); bottom: calc(9% - 2.5px); } 50% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 2.5px); bottom: calc(30% - 2.5px); } 75% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 2.5px); bottom: calc(30% - 2.5px); } 100% { -webkit-transform: scale(3); transform: scale(3); left: calc(19% - 2.5px); bottom: calc(24% - 2.5px); }}@keyframes circle-anim-one-border-mob { 0% { -webkit-transform: scale(1); transform: scale(1); left: calc(0% - 2.5px); bottom: calc(0% - 2.5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); left: calc(9% - 2.5px); bottom: calc(9% - 2.5px); } 50% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 2.5px); bottom: calc(30% - 2.5px); } 75% { -webkit-transform: scale(1); transform: scale(1); left: calc(27% - 2.5px); bottom: calc(30% - 2.5px); } 100% { -webkit-transform: scale(3); transform: scale(3); left: calc(19% - 2.5px); bottom: calc(24% - 2.5px); }}@-webkit-keyframes circle-anim-two-mob { 0% { -webkit-transform: scale(1); transform: scale(1); right: 0%; top: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: 9%; top: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); right: 34%; top: 30%; } 75% { -webkit-transform: scale(1); transform: scale(1); right: 34%; top: 30%; } 100% { -webkit-transform: scale(3); transform: scale(3); right: 27%; top: 23%; }}@keyframes circle-anim-two-mob { 0% { -webkit-transform: scale(1); transform: scale(1); right: 0%; top: 0%; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: 9%; top: 9%; } 50% { -webkit-transform: scale(1); transform: scale(1); right: 34%; top: 30%; } 75% { -webkit-transform: scale(1); transform: scale(1); right: 34%; top: 30%; } 100% { -webkit-transform: scale(3); transform: scale(3); right: 27%; top: 23%; }}@-webkit-keyframes circle-anim-two-border-mob { 0% { -webkit-transform: scale(1); transform: scale(1); right: calc(0% - 2.5px); top: calc(0% - 2.5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: calc(9% - 2.5px); top: calc(9% - 2.5px); } 50% { -webkit-transform: scale(1); transform: scale(1); right: calc(34% - 2.5px); top: calc(30% - 2.5px); } 75% { -webkit-transform: scale(1); transform: scale(1); right: calc(34% - 2.5px); top: calc(30% - 2.5px); } 100% { -webkit-transform: scale(3); transform: scale(3); right: calc(27% - 2.5px); top: calc(23% - 2.5px); }}@keyframes circle-anim-two-border-mob { 0% { -webkit-transform: scale(1); transform: scale(1); right: calc(0% - 2.5px); top: calc(0% - 2.5px); } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); right: calc(9% - 2.5px); top: calc(9% - 2.5px); } 50% { -webkit-transform: scale(1); transform: scale(1); right: calc(34% - 2.5px); top: calc(30% - 2.5px); } 75% { -webkit-transform: scale(1); transform: scale(1); right: calc(34% - 2.5px); top: calc(30% - 2.5px); } 100% { -webkit-transform: scale(3); transform: scale(3); right: calc(27% - 2.5px); top: calc(23% - 2.5px); }}.loading-gif { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 100%; width: 100%; max-width: 1920px; z-index: 10; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(../img/gif/COEX_intro_no-loop-2.gif);}@media screen and (max-width: 1320px) { .load-img-test { position: absolute; height: 150px; width: 750px; } .loading-letters-wrap { width: 750px; } .loading-ltr-img { height: 175px; } .loading-ltr-img.load-ltr-c { width: 130px; margin-left: 0; } .loading-ltr-img.load-ltr-e { width: 93px; } .loading-ltr-img.load-ltr-x { width: 130px; } .loading-letter:last-child { margin-left: 50px; } #loading .circle-wrap { height: 210px; width: 210px; } #loading .circle-middle { height: 88px; width: 88px; }}@media screen and (max-width: 1024px) { .loading-gif { background-image: url(../img/gif/COEX_intro-mobile-no-loop.gif); } }@media screen and (max-width: 768px) { .load-img-test { height: 60px; width: 300px; } .loading-letters-wrap { width: 300px; } .loading-ltr-img { height: 60px; } .loading-ltr-img.load-ltr-c { width: 52px; } .loading-ltr-img.load-ltr-e { width: 37px; } .loading-ltr-img.load-ltr-x { width: 52px; } .loading-letter:last-child { margin-left: 23px; } #loading .circle-wrap { height: 80px; width: 80px; } .loading-letter:last-child { margin-left: 19px; } #loading .circle-middle { height: 36px; width: 36px; } #loading .circle { height: calc(50% + 5px); width: calc(50% + 5px); } #loading .circle-border { border: 3px solid #000; height: calc(50% + 10px); width: calc(50% + 10px); } #loading .circle-one.circle-main { -webkit-animation: circle-anim-one-mob 6s ease 0s forwards; animation: circle-anim-one-mob 6s ease 0s forwards; } #loading .circle-one.circle-border { left: calc(0% - 2.5px); bottom: calc(0% - 2.5px); -webkit-animation: circle-anim-one-border-mob 6s ease 0s forwards; animation: circle-anim-one-border-mob 6s ease 0s forwards; } #loading .circle-two.circle-main { -webkit-animation: circle-anim-two-mob 6s ease 0s forwards; animation: circle-anim-two-mob 6s ease 0s forwards; } #loading .circle-two.circle-border { top: calc(0% - 2.5px); right: calc(0% - 2.5px); -webkit-animation: circle-anim-two-border-mob 6s ease 0s forwards; animation: circle-anim-two-border-mob 6s ease 0s forwards; } }@supports (-ms-ime-align:auto) { #loading .circle { -webkit-filter: none; filter: none; mix-blend-mode: normal; } }.container {position: relative;margin: 0 auto;width: 1480px;box-sizing: border-box;-moz-box-sizing: border-box;min-height: 1px;}.container.small {position: relative;margin: 0 auto;width: 720px;box-sizing: border-box;-moz-box-sizing: border-box;min-height: 1px;}.mini-cont { width: 740px; position: relative;}@media screen and (max-width: 1600px) {.container {width: 1200px;} .mini-cont { width: 600px; }}@media screen and (max-width: 1320px) {.container {width: 920px;} .mini-cont { width: 460px; }}@media screen and (max-width: 1024px) {.container {width: 700px;} .mini-cont { width: 350px; }}@media screen and (max-width: 768px) { .container.small,.container { width: 100%; padding: 0 25px;} .mini-cont { width: 100%; float: none; clear: both; margin: 0 auto; padding: 0 25px; } }.pulkit{ display: block;}.col {float: left;width: 100%;position: relative;min-height: 1px;}.col.col2 {width: 50%;}.col.col3 {width: 33.33%;}.col.col3x2 {width: 66.66%;}.col.col4 {width: 25%;}.col.col4x3 {width: 75%;}.col.col5 {width: 20%;}.col.col5x4 {width: 80%;}.col.col5x3 {width: 60%;}.col.col5x2 {width: 40%;}.col.col6 {width: 16.66%;}.col.col2.margin {width: 48%;margin-right: 4%;}.col.col3.margin {width: 32%;margin-right: 2%;}.col.col3x2.margin.col-left {width: 64%;margin-right: 4%;}.col.col3x2.margin.col-right {width: 64%;margin-left: 2%;}.col.col4.margin {width: 23.5%;margin-right: 2%;}.col.col4x3.margin.col-left {width: 74.5%;margin-right: 2%;}.col.col4x3.margin.col-right {width: 74.5%;margin-left: 2%;}.col.col5.margin {width: 18.4%;margin-right: 2%;}.col.col6.margin {width: 15%;margin-right: 2%;}.col.margin.last {margin-right: 0 !important;}@media screen and (max-width: 768px) {.col {float: none !important;clear: both !important;width: 100% !important;margin-right: 0 !important;}}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;}@font-face { font-family: 'brandon_grotesquebold'; src: url('https://d2.uk/font/brandon_bld-webfont.eot'); src: url('https://d2.uk/font/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('https://d2.uk/font/brandon_bld-webfont.woff') format('woff'), url('https://d2.uk/font/brandon_bld-webfont.ttf') format('truetype'), url('https://d2.uk/font/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg'); font-weight: normal; font-style: normal;}.ie-update-popup{ position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.9); z-index: 13500; display: none;}.ie-update-popup .box-update{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); background-color: #fff; padding:60px 50px; width:720px; text-align: center;}.ie-update-popup .box-update h4{ font-size: 32px; color:#000; margin-bottom: 30px; font-family: 'brandon_grotesquebold', sans-serif; font-weight: 700;}.ie-update-popup .box-update p{ margin-bottom: 30px; font-size: 18px; font-family: 'brandon_grotesquebold', sans-serif;}.ie-update-popup .box-update a.btn-update{ padding:15px 20px; font-size: 18px; background-color: #000; color:#fff; text-align: center; display: inline-block; width:49%; font-family: 'brandon_grotesquebold', sans-serif; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; text-decoration: none;}.ie-update-popup .box-update a.btn-update:hover{ opacity: 0.5;}@media (max-width: 768px) { .ie-update-popup .box-update p{ font-size: 16px; margin-bottom: 20px; } .ie-update-popup .box-update h4{ font-size: 28px; margin-bottom: 20px; } .ie-update-popup .box-update{ padding:40px 25px; width:90%; } .ie-update-popup .box-update a.btn-update{ width:100%; margin-bottom: 5px; }}#header { position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 50px; z-index: 1000; -webkit-transition: .5s; transition: .5s;}html.scroll #header.nav-up { -webkit-box-shadow: 0px 0 0 rgba(0,0,0,0); box-shadow: 0px 0 0 rgba(0,0,0,0);}#header.nav-up { top: -130px;}html.subnav-active #header.nav-up { top: -180px;}html.subnav-active #header { padding-bottom: 100px;}#header .container { width: 100%;}#header .logo { position: relative; height: 50px; width: 200px; z-index: 100; background-image: url(../img/svg/coex-logo-b-new.svg); margin: 0 auto;}#header .logo:hover { opacity: 0.7;}html.scroll #header .logo { height: 40px; width: 160px;}#header .nav ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative;}#header .nav ul::after { content: ''; display: table; clear: both; float: none;}#header .nav ul li { color: #000; font-family: sofia-pro, sans-serif; font-weight: 300; font-style: normal; font-size: 20px;}#header .nav ul li.active { color: #ee5b62 !important;}#header .nav ul li:hover { color: #ee5b62 !important;}#header .nav ul li:nth-last-child(-n+2) { margin-left: auto;}#header .nav ul li:first-child { margin-right: 30px;}#header .nav ul li:last-child { margin-left: 30px;}#header .subnav,#header .nav ul li ul { margin: 50px auto 0; display: table; position: absolute; width: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none;}html.subnav-active.subnav-about #header .nav .about-link .subnav,html.subnav-active.subnav-about #header .nav .about-link ul,html.subnav-active.subnav-career #header .nav .career-link .subnav,html.subnav-active.subnav-career #header .nav .career-link ul{ display: block;}#header .subnav li,#header .nav ul li ul li { float: left;}#header .subnav li:not(:last-child),#header .nav ul li ul li:not(:last-child) { margin-right: 30px;}#header .nav ul li ul li:last-child { margin-left: 0;}#header .nav .career-link ul li { color: #fff;}#header .nav .career-link ul li:hover,html.scroll #header .nav .career-link ul li:hover { color: #ee5b62;}html.scroll #header .nav .career-link ul li { color: #000;}html.scroll #header { padding: 25px 50px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}html.scroll.mobile #header { -webkit-box-shadow: none; box-shadow: none;}html.subnav-active.scroll #header { padding-bottom: 75px;}html.scroll #header .subnav,html.scroll #header .nav ul li ul { margin-top: 25px;}@media screen and (max-width: 1024px) { #header { padding: 25px; } html.scroll #header { padding: 25px; } #header .logo { position: relative; left: auto; -webkit-transform: translateX(-0%); transform: translateX(-0%); top: 0 !important; } #header .nav { display: none; } html.subnav-active #header { padding-bottom: 50px; } html.subnav-active.scroll #header { padding-bottom: 25px; }}@media screen and (max-width: 768px) { #header .container { padding: 0; } html.subnav-active #header { padding-bottom: 25px; } }#footer { position: relative; background-color: #000; padding: 100px 0 50px;}.footerimg{height:75px; margin-left:13px; margin-right:33px;}@media screen and (max-width: 767px){ .footerimg{ height: 50px; margin-left: 0px;}}#footer::before { content: ''; height: 150px; width: 150px; position: absolute; left: 50%; top: -66px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/svg/coex-footer.svg); z-index: 10;}#footer * { color: #fff;}#footer .logo { height: 40px; width: 200px; z-index: 100; background-image: url(../img/svg/coex-logo-w-new.svg); margin-top: 5px;}#footer h6 { font-size: 18px; margin-bottom: 25px;}#footer p,#footer li { font-family: sofia-pro, sans-serif; font-weight: 400; font-style: normal; font-size: 15px;}.footer-top-content-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px;}.footer-address { margin-bottom: 10px;}.footer-top-tagline { float: right; margin-bottom: 25px;}.footer-top-tagline h3 { font-size: 35px;}.footer-bot { padding-top: 25px; border-top: 1px solid #555;}.footer-policy-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex;}.footer-policy-nav li { font-size: 13px; text-align: center;}.footer-policy-nav li:not(:last-child) { margin-right: 20px;}@media screen and (max-width: 1024px) { #footer { padding: 75px 0 50px; } .footer-top-content { width: 50%; margin-bottom: 50px; } .footer-top-content:first-child { width: 100%; } .footer-top-content:nth-last-child(-n+2) { margin-bottom: 0; } #footer h6 { margin-bottom: 15px; }}@media screen and (max-width: 768px) { #footer .logo { height: 30px; width: 160px; } .footer-top-content-wrap { margin-bottom: 25px; } .footer-top-content:nth-child(-n+3) { margin-bottom: 25px; } .footer-top-tagline { margin-bottom: 10px; } .footer-top-tagline h3 { font-size: 28px; } #footer p, #footer li { font-size: 13px; } .footer-bot { padding-top: 10px; } #footer::before { height: 100px; width: 100px; top: -44px; } }.hero { position: relative; overflow: hidden;}.hero-video { background-color: #fff !important;}.hero-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%;}.hero .container { height: 100%; z-index: 100;}.hero-box { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.hero-box-50 { width: 50%;}.hero-box-100 { width: 100%;}.hero-box.hero-box-cent { left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}.hero-box-content { display: table; margin: 0 auto;}.hero-box p { font-size: 20px; padding-left: 5px;}.hero-color-1 p { color: #ddcdb2;}.hero-color-1 p span { color: #ee5b62;}.hero-color-2 p { color: #383838;}.hero-box h1 { font-size: 85px; color: #ee5b62;}.home-hero-box { width: 35%;}.people-hero-box { position: absolute; top: 0; height: 100%; width: 50%; background-position: center bottom;}.ppl-hero-pers,.ppl-hero-shad { position: absolute; bottom: 0; width: 100%; height: 100%; background-position: center bottom;}.people-hero-box.ppl-hero-left { left: -50%; -webkit-animation: ppl-hero-left 2s ease-in-out 1s forwards; animation: ppl-hero-left 2s ease-in-out 1s forwards;}.people-hero-box.ppl-hero-left .ppl-hero-pers { left: -50%; -webkit-animation: ppl-hero-left 3s ease-in-out 1s forwards; animation: ppl-hero-left 3s ease-in-out 1s forwards; z-index: 10;}.people-hero-box.ppl-hero-left .ppl-hero-shad { left: -50%; -webkit-animation: ppl-hero-left 3.5s ease-in-out 1s forwards; animation: ppl-hero-left 3.5s ease-in-out 1s forwards; z-index: 5;}.people-hero-box.ppl-hero-right { right: -50%; -webkit-animation: ppl-hero-right 2s ease-in-out 1s forwards; animation: ppl-hero-right 2s ease-in-out 1s forwards;}.people-hero-box.ppl-hero-right .ppl-hero-pers { right: -50%; -webkit-animation: ppl-hero-right 3s ease-in-out 1s forwards; animation: ppl-hero-right 3s ease-in-out 1s forwards; z-index: 10;}.people-hero-box.ppl-hero-right .ppl-hero-shad { right: -50%; -webkit-animation: ppl-hero-right 3.5s ease-in-out 1s forwards; animation: ppl-hero-right 3.5s ease-in-out 1s forwards; z-index: 5;}@-webkit-keyframes ppl-hero-left { 0% { left: -50%; } 100% { left: 0%; }}@keyframes ppl-hero-left { 0% { left: -50%; } 100% { left: 0%; }}@-webkit-keyframes ppl-hero-left-mob { 0% { left: 0; top: -100%; } 100% { left: 0; top: 0%; }}@keyframes ppl-hero-left-mob { 0% { left: 0; top: -100%; } 100% { left: 0; top: 0%; }}@-webkit-keyframes ppl-hero-right { 0% { right: -50%; } 100% { right: 0%; }}@keyframes ppl-hero-right { 0% { right: -50%; } 100% { right: 0%; }}@-webkit-keyframes ppl-hero-right-mob { 0% { right: 0; bottom: -100%; top: auto; } 100% { right: 0; bottom: 0%; top: auto; }}@keyframes ppl-hero-right-mob { 0% { right: 0; bottom: -100%; top: auto; } 100% { right: 0; bottom: 0%; top: auto; }}.people-hero h1 { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10;}.hero-pink p,.hero-pink h1 { color: #fff;}.hero-pink h1 span { color: #f3b6c8;}.hero-home-container { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-timing-function: cubic-bezier(.175,.885,.32,1.275); -webkit-transition-duration: 2s; transition-duration: 2s; opacity: 0;}.hero-home-container.fade-right { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}@media screen and (max-width: 1600px) { #home-video { right: -20%; } }@media screen and (max-width: 1320px) { .hero-box-50 { width: 75%; } .hero-box h1 { font-size: 75px; } #home-video { right: -25%; } .home-hero-box { width: 45%; } }@media screen and (max-width: 1024px) { .hero-box-50 { width: 100%; } .hero-box h1 { font-size: 65px; } .hero-video { height: auto !important; } .hero-home-container .hero-box { position: relative; top: auto; left: auto; -webkit-transform: translateY(-0%); transform: translateY(-0%); margin-bottom: 50px; margin-top: -20vw; } #home-video { position: relative; width: 100%; height: auto; right: auto; bottom: auto; margin-top: -20vw; } }@media screen and (max-width: 768px) { .hero-box { padding: 0 25px; text-align: center; } .hero-box h1 { font-size: 40px; text-align: center; } .hero-box p { text-align: center; font-size: 16px; padding-left: 0; } .people-hero-box { top: auto; height: 50%; width: 100%; background-position: center center; } .people-hero-box.ppl-hero-left { left: 0; top: -100%; -webkit-animation: ppl-hero-left-mob 2s ease-in-out 1s forwards; animation: ppl-hero-left-mob 2s ease-in-out 1s forwards; } .people-hero-box.ppl-hero-right { right: 0; bottom: -100%; -webkit-animation: ppl-hero-right-mob 2s ease-in-out 1s forwards; animation: ppl-hero-right-mob 2s ease-in-out 1s forwards; } #home-video { margin-top: -15vw; } }@media screen and (max-width: 520px) { #home-video { margin-top: -5vw; } }@supports (-ms-ime-align:auto) { .people-hero-box.ppl-hero-left { left: 0; -webkit-animation: none; animation: none; } .people-hero-box.ppl-hero-right { right: 0; -webkit-animation: none; animation: none; } }.big-text-sec { position: relative;}.big-text-sec .big-text { font-size: 80px; color: #fff; margin-bottom: 0;}.big-text-sec .big-text.sm { font-size: 50px;}.big-text-sec .big-text * { margin-bottom: 0 !important;}.big-text.black { color: #000;}.big-text-cutout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0.5; pointer-events: none;}.big-text-sec .big-text span.anim { opacity: 1 !important; -webkit-transition: 1.5s; transition: 1.5s; -webkit-transition-delay: .5s; transition-delay: .5s;}.big-text-sec .big-text.op span.anim { opacity: 0.5 !important;}.big-text-sec .big-text.em { font-family: sofia-pro, sans-serif; font-style: italic;}@media screen and (max-width: 1320px) { .big-text-sec .big-text { font-size: 70px; } .big-text-sec .big-text.sm { font-size: 40px; }}@media screen and (max-width: 1024px) { .big-text-sec .big-text { font-size: 60px; } .big-text-sec .big-text.sm { font-size: 30px; }}@media screen and (max-width: 768px) { .big-text-sec .big-text { font-size: 40px; } .big-text-sec .big-text.sm { font-size: 25px; } .big-text-cutout { display: none; }}@media screen and (max-width: 520px) { .big-text-sec .big-text { font-size: 25px; } .big-text-sec .big-text.sm { font-size: 25px; } .big-text-sec .lh-100 { line-height: 75%; }}.circles-wrap { position: relative; padding: 50%;}.circle-img-wrap { height: 45%; width: 45%; border-radius: 50%; background-color: #ccc; position: absolute; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0;}.left-circ { bottom: 0%; left: 0%;}@-webkit-keyframes circle-left { 0% { left: 0%; bottom: 0%; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 100% { left: 17%; bottom: 17%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}@keyframes circle-left { 0% { left: 0%; bottom: 0%; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 100% { left: 17%; bottom: 17%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}.right-circ { top: 0%; right: 0%;}@-webkit-keyframes circle-right { 0% { top: 0%; right: 0%; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 100% { top: 17%; right: 17%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}@keyframes circle-right { 0% { top: 0%; right: 0%; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 100% { top: 17%; right: 17%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}.reveal.reveal-circ .right-circ { -webkit-animation: circle-right 2s ease-in-out .5s forwards; animation: circle-right 2s ease-in-out .5s forwards;}.reveal.reveal-circ .left-circ { -webkit-animation: circle-left 2s ease-in-out .5s forwards; animation: circle-left 2s ease-in-out .5s forwards;}.intro-team-circ-wrap .circle-img-wrap { -webkit-box-shadow: inset 10px 10px 25px rgba(0,0,0,0.3); box-shadow: inset 10px 10px 25px rgba(0,0,0,0.3);}.circles-wrap .circle-middle { height: 30%; width: 30%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 20% 75%; background-color: #fff;}.bg-grey .circles-wrap .circle-middle { background-color: #f3f5f8;}.circle-middle .circ-middle-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size: 50px; margin-bottom: 0; background-color: rgba(0,0,0,0.2); color: transparent; text-shadow: 1px 1px 3px rgba(255,255,255,0.7); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; opacity: 0;}.circle-middle .circ-middle-text.sm { font-size: 35px;}.reveal.reveal-circ .circle-middle .circ-middle-text{ -webkit-animation: reveal 2s ease 2s forwards; animation: reveal 2s ease 2s forwards;} .contact-text { width: calc(100% - 1000px); padding-right: 100px;}.contact-circles-wrap { width: 1000px; height: 600px; position: relative; background-color: #fff;}.contact-circ { position: absolute; top: 0; left: 50%; width: 60%; height: 100%; background-color: #000; border-radius: 50%; -webkit-filter: invert(1); filter: invert(1); mix-blend-mode: exclusion; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0;}.contact-circ.contact-circ-left { -webkit-animation: contact-circle-left 3s ease-in-out 1s forwards; animation: contact-circle-left 3s ease-in-out 1s forwards;}.contact-circ.contact-circ-right { -webkit-animation: contact-circle-right 3s ease-in-out 1s forwards; animation: contact-circle-right 3s ease-in-out 1s forwards;}.safari .contact-circ.contact-circ-left { -webkit-animation: none; animation: none; left: 0%; -webkit-transform: translateX(-0%); transform: translateX(-0%); opacity: 1;}.safari .contact-circ.contact-circ-right { -webkit-animation: none; animation: none; left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1;}.contact-circ-content { height: 100%; width: 100%; padding: 150px 60px; color: #fff; opacity: 0; -webkit-animation: reveal 2s ease 3s forwards; animation: reveal 2s ease 3s forwards;}.safari .contact-circ-content { -webkit-animation: reveal 2s ease 1.5s forwards; animation: reveal 2s ease 1.5s forwards;}.contact-circ-left .contact-circ-content { padding-right: 220px;}.contact-circ-right .contact-circ-content { padding-left: 220px;}.contact-circ-content .contact-address { margin-bottom: 20px;}.contact-circ-content h4 { color: #fff; font-size: 25px;}.contact-circ-content p,.contact-circ-content li{ font-size: 14px; color: #fff;}.contact-circ-content .btn-link { font-size: 16px;}.contact-circ-locs { -ms-flex-pack: distribute; justify-content: space-around;}@-webkit-keyframes contact-circle-left { 0% { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 20% { opacity: 1; } 100% { left: 0%; -webkit-transform: translateX(-0%); transform: translateX(-0%); opacity: 1; }}@keyframes contact-circle-left { 0% { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 20% { opacity: 1; } 100% { left: 0%; -webkit-transform: translateX(-0%); transform: translateX(-0%); opacity: 1; }}@-webkit-keyframes contact-circle-right { 0% { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 20% { opacity: 1; } 100% { left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; }}@keyframes contact-circle-right { 0% { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 20% { opacity: 1; } 100% { left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; }}@media screen and (max-width: 1600px) { .contact-text { width: 100%; padding-right: 50%; margin-bottom: 50px; } .contact-circles-wrap { width: 75%; height: 540px; margin: 0 auto; } .contact-circ-content { padding: 90px 90px 75px; padding: 130px 60px; } .contact-circ-left .contact-circ-content { padding-right: 200px; } .contact-circ-right .contact-circ-content { padding-left: 200px; } .circle-middle .circ-middle-text.sm { font-size: 25px; } }@media screen and (max-width: 1320px) { .circle-middle .circ-middle-text { font-size: 40px; } .circle-middle .circ-middle-text.sm { font-size: 20px; } .contact-text { width: 100%; padding-right: 0; margin-bottom: 50px; } .contact-text h3 br { display: none; } .contact-circles-wrap { width: 100%; height: 552px; } }@media screen and (max-width: 1024px) { .circle-middle .circ-middle-text { font-size: 30px; } .circle-middle .circ-middle-text.sm { font-size: 15px; } .contact-circles-wrap { height: 420px; } .contact-circ-content { padding: 75px; } .contact-circ-left .contact-circ-content { padding-right: 150px; } .contact-circ-right .contact-circ-content { padding-left: 150px; } .contact-circles-wrap { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-circ { position: relative; top: auto; left: auto; width: 450px; height: 450px; -webkit-filter: none; filter: none; mix-blend-mode: unset; -webkit-transform: translateX(-0%); transform: translateX(-0%); opacity: 1; margin: 0 auto 25px; -webkit-animation: none !important; animation: none !important; display: flex; flex-direction: column; justify-content: center; } .safari .contact-circ.contact-circ-left, .safari .contact-circ.contact-circ-right { left: auto; -webkit-transform: translateX(-0%); transform: translateX(-0%); opacity: 1; } .contact-circ-content { padding: 0 50px !important; -webkit-animation: reveal 2s ease 1.5s forwards; animation: reveal 2s ease 1.5s forwards; text-align: center; height: auto; } .contact-social-icons { float: none; margin: 20px auto 0; display: table; } }@media screen and (max-width: 768px) { .circle-middle .circ-middle-text { font-size: 6vw; } .circle-middle .circ-middle-text.sm { font-size: 3.5vw; } }@media screen and (max-width: 480px) { .contact-circ { width: calc(100vw - 50px); height: calc(100vw - 50px); } .contact-circ-content { padding: 0 5vw !important; } .contact-circ-content h4 { font-size: 5vw; } .contact-circ-content .btn-link { font-size: 3.5vw; } .contact-circ-content p, .contact-circ-content li { font-size: 3vw; } .contact-circ-content .soc-links .soc-ico { height: 4vw; width: 4vw; } .contact-circ-content .contact-address { margin-bottom: 10px; } .contact-social-icons { margin-top: 10px; } }@supports (-ms-ime-align:auto) { .contact-circ { -webkit-filter: none; filter: none; mix-blend-mode: normal; opacity: 1; } .contact-circ.contact-circ-left { -webkit-animation: none; animation: none; left: 0%; -webkit-transform: translateX(-0%); transform: translateX(-0%); } .contact-circ.contact-circ-right { -webkit-animation: none; animation: none; left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media screen and (max-width: 1024px) { .contact-circ.contact-circ-right { left: 0%; -webkit-transform: translateX(-0%); transform: translateX(-0%); } } }.intro-heading { margin-bottom: 60px; position: relative; height: 360px;}.intro-heading h2 { margin-bottom: 0;}.intro-heading h2 span { color: #eb1657;}.intro-content-wrap { position: relative;}.co-text { position: absolute; top: 0; left: 0; opacity: 0;}.intro-co { opacity: 1;}.intro-heading.aos-animate .co-text-1 { -webkit-animation: co-text-1-full 3s ease 1s forwards; animation: co-text-1-full 3s ease 1s forwards;}.intro-heading.aos-animate .co-text-2 { -webkit-animation: co-text-2-full 3s ease 2.5s forwards; animation: co-text-2-full 3s ease 2.5s forwards;}.intro-heading.aos-animate .co-text-3 { -webkit-animation: co-text-3-full 3s ease 4s forwards; animation: co-text-3-full 3s ease 4s forwards;}@-webkit-keyframes co-text-1-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 120px; opacity: 1; } 100% { top: 240px; opacity: 1; }}@keyframes co-text-1-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 120px; opacity: 1; } 100% { top: 240px; opacity: 1; }}@-webkit-keyframes co-text-2-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 120px; opacity: 1; } 100% { top: 120px; opacity: 1; }}@keyframes co-text-2-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 120px; opacity: 1; } 100% { top: 120px; opacity: 1; }}@-webkit-keyframes co-text-3-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 0; opacity: 1; } 100% { top: 0; opacity: 1; }}@keyframes co-text-3-full { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 0; opacity: 1; } 100% { top: 0; opacity: 1; }}@-webkit-keyframes co-text-1-1320 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 96px; opacity: 1; } 100% { top: 192px; opacity: 1; }}@keyframes co-text-1-1320 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 96px; opacity: 1; } 100% { top: 192px; opacity: 1; }}@-webkit-keyframes co-text-2-1320 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 96px; opacity: 1; } 100% { top: 96px; opacity: 1; }}@keyframes co-text-2-1320 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 96px; opacity: 1; } 100% { top: 96px; opacity: 1; }}@-webkit-keyframes co-text-1-1024 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 84px; opacity: 1; } 100% { top: 168px; opacity: 1; }}@keyframes co-text-1-1024 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 84px; opacity: 1; } 100% { top: 168px; opacity: 1; }}@-webkit-keyframes co-text-2-1024 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 84px; opacity: 1; } 100% { top: 84px; opacity: 1; }}@keyframes co-text-2-1024 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 84px; opacity: 1; } 100% { top: 84px; opacity: 1; }}@-webkit-keyframes co-text-1-768 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 60px; opacity: 1; } 100% { top: 120px; opacity: 1; }}@keyframes co-text-1-768 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 60px; opacity: 1; } 100% { top: 120px; opacity: 1; }}@-webkit-keyframes co-text-2-768 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 60px; opacity: 1; } 100% { top: 60px; opacity: 1; }}@keyframes co-text-2-768 { 0% { top: 0; opacity: 0; } 33.33% { top: 0; opacity: 1; } 66.66% { top: 60px; opacity: 1; } 100% { top: 60px; opacity: 1; }}.experience-sec { position: relative; padding-bottom: 70px;}.experience-sec::after { content: ''; position: absolute; top: 0; right: -50%; height: 100%; width: 100%; background-color: #f2f2f2; -webkit-transform: skewX(-35deg); transform: skewX(-35deg);}.exp-wrap { position: relative; z-index: 10;}.exp-content { width: 50%; position: relative;}.exp-quote { padding-right: 100px;}.exp-quote-pers-slider { margin-top: 40px;}.exp-right.exp-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}.exp-img-wrap { width: 600px; height: 600px; background-color: #fff; border-radius: 50%; -ms-flex-item-align: end; align-self: flex-end; position: relative; overflow: hidden;}.exp-img,.exp-img-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-position: bottom;}.exp-img-slider .slick-list,.exp-img-slider .slick-track { height: 100%;}.exp-img-slide { position: relative; height: 100%; width: 100%;}.our-people-text-wrap { padding-right: 200px;}.our-people-text-wrap p { margin-bottom: 30px;}.our-people-img-wrap { height: 100%; width: 100%; background-color: rgba(212,224,224,0.9); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}.our-people-img { padding: 30%; -ms-flex-item-align: start; align-self: flex-start; background-position: left bottom; position: relative;}.our-people-img::after { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 70%; background-image: url(../img/svg/circles-black.svg); opacity: 0.1;}.loc-serv-sec { padding: 50px 0 200px; background-position: bottom;}.circ-text-wrap { border-radius: 50%; position: relative; float: right; height: 750px; width: 750px; margin-right: 100px; -webkit-box-shadow: 10px 10px 25px rgba(0,0,0,0.3); box-shadow: 10px 10px 25px rgba(0,0,0,0.3); background-color: transparent; background-image: url(../img/svg/circle-cutout.svg); z-index: 10;}.circ-text-wrap .circ-text { position: absolute; padding-right: 100px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 640px;}.circ-text-wrap .circ-text p { padding-right: 150px;}.circ-text-wrap h6 { position: absolute; bottom: 190px; right: 134px; font-size: 16px;}.circ-text-wrap .btn-link { color: #000;}.team-hero h2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #ee5b62; opacity: 0.7; font-size: 430px; margin-bottom: 0;}.team-intro-text h2 { color: #000; font-size: 250px; margin-bottom: 50px;}.team-intro-text h2 span { color: #fff;}.team-intro-text h4,.team-intro-text p { color: #000; font-size: 35px; margin-bottom: 0;}.team-intro-text .btn-link { color: #fff;}.team-box-wrap { width: 25%; display: block;}.team-box-img-wrap { padding: 50%; position: relative; overflow: hidden;}.team-box-img,.team-box-img-person { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; -webkit-transition: .5s; transition: .5s;}.team-box:hover .team-box-img { -webkit-transform: scale(1.2); transform: scale(1.2);}.team-box:hover .team-box-img-person { -webkit-transform: scale(0.9); transform: scale(0.9);}.team-box-info { padding: 50px;}.team-box-info h5 { font-size: 16px;}.team-box-info h6,.team-box-info p { font-size: 14px; margin-top: 10px;}.person-title { margin-bottom: 50px;}.person-details { margin-top: 25px;}.person-details li { margin-bottom: 5px;}.person-details li:nth-child(odd){ color: #ee5b62;}.pers-contact-icon { display: inline-block; height: 15px; width: 15px; margin-right: 20px;}.pers-contact-icon.pers-mail { background-image: url(../img/svg/ico-mail-b.svg);}.pers-contact-icon.pers-tel { background-image: url(../img/svg/ico-phone-b.svg);}.pers-contact-icon.pers-linkedin { background-image: url(../img/svg/soc-linkedin-b.svg);}.person-title h4 { color: #000; margin-bottom: 10px;}.person-img { padding: 50%;}.person-text p { font-weight: 300;}#contact-map { height: 0; -webkit-transition: 2s; transition: 2s; -webkit-transition-delay: .6s; transition-delay: .6s; background-color: #ccc;}#contact-map.reveal { height: 600px;}.contact-social-icons { margin-top: 20px;}.grad-hero-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%;}.grad-hero-text h2 { color: #fff; margin: 0 auto; text-align: center;}.grad-hero-text h2 span { margin: 0 10px;}.grad-prog-wrap { position: relative; z-index: 10; margin-bottom: 10px;}.grad-content-wrap h3,.grad-content-wrap h4,.grad-content-wrap h5 { color: #92eac7;}.grad-prog-box { width: calc(50% - 5px);}.grad-prog-box:first-child { margin-right: 10px;}.grad-prog-box:first-child .mini-cont { padding-left: 5px;}.grad-prog-box:last-child .mini-cont { padding-right: 5px;}.location-wrap:nth-child(odd) { flex-direction: row-reverse;}@media screen and (max-width: 1600px) { .our-people-img { padding: 40%; } .circ-text-wrap { margin-right: 0; } .circ-text-wrap .circ-text { width: 600px; } .team-intro-text h2 { font-size: 220px; } .team-intro-text h4, .team-intro-text p { font-size: 30px; } }@media screen and (max-width: 1320px) { .intro-heading { height: 288px; } .intro-heading.aos-animate .co-text-1 { -webkit-animation: co-text-1-1320 3s ease 1s forwards; animation: co-text-1-1320 3s ease 1s forwards; } .intro-heading.aos-animate .co-text-2 { -webkit-animation: co-text-2-1320 3s ease 2.5s forwards; animation: co-text-2-1320 3s ease 2.5s forwards; } .team-hero h2 { font-size: 330px; } .exp-quote { padding-right: 50px; } .exp-img-wrap { width: 500px; height: 500px; } .intro-heading { margin-bottom: 50px; } .loc-serv-sec .col.col2 { float: none !important; clear: both !important; width: 100% !important; margin-right: 0 !important; } .circ-text-wrap { float: none; margin: 0 auto !important; height: 700px; width: 700px; } .circ-text-wrap h6 { bottom: 175px; right: 128px; font-size: 14px; } .team-intro-text h2 { font-size: 170px; margin-bottom: 30px; } .team-intro-text h4, .team-intro-text p { font-size: 25px; } .team-box-info { padding: 25px; } #contact-map.reveal { height: 500px; } }@media screen and (max-width: 1024px) { .intro-heading { height: 252px; } .intro-heading.aos-animate .co-text-1 { -webkit-animation: co-text-1-1024 3s ease 1s forwards; animation: co-text-1-1024 3s ease 1s forwards; } .intro-heading.aos-animate .co-text-2 { -webkit-animation: co-text-2-1024 3s ease 2.5s forwards; animation: co-text-2-1024 3s ease 2.5s forwards; } .exp-content { width: 100%; } .exp-content .mini-cont { width: 720px; float: none; clear: both; margin: 0 auto; } .exp-quote { padding-right: 250px; } .exp-quote-pers-slider { margin-top: 30px; } .intro-heading { margin-bottom: 40px; } .team-hero h2 { font-size: 200px; } .our-people-img { padding: 45%; } .circ-text-wrap { height: 600px; width: 600px; } .circ-text-wrap .circ-text { width: 500px; } .circ-text-wrap .circ-text p { padding-right: 100px; } .circ-text-wrap h6 { bottom: 150px; right: 104px; font-size: 14px; } .team-intro-text h2 { font-size: 130px; margin-bottom: 20px; } .team-intro-text h4, .team-intro-text p { font-size: 20px; } .team-box-wrap { width: 50%; } .person-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .person-wrap .col { width: 100% !important; } .person-img { margin-bottom: 25px; } .person-title { margin-bottom: 25px; } #contact-map.reveal { height: 400px; } .proc-bot .col.col2 { width: 100%; } .proc-bot .mini-cont { width: 700px; float: none; margin: 0 auto; clear: both; padding: 0; } }@media screen and (max-width: 768px) { .intro-heading { height: 180px; } .intro-heading.aos-animate .co-text-1 { -webkit-animation: co-text-1-768 3s ease 1s forwards; animation: co-text-1-768 3s ease 1s forwards; } .intro-heading.aos-animate .co-text-2 { -webkit-animation: co-text-2-768 3s ease 2.5s forwards; animation: co-text-2-768 3s ease 2.5s forwards; } .team-hero h2 { font-size: 25vw; } .exp-content .mini-cont { width: 100%; } .exp-quote { padding-right: 200px; } .exp-img-wrap { width: 60vw; height: 60vw; } .our-people-img-wrap { padding-top: 50px; } .circ-text-wrap { height: 70vw; width: 70vw; background-color: #f2f2f2; background-image: none; } .circ-text-wrap .circ-text { width: 100%; padding: 0 75px; } .circ-text-wrap .circ-text p { padding-right: 0; } .circ-text-wrap h6 { display: none; } .flex-end-boxes .col:first-child { margin-bottom: 25px; } .proc-sec h3 br, .loc-sec h3 br { display: none; } .team-intro-text h2 { font-size: 17vw; } .team-intro-text h4, .team-intro-text p { font-size: 16px; } .team-box-wrap { width: 100%; } #contact-map.reveal { height: auto; padding: 40%; } .grad-prog-box { width: 100%; margin: 0; } .grad-prog-box:first-child { margin-right: 0; } .grad-prog-box .mini-cont { padding: 0 25px !important; } .grad-hero-text h2 span { margin: 0 7px; } .proc-bot .mini-cont { width: 100%; padding: 0 25px; } }@media screen and (max-width: 580px) { .experience-sec { background-color: #f2f2f2; } .exp-quote { padding-right: 145px; } .exp-quote { padding-right: 0; } .exp-right.exp-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 50px; } .experience-sec::after { display: none; } .circ-text-wrap { height: 95vw; width: 95vw; } .circ-text-wrap .circ-text { padding: 0 20vw; } .circ-text-wrap ..circ-text h3 { font-size: 8vw; } .circ-text-wrap .circ-text p { font-size: 3vw; } .circ-text-wrap .btn-link { font-size: 5vw; } #contact-map.reveal { padding: 50%; } }@supports (-ms-ime-align:auto) { .intro-heading { height: auto !important; } .intro-co { display: none; } .co-text { position: relative !important; top: auto !important; left: auto !important; -webkit-animation: none !important; animation: none !important; opacity: 1 !important; } }.proj-box { display: none;}.proj-box.active { display: block; -webkit-animation: fadeIn 2s ease-out; -moz-animation: fadeIn 2s ease-out; -o-animation: fadeIn 2s ease-out; animation: fadeIn 2s ease-out;}@keyframes fadeIn { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; }}.proj-box h4 { position: relative; margin-bottom: 50px;}.proj-box h5 { position: relative; margin: 30px 0 10px; font-size: 20px;}.proj-box p { position: relative; margin-bottom: 22px;}.proj-box p:last-of-type { margin-bottom: 0;}.project-links { margin-top: 30px;}.project-links ul li { font-family: sofia-pro, sans-serif; font-weight: 700; font-style: normal; line-height: 100%; font-size: 25px; cursor: pointer; margin-bottom: 10px; display: table;}.project-links ul li.active { color: #ee5b62;}.project-links ul li:hover { opacity: 0.7;}.prof-boxes h4,.prof-boxes .project-links ul li.active { color: #000;}.prof-boxes .project-links ul li { color: #fff;}@media screen and (max-width: 1320px) { .project-links ul li { font-size: 20px; } .proj-box h4 { margin-bottom: 40px; } .proj-box h4::before { left: -40px; width: 30px; background-size: 17px; } .proj-box h5 { font-size: 20px; } }@media screen and (max-width: 1024px) { .project-links ul li { font-size: 18px; } .proj-box h4 { margin-bottom: 30px; } .proj-box h4::before { left: -30px; width: 25px; background-size: 15px; } .proj-box h5 { font-size: 18px; } }@media screen and (max-width: 768px) { .proc-img { height: auto; padding: 40%; } .project-links ul li { font-size: 16px; margin-bottom: 7px; } .proj-box h4 { margin-bottom: 25px; } .proj-box h4::before { left: -21px; width: 20px; background-size: 12px; } .proj-box h5 { font-size: 16px; } }.skew-box-img-wrap { width: 100%;}.skew-box-img-wrap:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}.skew-box { width: 50%; position: relative;}.bg-grey .skew-box-top, .bg-grey .skew-box-bot { background-color: #f3f5f8;}.bg-dark-grey .skew-box-top,.bg-dark-grey .skew-box-bot { background-color: #383838;}.bg-pink .skew-box-top,.bg-pink .skew-box-bot { background-color: #f3b6c8;}.bg-light-pink .skew-box-top,.bg-light-pink .skew-box-bot { background-color: #edbbb5;}.bg-orange .skew-box-top,.bg-orange .skew-box-bot { background-color: #ffc8a2;}.bg-red .skew-box-top,.bg-red .skew-box-bot { background-color: #ee5b62;}.bg-brown .skew-box-top,.bg-brown .skew-box-bot { background-color: #ddcdb2;}.bg-teal .skew-box-top,.bg-teal .skew-box-bot { background-color: #d3e7e7;}.bg-yellow .skew-box-top,.bg-yellow .skew-box-bot { background-color: #f1e8aa;}.skew-box-top,.skew-box-bot { position: absolute; width: 100%; height: 5vw; }.skew-box-top { top: 0; left: 0;}.skew-box-bot { bottom: 0; left: 0;}.skew-no-imgs .skew-box:nth-child(4n+1),.skew-no-imgs .skew-box:nth-child(4n+2),.skew-no-imgs .skew-box:nth-child(4n+5),.skew-no-imgs .skew-box:nth-child(4n+6),.skew-box-img-wrap .skew-box:first-child { z-index: 1;}.skew-no-imgs .skew-box:nth-child(-n + 2) .skew-box-top,.skew-no-imgs .skew-box:nth-last-child(-n + 2) .skew-box-bot,.skew-box-img-wrap:first-child .skew-box .skew-box-top,.skew-box-img-wrap:last-child .skew-box .skew-box-bot { display: none;}.skew-no-imgs .skew-box:nth-child(4n+1) .skew-box-top,.skew-box-img-wrap:nth-child(2n+1) .skew-box:first-child .skew-box-top { transform: skewY(5deg); transform-origin: 100% 100%;}.skew-no-imgs .skew-box:nth-child(4n+2) .skew-box-top,.skew-box-img-wrap:nth-child(2n+1) .skew-box:last-child .skew-box-top { transform: skewY(-5deg); transform-origin: 0% 0%;}.skew-no-imgs .skew-box:nth-child(4n+1) .skew-box-bot,.skew-box-img-wrap:nth-child(odd) .skew-box:first-child .skew-box-bot { transform: skewY(-5deg); transform-origin: 100% 100%;}.skew-no-imgs .skew-box:nth-child(4n+2) .skew-box-bot,.skew-box-img-wrap:nth-child(2n+1) .skew-box:last-child .skew-box-bot{ transform: skewY(5deg); transform-origin: 0% 0%;}.skew-no-imgs .skew-box:nth-child(4n+3) .skew-box-top,.skew-box-img-wrap:nth-child(2n+2) .skew-box:last-child .skew-box-top { transform: skewY(-5deg); transform-origin: 100% 100%; top: -5vw; background-color: #fff;}.skew-no-imgs .skew-box:nth-child(4n+4) .skew-box-top { transform: skewY(5deg); transform-origin: 0% 0%; top: -5vw; background-color: #fff;}.skew-box-img-wrap:nth-child(2n+2) .skew-box:first-child .skew-box-top { transform: skewY(5deg); transform-origin: 0% 0%; top: -5vw;}.skew-no-imgs .skew-box:nth-child(4n+3) .skew-box-bot,.skew-box-img-wrap:nth-child(2n+2) .skew-box:last-child .skew-box-bot { transform: skewY(5deg); transform-origin: 100% 100%; bottom: -5vw; background-color: #fff;}.skew-no-imgs .skew-box:nth-child(4n+4) .skew-box-bot { transform: skewY(-5deg); transform-origin: 0% 0%; bottom: -5vw; background-color: #fff;}.skew-box-img-wrap:nth-child(2n+2) .skew-box:first-child .skew-box-bot { transform: skewY(-5deg); transform-origin: 0% 0%; bottom: -5vw;}.skew-box-img-wrap:nth-child(2n+1) .skew-box:last-child .skew-box-bot,.skew-box-img-wrap:nth-child(2n+1) .skew-box:last-child .skew-box-top { background-color: #fff;}.skew-box-img-wrap:nth-child(2n+1) .skew-box:first-child { height: 100%;}.skew-box-img-wrap:nth-child(2n+1) .skew-box:last-child { height: calc(100% + 10vw); margin-top: -5vw;}.skew-box-img-wrap:first-child .skew-box:last-child { height: calc(100% + 5vw); margin-top: 0;}.skew-box-img-wrap:nth-child(2n+2) .skew-box:first-child { margin-top: 5vw; height: calc(100% - 10vw);}.skew-box-img-wrap:nth-child(2n+2):last-child .skew-box:first-child { height: calc(100% - 5vw);}.skew-box-text { position: relative; z-index: 100;}.skew-box-text h3,.skew-box-text h4 { color: #fff; margin-bottom: 30px;}.skew-box-img-wrap:nth-child(2n+2) .skew-box:first-child { padding-bottom: 100px;}@media screen and (max-width: 1024px) { .skew-box-img-wrap:nth-child(2n+2) .skew-box:first-child { padding-bottom: 50px; } }@media screen and (max-width: 768px) { .skew-box { width: 100% !important; height: auto !important; padding: 50px 0 !important; margin: 0 !important; } .skew-box.skew-img-box { padding: 30% !important; } .skew-box-top, .skew-box-bot { display: none !important; } .skew-box-text { text-align: left; } }.clients-slider { width: 250px; margin: 0 auto; position: relative;}.client-slide { padding: 50px 0;}.client-slide-img { height: 50px; width: 100%; opacity: 0.5; display: block;}.client-slide-img:hover { opacity: 1;}.clients-slider .slick-prev.slick-arrow { display: none !important;}.clients-slider .slick-next.slick-arrow { position: absolute; bottom: -75px; left: 50%; transform: translateX(-50%); background-color: transparent; border: none; color: transparent; font-size: 0; height: 50px; width: 50px; background-position: center; background-size: 20px; background-repeat: no-repeat; background-image: url(../img/png/arrow-down-2.png); cursor: pointer; opacity: 0.5;}.home-work-slider { position: relative;}.home-work-slider .slick-dots { position: absolute; top: -65px; right: 50px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;}.home-work-slider .slick-dots li:not(:first-child) { margin-left: 10px;}.home-work-slider .slick-dots button { height: 20px; width: 20px; font-size: 0; color: transparent; background-color: transparent; border: none; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/svg/circles-black.svg); opacity: 0.5; cursor: pointer;}.home-work-slider .slick-dots .slick-active button,.home-work-slider .slick-dots button:hover { opacity: 1;}.home-work-slide { padding: 45%; margin-bottom: -6px;}.about-footer-slider { height: 0; -webkit-transition: 2s; transition: 2s;}.about-footer-slider.reveal { height: 500px; }.about-footer-slider .slick-list { padding: 0 25%;}.about-footer-slider .slick-list,.about-footer-slider .slick-track,.about-footer-slider .slick-slide,.about-footer-slider .slick-slide div,.about-footer-slider .about-footer-slide { height: 100%;}.people-reviews-sec { text-align: center;}.people-reviews-sec p { color: #ddcdb2;}.people-reviews-slider { margin: 30px auto 0; width: 740px;}.ppl-review-slide h3 { margin-bottom: 30px; color: #ee5b62;}.ppl-review-slide p span { margin-right: 10px;}.fade-slider .slick-list,.fade-slider .slick-track,.fade-slider .slick-slide,.fade-slider .slick-slide div,.fade-slider .fade-slide { height: 100%;}.process-slider { position: relative;}.process-slider .slick-dots { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}.process-slider .slick-dots li { margin: 0 5px;}.process-slider .slick-dots li button { font-size: 0; color: transparent; height: 15px; width: 15px; border: none; background-color: #ccc; border-radius: 50%; cursor: pointer; opacity: 0.5;}.process-slider .slick-dots li.slick-active button { opacity: 1;}.process-slider .slick-list { margin: 0 -2.5px; overflow: visible;}.process-slider .slick-track { margin: 0;}.process-slider .slick-slide { margin: 0 2.5px;}.proc-stage-boxes { overflow: hidden; margin: 0 -2.5px; padding: 100px 0;}.proc-slide-box h4 { color: #000; font-size: 40px;}.proc-stage-box { width: 33.33%; margin: 0 2.5px;}.proc-stage-box .color-box { width: 100%; height: 75px; background-color: #ccc; margin-top: 50px;}.proc-slide-box.proc-disc .proc-stage-boxes .color-box { background-color: #92eac7;}.proc-slide-box.proc-prod .proc-stage-boxes .color-box { background-color: #f3b6c8;}.proc-slide-box.proc-dep .proc-stage-boxes .color-box { background-color: #7588b4;}.proc-slide-box h5 { color: #000; font-weight: 500;}.proc-slide-box h4,.proc-slide-box h5 { opacity: 0; -webkit-transition: 1.5s; transition: 1.5s;}.slick-active .proc-slide-box h4,.slick-active .proc-slide-box h5 { opacity: 1;}@media screen and (max-width: 1600px) { .proc-slide-box h5 { font-size: 18px; } .proc-stage-box .color-box { margin-top: 40px; } }@media screen and (max-width: 1320px) { .client-slide { padding: 40px 0; } .home-work-slider .slick-dots { top: -45px; right: 25px; } .about-footer-slider.reveal { height: 400px; } .clients-slider .slick-next.slick-arrow { bottom: -60px; } .proc-stage-boxes { padding: 50px 0; } .proc-stage-box .color-box { margin-top: 25px; } .proc-slide-box h4 { font-size: 30px; } .proc-slide-box h5 { font-size: 15px; } }@media screen and (max-width: 1024px) { .clients-slider { width: 200px; } .client-slide { padding: 30px 0; } .client-slide-img { height: 40px; } .about-footer-slider.reveal { height: 300px; } .process-slider-wrap .container { width: 100%; padding: 0; } .process-slider { margin: 0 auto; width: 100%; padding: 0 50px; } .proc-slide-box h4 { font-size: 20px; } }@media screen and (max-width: 768px) { .clients-slider { margin-top: 50px; } .home-work-slider { margin-top: 50px; } .home-work-slider .slick-dots button { height: 15px; width: 15px; } .about-footer-slider.reveal { height: 35vw; } .people-reviews-slider { margin: 20px auto 0; width: 100%; } .ppl-review-slide h3 { margin-bottom: 20px; } .clients-slider .slick-next.slick-arrow { bottom: -30px; height: 30px; width: 30px; background-size: 15px; } .process-slider { padding: 0 25px; width: 100%; } .proc-slide-box h5 { font-size: 14px; } .proc-stage-box .color-box { height: 75px; } }@media screen and (max-width: 520px) { .clients-slider { width: 150px; } .client-slide { padding: 20px 0; } .client-slide-img { height: 30px; } .proc-stage-box .color-box { height: 50px; } }