[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)}

:root {
  --main: #433b36;
  --main-95: rgba(67, 59, 54, 0.95);
  --main-light: #d6b798;
  --sand_red: #f4a99c;
  --green: #8acaa9;
  --light_50: #fbf7f0;
  --light_50_04: rgba(251, 247, 240, 0.4);
  --light_100: #f9e9d8;
  --light_100_04: rgba(240, 236, 236, 0.4);
  --light_300: #e7ddcc;
  --black: #322c2a;
  --white: #fff;
  --footer_black: #3a3f4b;
}

html {
    height: 100%;
}

body {
    margin: 0 auto; font-family: 'Poppins', sans-serif; height: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'DM Sans', sans-serif; margin: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
}

.w_1320 {
    width: 1320px; margin: 0px auto;
}

.bg_antracit {
    background: var(--main);
}

.menu_bg {
    height: 110px; /*background: rgba(69, 76, 91, 0.6); mix-blend-mode: normal;*/ position: fixed; width: 100%; z-index: 9;
    /*background: linear-gradient(180deg, rgba(60, 69, 90, 0.8) 0%, rgba(60, 69, 90, 0.6) 100%); mix-blend-mode: multiply; opacity: 0.5;*/ max-width: 1920px;
}

.menu {
    height: 128px; position: fixed; width: 100%; display: flex; align-items: center; transition: 0.3s; z-index: 10; border-bottom: solid 1px rgba(255, 255, 255, 0.2); 
    box-sizing: border-box;
}

.menu a.on {
    color: var(--main-light); border-bottom: solid 1px var(--main-light); color: var(--main-light) !important;
}

.menu_active {
    background: var(--main-95); height: 80px;
}

.menu_active_important {
    background: var(--main-95) !important; height: 80px !important;
}

.menu_active_important .logo img {
    height: 60px !important; margin-top: 8px !important;
}

.menu .logo {
    width: 128px; margin-left: 80px;
}

.menu .logo img {
    height: 95px;
}

.menu_active .logo img {
    height: 60px; margin-top: 8px;
}

.menu .middle {
    display: flex; margin: 0px auto; transition: 0.3s; gap: 58px;
}

.menu .middle a {
    font-weight: 500; letter-spacing: 0.8px; font-size: 18px; color: var(--white); text-transform: uppercase; position: relative; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.menu .middle a:after {
    content: ""; height: 1px; background: var(--main-light); width: 0%; position: absolute; left: 0; bottom: 0px;
}

.menu .middle a:hover {
    color: var(--main-light); transition: 0.3s;
}

.menu .middle a:last-child {
    margin-right: 0;
}

.menu .middle a:hover:not(.on):after {
    content: ""; height: 1px; background: var(--main-light); width: 100%; position: absolute; left: 0; bottom: 0px; transition: 0.3s;
}

.menu .language {
    width: 110px; height: 100%; margin-left: 70px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 400;
}

.menu .language_title {
    position: relative;
}

.menu .language .current_language {
    color: var(--main-light); height: 44px; width: 48px;text-align: center; line-height: 44px; box-sizing: border-box; border: solid 1px rgba(0, 0, 0, 0); display: block;
    cursor: default; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.menu .language .current_language:hover {
    border: solid 1px var(--main-light); transition: 0.3s;
}

.menu .language a {
    color: var(--white); height: 44px; width: 48px;text-align: center; line-height: 44px; box-sizing: border-box; display: none; background: var(--main-light); position: absolute;
    z-index: 20; 
} 

.menu .language .current_language:hover a {
    display: block;
}

.hero_text_container {
    width: 1304px; position: absolute; bottom: 88px; left: 50%; transform: translateX(-50%);
}

.home_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-home.png'); background-position: center bottom; background-size: cover;
}

.home_hero_image .container {
    position: absolute; bottom: 112px; width: 864px; left: 16%;
}

.home_hero_image .container h1 {
    font-size: 80px; font-weight: 700; line-height: 88px; color: var(--white);
}

.home_hero_image .container p {
    font-size: 22px; line-height: 32px; letter-spacing: 0.4px; font-weight: 300; color: var(--white); margin-top: 40px; width: 744px;
}

.home {
    width: 100%; max-width: 1920px; margin: 0px auto;
}

.home .content {
    display: flex; width: 100%;
}

.home .content .left {
    width: calc(100% - 942px);
}

.home .content .left .description {
    width: 534px; margin-left: auto; margin: 88px 128px 0 auto;
}

.home .content .left .description h2 {
    font-size: 72px; line-height: 79px; font-weight: 700; color: var(--main-light);
}

.home .content .left .description p {
    font-size: 18px; line-height: 33px; font-weight: 300; color: var(--black); margin-top: 32px; letter-spacing: 0.3px;
}

.home .content .right {
    width: 942px; position: relative;
}

.home .content .right img {
    display: block; width: 100%;
}

.home .neighborhood_info {
    background: var(--main); display: flex; flex-direction: column; height: 100%; gap: 30px; justify-content: center;
}

.home .neighborhood_info .row {
    display: flex;
}

.home .neighborhood_info .row .column {
    width: 288px; text-align: center;
}

.home .neighborhood_info .column p.number {
    font-family: 'DM Sans', sans-serif; font-size: 40px; font-weight: 500; color: #fff; margin-top: -8px; letter-spacing: 0.4px;
}

.home .neighborhood_info .column p.number sup {
    font-size: 18px;
}

.home .neighborhood_info .column p.number2 {
    font-family: 'DM Sans', sans-serif; font-size: 28px; font-weight: 500; color: #fff; margin-top: 32px;  letter-spacing: 0.4px;
}

.home .neighborhood_info .column p.text {
    font-size: 18px; color: #fff; margin-top: -4px; letter-spacing: 0.4px; font-weight: 600;
}

.home .content_2 {
    display: flex; margin-top: -88px;  position: relative; z-index: 1;
}

.home .content_2 .left {
    width: 660px; height: 579px; margin-right: 88px;
}

.home .content_2 .left img {
    width: 100%;
}

.home .content_2 .right {
    width: 864px; filter: drop-shadow(10px 10px 60px rgba(55, 53, 53, 0.4)); display: flex; justify-content: flex-end;
}

.home .content_3 {
    display: flex; margin-top: 88px; position: relative;
}

.home .content_3 img {
    width: 100%; display: block;
}

.home .content_3 img.magnifying {
    display: none; position: absolute; width: 360px; height: 360px; bottom: 20px; right: 30px; box-shadow: 10px 10px 60px rgba(55, 53, 53, 0.4); bottom: 60px; right: -360px;
}

.home .content_4 {
    display: flex; margin-top: -88px;
}

.home .content_4 .left {
    width: calc(100% - 952px); background: var(--light_100); padding: 88px 94px 84px 0; align-self: flex-end; box-sizing: border-box;
}

.home .content_4 .left p {
    width: 552px; font-weight: 300; font-size: 18px; line-height: 33.3px; margin-left: auto; color: var(--black); letter-spacing: 0.4px;
}

.home .content_4 .left p:nth-child(2) {
    margin-top: 34px;
}

.home .content_4 .right {
    width: 952px;
}

.home .content_4 img {
    display: block; width: 100%;
}

.selling_begins {
    font-weight: 500; font-size: 16px; border-top: solid 1px rgba(214, 183, 152, 0.8); color: var(--main-light); text-align: center; position: absolute; bottom: 0; 
    width: 100%; height: 48px; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; gap: 36px;
}

.selling_begins a {
    font-weight: 300; text-decoration: underline; letter-spacing: 0.8px; color: var(--main-light);
}

.apartments_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-apartments.png'); background-position: center bottom; background-size: cover;
}

.apartments_hero_image .container {
    width: 800px; position: absolute; bottom: 70px; left: 30%; transform: translateX(-50%); color: var(--white);
}

.apartments_hero_image .container h1 {
    font-size: 80px; font-weight: 700; font-family: 'DM Sans', sans-serif; margin-bottom: 32px;
}

.apartments_hero_image .container p {
    font-size: 22px; font-weight: 300; line-height: 32px; letter-spacing: 0.4px;
}

.apartments_hero_image .container p:nth-child(2){
    margin-bottom: 20px;
}

.page_apartments {
    width: 100%; max-height: 100%; overflow: hidden; position: relative;
}

.page_apartments svg {
    display: block;
}

.page_apartments svg path:hover {
    opacity: 0.6; cursor: pointer;
}

.page_apartments .building_apartments_info {
    padding: 20px 16px; background: var(--white); display: none; position: absolute; z-index: 100;
}

.page_apartments .building_apartments_info h2 {
    color: var(--main-light); font-size: 72px; font-weight: 700; line-height: 72px; margin: 2px 0 14px 0;
}

.page_apartments .building_apartments_info div:nth-child(2){
    color: var(--main); font-weight: 500; font-size: 32px; font-family: 'DM Sans', sans-serif; margin-bottom: 2px;
}

.page_apartments .building_apartments_info div:nth-child(3){
    color: var(--main); font-weight: 300; font-size: 22px; letter-spacing: 1.8px;
}

.page_apartments .text_container {
    position: absolute; bottom: 60px; width: 500px; right: calc((100% - 1500px) / 2);
}

.page_apartments .text_container .inner {
    /*margin: 0px auto 88px auto; max-width: 1500px; width: calc(100% - 40px); */text-align: right;
}

.page_apartments .text_container h1 {
    font-size: 80px; color: var(--main-light); line-height: 88px;
}

.page_apartments .text_container p {
    color: #fff; margin-top: 40px; width: 830px; font-weight: 300; font-size: 22px; letter-spacing: 0.4px; text-align: right; margin-left: auto;
}

.project_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-project.png'); background-position: center bottom; background-size: cover;
}

.project_hero_image .icon_container {
    width: 1530px; position: absolute; bottom: 40px; transform: translateX(-50%); left: 50%; display: flex;
}

.project_hero_image .icon_container .column {
    width: 16.66%; text-align: center;
}

.project_hero_image .icon_container .column .icon {
    height: 64px;
}

.project_hero_image .icon_container .column p.number {
    font-family: 'DM Sans', sans-serif; font-size: 40px; font-weight: 500; color: #fff; margin-top: -8px; letter-spacing: 0.4px;
}

.project_hero_image .icon_container .column p.number sup {
    font-size: 20px;
}

.project_hero_image .icon_container .column p.text {
    font-size: 18px; color: #fff; margin-top: -4px; font-weight: 600; letter-spacing: 0.4px;
}

.project {
    width: 100%; max-width: 1920px; margin: 0px auto;
}

.project_1 {
    display: flex; margin-bottom: 88px;
}

.project_1 .left {
    width: 44%;
}

.project_1 .left .description {
    width: 420px; margin: 88px 110px 0 0; margin-left: auto;
}

.project_1 .left .description h1 {
    color: var(--main-light); font-size: 72px; line-height: 80px;
}

.project_1 .left .description p {
    font-weight: 300; font-size: 18px; line-height: 33px; letter-spacing: 0.4px; color: var(--black); margin-top: 46px;
}

.project_1 .right {
    width: 56%; max-width: 1066px; position: relative;
}

.project_1 .right img {
    display: block; width: 100%;
}

.project_1 .right img.small {
    max-width: 488px; margin: 88px 0 0 auto;
}

.project_description {
    position: relative;
}

.project_description .description {
    width: 754px; height: 435px; box-sizing: border-box; background: var(--main); padding: 0 88px 0 80px; color: var(--main-light); font-weight: 300; font-size: 22px; 
    line-height: 37px; position: absolute; right: calc(56% - 842px); letter-spacing: 0.4px; top: -177px; display: flex; align-items: center; z-index: 1;
}

.project_2 {
    display: flex; margin-bottom: 88px;
}

.project_2 img {
    display: block;
}

.project_2 .left {
    width: 1034px; background: url('../images/project-2.jpg'); height: 561px; background-repeat: no-repeat; background-size: cover;
}

.project_2 .left img {
    width: 100%
}

.project_2 .right {
    width: calc(100% - 1124px); align-self: self-end; margin-left: 70px;
}

.project_3 {
    margin-bottom: 88px;
}

.project_3 img {
    margin: 0px auto; display: block; width: 100%; max-width: 1304px;
}

.project_neighborhood {
    display: flex; margin-bottom: 88px;
}

.project_neighborhood .left {
    width: 53.8%; background: var(--light_100); padding: 88px 0 82px 0;
}

.project_neighborhood .left p {
    margin: 0 85px 0 auto; width: 636px; font-weight: 300; font-size: 18px; letter-spacing: 0.4px; line-height: 33.3px; color: var(--black);
}

.project_neighborhood .left p:nth-child(n+2) {
    margin-top: 34px;
}

.project_neighborhood .right {
    width: 46.2%; background: url("../images/project-4.jpg"); background-position: center; background-size: cover;
}

.project_neighborhood .right img {
    width: 100%; display: block;
}

.contact_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-contact.png'); background-position: center top; background-size: cover;
}

.contact_hero_image h1 {
    color: var(--white); font-family: 'DM Sans', sans-serif; font-size: 80px; font-weight: 700; width: 100%; max-width: 1308px; margin: 0 auto; position: absolute; bottom: 88px;
    transform: translateX(-50%); left: 50%; line-height: 88px;
}

.contact {
    display: flex; width: 100%; max-width: 1308px; margin: 90px auto 80px auto; flex-direction: row; justify-content: space-between;
}

.contact .left {
    width: 764px;
}

.contact .left p {
    color: var(--main); font-size: 18px; font-weight: 300; letter-spacing: 0.42px; line-height: 33px;
}

.contact .left img {
    margin: 50px 0 20px 0; width: 180px;
}

.contact .right {
    width: 420px; margin-top: -10px;
}

.contact .right > div {
    background: #faefe3; padding: 40px 50px;
}

.contact .right h2 {
    font-family: 'DM Sans', sans-serif; font-size: 72px; font-weight: 700; color: var(--main-light);
}

.contact .right b {
    font-size: 18px; font-weight: 500; color: var(--main); margin-top: 44px; display: block; letter-spacing: 0.4px;
}

.contact .right p {
    font-size: 18px; font-weight: 300; color: var(--main); margin: 6px 0; letter-spacing: 0.2px;
}

.contact .right p span {
    color: var(--main-light); margin-right: 6px;
}

.contact .right p.contact_info {
    margin-top: 24px;
}

.contact .right a {
    color: var(--main);
}

.location_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-location.png'); background-position: top center; background-size: cover;
}

.location_hero_image .hero_text_container {
    bottom: 78px;
}

.location_hero_image h1 {
    font-size: 80px; line-height: 88px; color: #fff; margin-bottom: 40px;
}

.location_hero_image p {
    width: 750px; font-size: 22px; font-weight: 300; letter-spacing: 0.4px; line-height: 32px; color: var(--white);
}

.location .content {
    display: flex; margin: 0px auto; width: 100%; max-width: 1920px;
}

.location .content .left {
    width: 888px; background: var(--main); display: flex;
}

.location .content .left img {
    margin: 0 66px 0 58px;
}

.location .content_2 .left h2 {
    font-size: 72px; line-height: 79px; font-weight: 700; color: var(--main-light); width: 534px; margin: 0 118px 34px auto;
}

.location .content .left .l {
    align-self: center;
}

.location .content .left .r {
    width: 534px; padding-right: 50px; align-self: center;
}

.location .content .left .r h2 {
    color: var(--main-light); font-size: 72px; line-height: 79px; margin-bottom: 48px; 
}

.location .content .left .r p {
    color: #fff; font-size: 18px; line-height: 33px; letter-spacing: 0.3px; font-weight: 300;
}

.location .content .right {
    width: 724px;; 
}

.location .content .right img {
    display: block;
}

.location .content_2 {
    display: flex; margin-top: 88px; position: relative;
}

.location .content_2 .left {
    width: 50.5%;
}

.location .content_2 .left img {
    display: none; margin: 0px auto; width: 100%; max-width: 724px;
}

.location .content_2 .left p {
    width: 520px; margin: 16px 132px 36px auto; font-weight: 300; font-size: 18px; line-height: 33px; letter-spacing: 0.3px; text-align: justify; color: var(--black);
}

.location .content_2 .right {
    width: 49.5%; z-index: 1; position: relative;
}

.location .content_2 .right img {
    margin: 0px 0 0 6px; width: 100%; max-width: 644px; box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.2);
}

.location .content_3 {
    margin: 30px auto 0 auto; width: 100%; max-width: 1920px;
}

.location .content_3 img {
    width: 100%; display: block;
}

.location .content_4 {
    background: rgb(65,70,80); background: var(--light_300); padding-bottom: 88px; margin-top: -88px
}

.location .content_gradient_pass {
    background: rgb(231,221,204); background: linear-gradient(90deg, rgba(231,221,204,1) 0%, rgba(231,221,204,1) 50%, rgba(65,70,80,1) 50%, rgba(65,70,80,1) 100%); height: 94px;
    margin-top: -94px;
}

.location .content_5 {
    background: var(--main); padding: 88px 0;
}

.location .container_images {
    display: flex; margin: 0 auto; width: 1305px; align-items: flex-start; height: 157px;
}

.location .container_images div {
    display: block; margin: 0 0 0 15px; width: 205px; height: 140px; cursor: pointer; 
}

.location .container_images div.on {
    margin-top: 0px; height: 157px; transition: 0.3s; 
}

.location .container_images div.off {
    height: 140px; transition: 0.3s; 
}

.location .container_images div:nth-child(1) {
    margin-left: 0; background: url("../images/lokacija-1.jpg"); background-position: center; background-size: cover;
}

.location .container_images div:nth-child(2) {
    background: url("../images/lokacija-2.jpg"); background-position: center; background-size: cover;
}

.location .container_images div:nth-child(3) {
    background: url("../images/lokacija-3.jpg"); background-position: center; background-size: cover;
}

.location .container_images div:nth-child(4) {
    background: url("../images/lokacija-4.jpg"); background-position: center; background-size: cover;
}

.location .container_images div:nth-child(5) {
    background: url("../images/lokacija-5.jpg"); background-position: center; background-size: cover;
}

.location .container_images div:nth-child(6) {
    background: url("../images/lokacija-6.jpg"); background-position: center; background-size: cover;
}

.location .container_images_big {
    margin: 0 auto; width: 1305px; position: relative; 
}

.location .container_images_big .on {
    transition: 0.3s, ease-in-out; 
}

.location .container_images_big .navigation_button {
    height: 94px; width: 94px; background: #fff; position: absolute; display: flex; justify-content: center; cursor: pointer; z-index: 1; top: 0;
}

.location .container_images_big .navigation_button img {
    height: 94px; width: 94px;
}

.location .container_images_big .next_image {
    margin-left: 110px; 
}

.location .container_images_big img {
    display: block; width: 100%; max-width: 1305px;
}

.hero_gallery {
    height: 100%; width: 100%; background: url('../images/bg-gallery.png'); background-position: center bottom; background-size: cover;
}

.gallery {
    width: 100%; max-width: 1336px; margin: -156px auto 0 auto; background: var(--white); display: flex; flex-direction: column; padding: 16px; box-sizing: border-box; gap: 16px;
    color: var(--main);
} 

.gallery .row_2_images {
    width: 100%; display: flex; justify-content: space-between;
}

.gallery img { 
    display: block; width: 100%;
}

.gallery .row_2_images.row_1 a:nth-child(1) {
    max-width: 764px; width: calc(59.32% - 7px);
}

.gallery .row_2_images.row_1 a:nth-child(2) {
    max-width: 524px; width: calc(40.68% - 6px);
}

.gallery .row_2_images.reverse {
    flex-direction: row-reverse;
}

.gallery .row_2_images.row_2 a:nth-child(1) {
    max-width: 863px; width: calc(67% - 6px);
}

.gallery .row_2_images.row_2 a:nth-child(2) {
    max-width: 425px; width: calc(33% - 7px);
}

.gallery .all_images {
    font-weight: 300; font-size: 12px; margin-bottom: 94px; margin-top: 20px; text-align: center;
}

._404_hero_image {
    height: 100%; width: 100%; background: url('../images/bg-404.jpg'); background-position: center bottom; background-size: cover;
}

._404_hero_image h1 {
    color: #fff; font-weight: 700; font-size: 120px; padding: 160px 0 0 310px; line-height: 130px;
}

._404_hero_image h2 {
    color: #fff; font-weight: 700; font-size: 72px; margin-left: 310px;
}

._404_hero_image .content {
    position: absolute; bottom: 124px; left: 310px;
}

._404_hero_image .content p {
    color: #fff; font-weight: 300; line-height: 33px; letter-spacing: 0.3px; font-size: 18px;
}

._404_hero_image .content div {
    background: var(--main); font-size: 16px; font-weight: 500; padding: 8px 46px; margin-top: 48px; color: var(--main-light); display: inline-block; letter-spacing: 0.3px;
}

._404_hero_image a {
    color: #fff; text-decoration: underline;
}

.filter {
    width: 100%; padding: 56px 0 44px 0; background: var(--main-95); z-index: 9;
}

.filter .hamburger {
    display: none;
}

.filter_active {
    padding: 12px 0 0px 0; transition: 0.3s; position: fixed; top: 80px;
}

.filter_active h3 {
    display: none;
}

.filter .content {
    margin: 0 auto; width: 1300px;
}

.filter .content h3 {
    font-size: 32px; line-height: 110%; font-weight: 500; letter-spacing: 0.6px; color: var(--main-light); margin-bottom: 16px;
}

.filter .content .table {
    display: flex;
}

.filter .content .table .column:nth-child(1) {
    width: 45%;
}

.filter .content .table .column:nth-child(2) {
    width: 25%;
}

.filter .content .table .column:nth-child(3) {
    width: 30%;
}

.filter .content .table .column .search_title {
    font-size: 18px; line-height: 27px; letter-spacing: 0.6px; font-weight: 600; color: var(--white); margin-bottom: 8px;
}

.filter .content .table .column .boxes {
    display: flex; flex-wrap: wrap;
}

.filter .content .table .column .boxes div {
    font-weight: 500; font-size: 16px; border: solid 1px var(--main-light); padding: 9px 11px; margin: 0 16px 12px 0; color: var(--white); letter-spacing: 1px; box-sizing: border-box;
    text-transform: uppercase; position: relative;
}

.filter .content .table .column .boxes div:hover {
    color: var(--main); transition: 0.3s; cursor: pointer;
}

.filter .content .table .column .boxes div:before {
    background: var(--main-light); content: ""; position: absolute; height: calc(100% + 2px); width: 0%; left: -1px; top: -1px;
}

.filter .content .table .column .boxes div.on {
    background: var(--main-light); color: var(--main) !important;
}

.filter .content .table .column .boxes div:hover:before {
    width: calc(100% + 2px); transition: 0.3s;
}

.filter .content .table .column .boxes div span {
    position: relative; width: 100%; height: 100%; left: 0;
}

.filter .content .table .column .boxes div:last-child {
    margin-right: 0;
}

.filter_icon {
    width: 131px; height: 46px; background: var(--main); position: fixed; bottom: 32px; right: 16px; display: none; box-sizing: border-box; z-index: 11; border: 1px solid var(--main-light); 
    filter: drop-shadow(10px 10px 60px rgba(55, 53, 53, 0.4)); color: var(--main-light); font-weight: 500; text-transform: uppercase; align-items: center; padding-left: 12px; letter-spacing: 1px;
    z-index: 999999;
}

.filter_icon img {
    height: 24px; margin: 0 12px 0 auto;
}

#apartment_list {
    width: 100%; max-width: 1320px; display: flex; margin: 0px auto; flex-wrap: wrap; margin-top: 50px;
}

.apartment_list_active_menu {
    margin-top: 220px !important;
}

#apartment_list a {
    width: 25%; border-right: solid 1px var(--light_100); box-sizing: border-box; margin-bottom: 36px;
}

#apartment_list .apartment {
    padding: 36px 24px;
}

#apartment_list .apartment:hover {
    background: #fbf8f3; transition: 0.3s;
}

#apartment_list .apartment:hover .middle .box {
    background: #f5eee1;
}

#apartment_list a:nth-child(4n){
    border: none;
}

#apartment_list a .apartment:last-child{
    border: none;
}

#apartment_list a .apartment .top {
    display: flex; justify-content: space-between; color: var(--main);
}

#apartment_list a .apartment .top .status {
    padding: 2px 4px; align-self: center; font-weight: 600; font-size: 14px; color: var(--white); text-transform: uppercase;
}

#apartment_list a .apartment .middle {
    display: flex; margin-top: 12px;
}

#apartment_list a .apartment .middle .box {
    padding: 4px 6px; background: var(--light_50); margin-right: 4px; font-size: 16px; font-weight: 500; letter-spacing: 1px; color: var(--black);
}

#apartment_list a .apartment .middle .area {
    margin-left: auto; letter-spacing: 1px; display: flex; align-items: center; color: var(--black)
}

#apartment_list a .apartment .middle .area sup {
    font-size: 10px; margin-top: -8px;
}

#apartment_list a .apartment img {
    margin: 64px auto 0 auto; display: block;
}

#apartment_list a .apartment h4 {
    font-weight: 500; font-size: 32px; letter-spacing: 1px;
}

#apartment_list a img {
    max-width: 250px; max-height: 217px; 
}

.status_bg_free {
    background: var(--green);
}

.status_bg_sold {
    background: var(--sand_red);
}

.status_bg_reserved {
    background: #ffc289;
}

p.apartments_all_images {
    margin-bottom: 58px; font-size: 14px; font-weight: 300; letter-spacing: 0.1px; text-align: center;
}

.floors {
    width: 100%; display: flex; height: 100%; position: relative; overflow: hidden; max-width: 1920px; margin: 0px auto;
}

.floors .left .logo {
    width: 100%; height: 242px; background: var(--main);
}

.floors .left .logo img.small {
    display: none;
}

.floors .close {
    position: absolute; top: 56px; right: 40px; background: url(../images/icon-close.png); width: 48px; height: 48px; cursor: pointer; z-index: 2;
}

.floors .left {
    width: 468px; background: #f0ecec; display: flex; flex-direction: column; text-align: center;
}

.floors .left img:nth-child(1){
    margin-top: 54px; width: 100%; max-width: 180px; align-self: center;
}

.floors .left img.situation{
    width: 100%; align-self: center;
}

.floors .left .language {
    width: 110px; height: 100%; margin-left: auto; border-left: solid 1px rgba(227, 204, 153, 0.2); box-sizing: border-box; display: flex; justify-content: center;
    align-items: center; font-size: 16px; font-weight: 400; color: var(--main-light); display: none;
}

.floors .left p {
    margin-top: 18px; color: var(--main); font-weight: 300; font-size: 14px; margin-top: 14px;
}

.floors .right {
    width: calc(100% - 596px); margin: 0 64px;
}

.floors .right h1 {
    color: var(--main-light); font-weight: 500; font-size: 72px; padding: 36px 0 8px 0; position: relative; z-index: 1; background: var(--white);
}

.floors .right .floor_title {
    font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 32px; color: var(--main); letter-spacing: 0.5px;
}

.floors .right .floor_title .boxes {
    display: flex; margin-top: 16px;
}

.floors .right .floor_title .boxes div.on {
    background: var(--main-light);
}

.floors .right .floor_title .boxes div {
    height: 40px; width: 40px; box-sizing: border-box; border: solid 1px var(--main-light); font-size: 16px; color: var(--main); line-height: 40px; text-align: center; margin-right: 16px;
} 

.floors .right .floor_title .boxes div:not(.on):hover {
    transition: 0.3s; background: var(--main-light); cursor: pointer;
}

.floors .right #floor {
    margin: 80px 244px 0 0; position: relative;
}

.floors .right svg {
    height: 100%; width: auto;
}

.floors .right #floor .svg_floor_container {
    position: absolute; cursor: pointer;
}

.floors .right #floor .svg_floor_container .boxes {
    position: absolute; transform: translateX(-50%); left: 50%; display: flex; 
}

.floors .right #floor .svg_floor_container .boxes div {
    padding: 4px 6px; background: var(--white); margin-right: 4px; font-size: 16px; font-weight: 500; letter-spacing: 1px;
}

.floors .right #floor .svg_floor_container .boxes div:last-child {
    margin-right: 0;
}

.floors .legend {
    display: flex; margin: 20px 0; display: none;
}

.floors .legend .status {
    padding: 2px 4px; align-self: center; font-weight: 600; font-size: 14px; color: var(--white); text-transform: uppercase; margin-right: 12px;
}

#apartment_more_info {
    width: 314px; height: 353px; background: var(--white); filter: drop-shadow(10px 10px 40px rgba(55, 53, 53, 0.2)); padding: 20px 16px 28px 16px; box-sizing: border-box;
    position: absolute; display: none; z-index: 10;
}

#apartment_more_info .header {
    display: flex; margin-bottom: 12px;
}

#apartment_more_info .header h3 {
    font-weight: 500; font-size: 32px; color: var(--main);
}

#apartment_more_info .header .apartment_status {
    font-weight: 600; font-size: 14px; padding: 2px 4px; color: var(--white); align-self: center; margin-left: auto; text-transform: uppercase;
}

#apartment_more_info .status {
    display: flex; margin-bottom: 20px;
}

#apartment_more_info .status .boxes {
    display: flex;
}

#apartment_more_info .status .boxes div {
    padding: 4px 6px; background: var(--light_100); margin-right: 4px; font-size: 16px; font-weight: 500; letter-spacing: 1px;
}

#apartment_more_info .status .boxes div:last-child {
    margin-right: 0;
}

#apartment_more_info .status .sqm {
align-self: center; margin-left: auto; color: var(--black); font-weight: 500; font-size: 16px; letter-spacing: 0.5px;
}

#apartment_more_info .status .sqm sup {
    font-size: 12px;
}

#apartment_more_info .image_container img {
    margin: auto; display: block; width: 100%; max-height: 210px;
}

#apartment_more_info .image_container {
    display: flex; height: 210px; width: 100%; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;
}

.footer {
    background: var(--main); width: 100%;
}

.apartment_details {
    display: flex; width: 100%; max-width: 1920px; margin: 0px auto;
}

.apartment_details .close {
    position: absolute; top: 56px; right: 40px; background: url(../images/icon-close.png); width: 48px; height: 48px; cursor: pointer; z-index: 2;
}

.apartment_details .left {
    width: 402px; background: #f0ecec; text-align: center; padding-bottom: 110px;
}

.apartment_details .left .logo {
    width: 100%; height: 242px; background: var(--main); display: flex; align-items: center; justify-content: center;
}

.apartment_details .left .logo img {
    width: 100%; max-width: 128px;
}

.apartment_details .left img.situation {
    margin: 0 0 6px 0; width: 100%; max-width: 468px;
}

.apartment_details .left .floor_plan {
    margin: -8px auto 4px auto; max-width: 257px;
}

.apartment_details .left .floor_plan img {
    width: 100%;
}

.apartment_details .left .cross_section {
    margin: 62px auto 4px auto; max-width: 140px;
}

.apartment_details .left .cross_section  img{
    width: 100%;
}

.apartment_details .left p {
    font-size: 12px; font-size: 12px; font-weight: 300; letter-spacing: 0.2px; color: var(--main);
}

.apartment_details .left p.situation {
    margin-bottom: 80px;
}

.apartment_details .center_right_container {
    width: calc(100% - 402px);
}

.apartment_details .center_right {
    display: flex; width: 100%;
}

.apartment_details .center_right .logo {
    width: 100%; height: 242px; background: var(--main); text-align: center; display: none;
}

.apartment_details .center_right .logo img {
    margin-top: 54px; width: 100%; max-width: 180px; align-self: center;
}

.apartment_details .center {
    max-width: 718px; margin-left: 118px; display: flex; flex-direction: column;
}

.apartment_details .center .bedroom_status {
    display: none;
}

.apartment_details .center img {
    margin-top: 60px; width: 100%;
}

.apartment_details h1, .apartment_details h2 {
    color: var(--main-light); font-weight: 700; font-size: 72px; padding: 36px 0 12px 0; position: relative; z-index: 1; background: var(--white);
}

.apartment_details h3 {
    color: var(--main); font-weight: 500; font-size: 32px; letter-spacing: 0.3px;
}

.apartment_details .right {
    width: 370px; margin: 0 20px 0 52px;
}

.apartment_details .right h3 {
    text-align: right;
}

.apartment_details .right h2 {
    text-align: right;
}

.apartment_details .right h2 sup {
    font-size: 40px;
}

.apartment_details .center h1 span {
    display: none;
}

.apartment_details .right p.area {
    color: var(--main); font-weight: 600; font-size: 16px; margin: 52px 0 6px 78px;
}

.apartment_details .right .table {
    width: calc(100% - 36px); display: flex; flex-direction: column; margin-left: 36px; color: var(--black);
}

.apartment_details .right .table .row {
    width: 100%; display: flex; padding: 15px 0 0 0; font-size: 16px; font-weight: 300; letter-spacing: 0.3px; justify-content: flex-end;
}

.apartment_details .right .table .row sup {
    font-size: 10px;
}

.apartment_details .right .table .row div:nth-child(1){
    width: 28px; align-self: center;
}

.apartment_details .right .table .row div:nth-child(2){
    width: 182px; align-self: center;
}

.apartment_details .right .table .row div:nth-child(3){
    width: 80px; align-self: center; text-align: right;
}

.apartment_details .right .total {
    margin: 58px 0 72px 0; color: var(--main);
}

.apartment_details .right .total p {
    font-weight: 600; font-size: 16px; text-align: right; letter-spacing: 0.3px;
}

.apartment_details .right .total p.sqm {
    font-size: 24px; margin: 4px 0 30px 0; letter-spacing: 0.4px;
}

.apartment_details .right .total p.sqm sup {
    font-size: 14px;
}

.apartment_details .right .pdf {
    width: 160px; color: var(--main-light); background: var(--main); font-weight: 500; font-size: 16px; height: 42px; line-height: 42px; text-align: center; 
    margin-left: auto; text-transform: uppercase; box-sizing: border-box; letter-spacing: 0.5px; position: relative;
}

/*.apartment_details .right .pdf span {
    position: absolute; width: 100%; height: 100%; left: 0;
}

.apartment_details .right .pdf:hover {
    cursor: pointer; color: var(--main-light); transition: 0.3s;
}

.apartment_details .right .pdf:before {
    background: var(--main); content: ""; position: absolute; height: 100%; width: 0%; left: 0;
}

.apartment_details .right .pdf:before {
    background: var(--main); content: ""; position: absolute; height: 100%; width: 0%; left: 0;
}

.apartment_details .right .pdf:hover:before {
    width: 100%; transition: 0.3s;
}*/

.apartment_details .center_right .language {
    width: 110px; height: 100%; margin-left: auto; border-left: solid 1px rgba(227, 204, 153, 0.2); box-sizing: border-box; display: flex; justify-content: center;
    align-items: center; font-size: 16px; font-weight: 400; color: var(--main-light); display: none;
}

.apartment_details .pictures_text {
    font-size: 12px; font-weight: 300; letter-spacing: 0.2px; margin: 20px 0 20px 118px;
}

.apartment_details .pictures_text a {
    color: var(--main); text-decoration: underline;
}

.page_apartments .floor_list {
    position: absolute; bottom: 20px; display: flex; right: 40px;
}

.page_apartments .floor_list a {
    display: block; margin: 0 16px 12px 0;
}

.page_apartments .floor_list a:last-child {
    margin-right: 0;
}

.page_apartments .floor_list a div {
    font-weight: 500; font-size: 16px; border: solid 1px var(--main-light); padding: 9px 11px; color: var(--white); letter-spacing: 1px; box-sizing: border-box;
    text-transform: uppercase; position: relative;
}

.page_apartments .floor_list a div:hover {
    color: var(--main); transition: 0.3s; cursor: pointer;
}

.page_apartments .floor_list a div:before {
    background: var(--main-light); content: ""; position: absolute; height: calc(100% + 2px); width: 0%; left: -1px; top: -1px;
}

.page_apartments .floor_list a div.on {
    background: var(--main-light); color: var(--main); cursor: default;
}

.page_apartments .floor_list a div:hover:before {
    width: calc(100% + 2px); transition: 0.3s;
}

.page_apartments .floor_list a div span {
    position: relative; width: 100%; height: 100%; left: 0;
}

.page_apartments .floor_list a div:last-child {
    margin-right: 0;
}

.footer a {
    color: #fff;
}

.footer .content {
    width: 700px; margin: 0 auto; padding: 34px 0; display: flex; color: var(--white);
}

.footer .content .left {
    width: 50%; padding-right: 56px; align-self: center; box-sizing: border-box; font-family: 'DM Sans', sans-serif;
}

.footer .content .left p {
    font-weight: 500; font-size: 40px; letter-spacing: 0.5px; text-align: right;
}

.footer .separator {
   background: var(--main-light); width: 1px;
}

.footer .content .right {
    width: 50%; padding: 5px 0 5px 58px; box-sizing: border-box;
}

.footer .content .right p {
    font-weight: 300; font-size: 14px; line-height: 20.3px; letter-spacing: 1px;
}

.footer .content .right p:nth-child(2){
    margin-bottom: 12px;
}

.footer .content .right p span {
    font-weight: 600; color: var(--main-light); width: 20px; display: inline-block;
}

.footer .copyright {
    text-align: center; background: #322d29; color: var(--main-light); font-size: 12px; font-weight: 300; height: 62px; line-height: 62px;
}

.hamburger {
    padding: 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit;
    color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; display: none; opacity: 0.7; 
}
  
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: var(--main-light);
}

.hamburger-box {
    width: 32px; height: 24px; display: inline-block;  position: relative; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

.hamburger-inner {
    display: block; top: 50%; margin-top: -2px; 
}
  
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 32px; height: 1.2px; background-color: var(--main-light); border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; 
    transition-timing-function: ease; 
}

.hamburger-inner::before, .hamburger-inner::after {
    content: ""; display: block; 
}

.hamburger-inner::before {
    top: -10px; 
}

.hamburger-inner::after {
    bottom: -10px; 
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; 
}
  
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
}
  
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.close_button {
    height: 32px; width: 32px;
}

.close_button::after {
    content: ""; background-color: var(--main-light); width: 32px; height: 1.2px; background-color: var(--main-light); border-radius: 4px; position: absolute; transform: rotate(45deg); top: 16px;
}

.close_button::before {
    content: ""; background-color: var(--main-light); width: 32px; height: 1.2px; background-color: var(--main-light); border-radius: 4px; position: absolute; transform: rotate(-45deg); top: 16px;
}

.filter .close_button {
    position: absolute; top: 40px; right: 20px; display: none;
}

.mobile_menu {
    width: calc(100% - 110px); height: 100%; background: var(--main); position: fixed; z-index: 9999999; right: 100%; transition: 0.3s;
}

.mobile_menu span {
    display: block; text-align: center; margin-bottom: 20px; 
}

.mobile_menu a {
    color: #fff; font-size: 20px; text-align: center; padding: 0px 12px;
}

.mobile_menu a.on {
    color: var(--main-light); border-bottom: solid 1px var(--main-light);
}

.mobile_menu .logo {
    margin: 20px auto 40px auto; text-align: center;
}

.mobile_menu .language_container {
    position: absolute; bottom: 20px; display: flex; width: 100%; justify-content: center;
}

.mobile_menu .language_container div {
    margin: 0px 10px;
}

.mobile_menu .language_container div a {
    color: var(--main-light); height: 44px; width: 48px; text-align: center; line-height: 44px; box-sizing: border-box; border: solid 1px rgba(0, 0, 0, 0); display: block;
    padding: 0; font-size: 16px;
}

.mobile_menu .language_container div.on {
    border: solid 1px var(--main-light);
}

.show_mobile_menu {
    right: 110px; transition: 0.3s;
}

.choose_floor_text {
    position: absolute; bottom: 20px; left: 40px; display: flex;
}

.choose_floor_text h2 {
    color: var(--main-light); font-size: 170px; line-height: 142px; margin-right: 12px;
}

.choose_floor_text div {
    color: var(--white); font-size: 46px; font-weight: 700; line-height: 50px; letter-spacing: 1px; font-family: 'DM Sans', sans-serif; margin-top: 2px;
}

.floor_info {
    width: 420px; padding: 26px 16px; background: var(--white); position: absolute; top: 0; z-index: 10; box-sizing: border-box; display: none;
}

.floor_info h2 {
   font-size: 72px; font-weight: 700; color: var(--main-light); line-height: 58px;
}

.floor_info .content .apartment_row {
    display: flex; margin-bottom: 12px;
}

.floor_info .content .floor_title {
    font-family: 'DM Sans', sans-serif; font-size: 32px; line-height: 35px; font-weight: 500; color: var(--main); margin: 22px 0 16px 0;
}

.floor_info .content .box {
    font-size: 16px; line-height: 32px; text-align: center; color: var(--black); background: var(--light_100); margin-right: 5px;
}

.floor_info .content .box:nth-child(1) {
    width: 29px;
}

.floor_info .content .box:nth-child(2) {
    width: 18px;
}

.floor_info .content .box:nth-child(3) {
    width: 29px;
}

.floor_info .content .sqm {
    font-size: 16px; letter-spacing: 1px; font-weight: 500; color: var(--black); margin: 4px 0 0 6px;
}

.floor_info .content .sqm sup {
    font-size: 10px;
}

.floor_info .content .apartment_status {
    font-weight: 600; font-size: 14px; padding: 2px 4px; color: var(--white); align-self: center; margin-left: auto; text-transform: uppercase;
}

div[data-apartment-status="sold"], div[data-apartment-status="reserved"] {
    cursor: no-drop !important;
}

.cookie_conatainer {
    width: 100%; position: fixed; bottom: 0; background: rgba(214, 183, 152, 0.9); z-index: 12; padding: 15px 0; 
}

.cookie_conatainer a {
    color: var(--black); text-decoration: underline;
}

.cookie_conatainer .inner {
    width: 1305px; margin: 0px auto; display: flex; align-items: center;
}

.cookie_conatainer .inner p {
    font-size: 12px; line-height: 17px; width: calc(100% - 340px);
}

.cookie_conatainer .inner form {
    display: flex; margin-left: auto;
}

.cookie_conatainer .inner button {
    color: var(--main); background: none; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0.8px; cursor: pointer;
}

.cookie_conatainer .inner button.read {
     border: none; margin-right: 20px; margin-left: auto;
}

.cookie_conatainer .inner button.accept {
    border: solid 1px var(--main); padding: 0 11px; margin-left: auto;
}

.cookie_popup_bg {
    position: fixed; width: 100%; height: 100%; background: var(--main); z-index: 99; opacity: 0.9; display: none;
}

.cookie_popup {
    width: 90%; max-width: 600px; border: solid 1px var(--main); position: fixed; background: var(--white); top: 50%; left: 50%; padding: 20px 12px;
    transform: translate(-50%, -50%); z-index: 100; max-height: 90%; overflow-x: auto; display: none;
}

.cookie_popup p {
    font-size: 14px; color: var(--black); padding-bottom: 8px;
}

.cookie_popup .title {
    font-size: 20px; color: var(--main); font-weight: 700; padding: 8px 0;
}

.cookie_popup img {
    width: 30px; float: right; cursor: pointer;
}

.cookie_popup span {
    float: right; margin-right: 12px; font-size: 14px; padding-top: 2px;
}

.cookie_popup .cookie_no {
    cursor: no-drop !important;
}

.cookie_popup input[type="submit"] {
    background: var(--main); font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 16px; border: none; display: block; color: var(--main-light); letter-spacing: 0.8px;
    cursor: pointer; padding: 4px 12px; margin: 60px 0 0 auto;
}

.cookie_popup a {
    color: var(--black); margin-top: 80px; text-decoration: underline; display: block; float: left; margin-top: 68px;
}

.cookies_page {
    width: 100%; max-width: 1305px; margin: 0px auto; padding: 168px 0 88px 0;
}

.cookies_page h1 {
    color: var(--main-light);
}

.cookies_page h2 {
    color: var(--main-light); margin-top: 32px;
}

.cookies_page h3 {
    color: var(--main-light); margin-top: 20px;
}

.cookies_page .table {
    color: var(--black); margin: 12px 0; width: 100%;
}

.cookies_page .table .row {
    display: flex; width: 100%; padding: 4px 0;
}

.cookies_page .table .row span {
    display: none;
}

.cookies_page .table .row div:nth-child(1){
    width: 30%;
}

.cookies_page .table .row div:nth-child(2){
    width: 15%;
}

.cookies_page .table .row div:nth-child(3){
    width: 55%;
}

.cookies_page a {
    color: var(--black); text-decoration: underline;
}

@media only screen and (max-width: 1780px) {
    .project_1 .right img.small {
        margin: 88px -88px 0 auto;
    }
    
    .project_2 .right {
        margin-left: 2%;
    }
    
    .home .content {
        margin: 88px auto 0 auto; width: 1304px;
    }
    
    .home .content .left {
        width: calc(100% - 683px - 88px); margin-right: 88px; margin-bottom: 40px;
    }
    
    .home .content .left .description {
        margin: 0; width: 100%;
    }
    
    .home .content .right {
        width: 683px; background: url("../images/home-building.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;
    }
    
    .home .content .right img {
        display: none;
    }

    .home .content_2 {
        margin: 0 auto; width: 1304px;
    }
    
    .home .content_2 .left {
        width: 526px;
    }
    
    .home .content_2 .right {
        width: calc(100% - 526px - 88px); margin: 0;
    }
    
    .home .neighborhood_info {
        position: absolute; width: 776px; right: 88px; top: 88px; box-sizing: border-box;
    }
    
    .home .content_4 {
        margin: 176px auto 0 auto; width: 1304px;
    }
    
    .home .content_4 .left {
        width: calc(100% - 644px); padding: 88px 60px 88px 88px;
    }
    
    .home .content_4 .left p {
        width: 100%;
    }
    
    .home .content_4 .right {
        width: 644px;
    }
    
    .home .content_4 .right img {
        display: none;
    }
    
    .home .content_4 .right {
        background: url("../images/home-building-3.jpg"); background-size: cover; background-position: center;
    }
    
    .project_1 {
        width: 1304px; margin: 88px auto;
    }
    
    .project_description .description {
        right: calc((100% - 1304px) / 2);
    }
    
    .project_1 .left .description {
        margin-top: 0;
    }
    
    .project_1 .left {
        width: calc(100% - 842px);
    }
    
    .project_1 .right {
        width: 842px;
    }
    
    .project_2 {
        width: 1304px; margin: 0 auto;
    }
    
    .project_2 .left {
        width: 725px; background: url("../images/project-2.jpg"); background-size: cover; background-position: center;
    }
    
    .project_2 .left img {
        display: none;
    }
    
    .project_2 .right {
        width: 400px; margin: 0 auto; background: url("../images/project-3.jpg"); height: 304px; background-position: center; background-size: cover;
    }
    
    .project_2 .right img {
        display: none;
    }
    
    .project_neighborhood {
        margin-top: 88px; width: 1304px; margin: 88px auto;
    }
    
    .project_neighborhood .left {
        width: 56%; box-sizing: border-box; padding: 88px 83px 79px 88px;
    }
    
    .project_neighborhood .left p {
        width: 100%;
    }
    
    .project_neighborhood .right {
        width: 44%;
    }
         
    .home_hero_image .container {
        right: unset; left: 50%; transform: translateX(-50%); width: 1304px;
    }
    
    .home_hero_image .container h1 {
        width: 750px;
    }
    
    .home_hero_image .container p {
        width: 750px;
    }
}

@media only screen and (max-width: 1700px) {    
    .apartment_details .close {
        right: 0; top: 0;
    }
}

@media only screen and (max-width: 1660px) {
    .apartment_details h1, .apartment_details h2 {
        font-size: 68px;
    }
}

@media only screen and (max-width: 1620px) {

}

@media only screen and (max-width: 1612px) {
    .location .content .left {
        width: calc(100% - 724px);
    }
}

@media only screen and (max-width: 1560px) {
    .page_apartments .text_container {
        right: 40px;
    }
}

@media only screen and (max-width: 1530px) {

}

@media only screen and (max-width: 1510px) {
    .project_1 .right .description {
        left: auto; right: 0px;
    }
}

@media only screen and (max-width: 1504px) {
    .project_description {
        margin-bottom: 88px;
    }
    
    .project_1 .left .description h1 {
        font-size: 52px; line-height: 60px;
    }

    .project_1 .left {
        width: calc(100% - 842px - 40px); margin-right: 40px;
    }
    
    .project_1 .left .description {
        width: 100%;
    }
}

@media only screen and (max-width: 1500px) {
    .floors .right #floor {
        margin: 80px 0 0 0;
    }
    
    .project_neighborhood .left {
        padding: 44px 0;
    }
    
    .project_neighborhood .left p {
        width: calc(100% - 40px); margin: 0 auto;
    }
    
    .page_apartments .building_apartments_info h2 {
        font-size: 50px; line-height: 50px;
    }
}

@media only screen and (max-width: 1400px) {
    .hero_text_container {
        margin: 0 20px; width: calc(100% - 40px); left: unset; transform: unset;
    }
    
    .location .content .left {
       flex-direction: column; justify-content: center;
    }
    
    .location .content .left .l {
        margin-bottom: 40px;
    }

    .home .content {
       width: calc(100% - 40px);  margin: 88px auto;
    }
    
    .home .content_2 {
        width: calc(100% - 40px);
    }
    
    .home .neighborhood_info {
        left: -176px;
    }
    
    .home .content_4 {
        width: calc(100% - 40px);
    }
    
    .project_1 {
        width: calc(100% - 40px);
    }
    
    .project_description .description {
        right: 20px;
    }
    
    .project_2 {
        width: calc(100% - 40px);
    }
    
    .project_neighborhood {
        width: calc(100% - 40px);
    }
    
    .project_3 img {
        width: calc(100% - 40px);
    }
            
    .home_hero_image .container {
        width: 750px; margin-left: 20px; transform: none; left: unset;
    }
    
    .apartments_hero_image .container {
        left: 24px; transform: translateX(0%);
    }
}

@media only screen and (max-width: 1320px) {
    .filter .content {
        width: calc(100% - 24px);
    }
        
    #apartment_list a {
        width: 33.333%;
    }
    
    .w_1320 {
        width: calc(100% - 24px);
    }
    
    #apartment_list a:nth-child(3n){
        border-right: none;
    }
    
    #apartment_list a:nth-child(4n){
        border-right: solid 1px var(--light_100);
    }
    
    .floors .right #floor .svg_floor_container .boxes div {
        font-size: 14px; padding: 4px;
    }
    
    .project_neighborhood .left p {
        font-size: 16px; line-height: 30px;
    }
        
    .location .content_2 .left p {
        width: 100%; padding: 0 20px; box-sizing: border-box;
    }
    
    .location .content_2 .left h2 {
        padding: 0 20px; width: 100%; box-sizing: border-box;
    }
    
    .location .content_2 .right {
        text-align: right;
    }
                
    .home_hero_image .container h1 {
        width: 100%;
    }
    
    .home_hero_image .container p {
        width: 100%;
    }
    
    .home .content .left .description h2 {
        font-size: 68px;
    }
    
    .cookie_conatainer .inner {
        width: 100%; padding: 0 12px; box-sizing: border-box; display: flex; flex-direction: column;
    }
    
    .cookie_conatainer .inner p {
        width: 100%; margin-bottom: 12px;
    }
    
    .cookies_page {
        width: calc(100% - 20px);
    }
    
    .contact {
        width: calc(100% - 24px);
    }
    
    .contact_hero_image h1 {
        width: calc(100% - 24px);
    }
    
    .apartments_hero_image .container h1 {
        font-size: 70px; margin-bottom: 22px;
    }
    
    .apartments_hero_image .container p {
        font-size: 20px; line-height: 28px;
    }
}

@media only screen and (max-width: 1305px) {
    .location .container_images_big {
        width: 100%;
    }
    
    .location .container_images {
        width: 100%;
    }
    
    .location .container_images div {
        width: 16.66%; margin: 0 0 15px 0;
    }
}
    
@media only screen and (max-width: 1300px) {
    .project_hero_image .icon_container {
        width: 100%;
    }
    
    .project_hero_image .icon_container .column p.number {
        font-size: 36px;
    }
    
    .project_hero_image .icon_container .column p.text {
        font-size: 16px;
    }
    
    .apartment_details h1, .apartment_details h2 {
        font-size: 52px;
    }
    
    .apartment_details .right h2 sup {
        font-size: 33px;
    }
    
    .apartment_details h3 {
        font-size: 26px;
    }
    
    .apartment_details .center {
        margin-left: 20px;
    }
    
    .apartment_details .right {
        margin-left: 20px;
    }
    
    .apartment_details .right .table .row {
        padding: 12px 0 0 0;
    }
    
    .location .content .left .r {
        width: 100%; padding: 0 20px; box-sizing: border-box;
    }
    
    .location .content .left .r p {
        font-size: 16px; line-height: 24px;
    }
        
    .page_apartments .building_apartments_info h2 {
        font-size: 40px; line-height: 40px;
    }
    
    .page_apartments .building_apartments_info div:nth-child(2) {
        font-size: 26px;
    }
    
    .page_apartments .building_apartments_info div:nth-child(3) {
        font-size: 18px;
    }
    
    .apartment_details .pictures_text {
        margin: 20px 0 20px 20px;
    }
}

@media only screen and (max-width: 1240px) {
    .home .content .left .description h2 {
        font-size: 62px; line-height: 69px;
    }
    
    .home .neighborhood_info {
        left: unset; right: 0; width: calc(100% + 176px);
    }
    
    .apartment_details .left {
        width: 35%;
    }
    
    .apartment_details .center_right_container {
        width: 75%;
    }
            
    .home .content_4 .left {
        width: 50%;
    }
        
    .home .content_4 .left p {
        font-size: 16px; line-height: 28px;
    }
    
    .home .content_4 .right {
        width: 50%;
    }
    
    .menu .language {
        margin-left: auto;
    }
    
    .contact .left {
        width: calc(100% - 440px);
    }
}

@media only screen and (max-width: 1200px) {    
    ._404_hero_image h1 {
        padding: 160px 0 0 40px; font-size: 80px;
    }
    
    ._404_hero_image h2 {
        margin-left: 40px; font-size: 42px;
    }
    
    ._404_hero_image .content {
        left: 40px;
    }    

    .home .content .left {
        width: calc(50% - 88px);
    }
    
    .home .content .right {
        width: 50%; background: url('../images/home-building.jpg'); background-size: cover; background-position: center;
    }
    
    .home .content .right img {
        display: none;
    }
    
    .project_description .description {
        padding: 40px; height: auto; font-size: 20px; width: 662px;
    }
    
    .project_1 .left {
        width: calc(100% - 750px - 40px);
    }
    
    .project_1 .right {
        width: 750px;
    }
    
    .project_1 .left .description p {
        font-size: 16px; line-height: 30px;
    }
    
    .project_2 .left {
        width: 600px; height: 522px;
    }
    
    .page_apartments .text_container {
        display: none !important;
    }
        
    .apartments_box_1200 {
        width: 100%; display: flex; padding: 88px 20px 10px 20px; box-sizing: border-box;
    }
    
    .apartments_box_1200 .left {
        width: 40%;
    }
    
    .apartments_box_1200 .left h1 {
        font-size: 70px; color: var(--main-light); line-height: 78px;
    }
    
    .apartments_box_1200 .left p {
        color: var(--black); margin-top: 40px; font-weight: 300; font-size: 20px; letter-spacing: 0.4px; padding-bottom: 40px;
    }
    
    .apartments_box_1200 .right {
        width: calc(60% - 88px); margin-left: 88px; margin-top: auto;
    }
    
    .apartments_box_1200 .right img {
        display: block; width: 100%;
    }
        
    .filter {
        display: none; height: 100%; width: 100%; position: fixed; top: 0; background: var(--main); z-index: 99999;
    }
    
    .filter .content .table {
        flex-direction: column;
    }
    
    .filter .content .table .column {
        width: 100% !important;
    }
    
    .filter_icon {
        display: flex;
    }
    
    .apartment_list_active_menu {
        margin-top: 40px !important;
    }
    
    #apartments_width_1920 {
        margin-top: 79px;
    }
    
    .filter {
        padding-top: 0; margin-top: 0;
    }
    
    .filter .content {
        top: 50%; position: relative; transform: translateY(-50%);
    }
    
    .filter .content .table .column:nth-child(1) .boxes div {
        padding: 9px 10px; margin: 0 12px 12px 0;
    }
    
    .filter .content .table .column:nth-child(3) .boxes div {
        padding: 9px 6px; margin: 0 12px 12px 0;
    }
    
    .filter .content .table .column:nth-child(1) .boxes div:last-child, .filter .content .table .column:nth-child(3) .boxes div:last-child {
        margin-right: 0;
    }
    
    .filter .hamburger {
        display: block; position: absolute; top: 50px; right: 40px
    }
    
    .filter .close_button {
        display: block;
    }
    
    .filter .content .table .column .boxes div:hover {
        transition: 0s; color: var(--white);
    }
    
    .filter .content .table .column .boxes div:hover:before {
        width: 0;
    }
}

@media only screen and (max-width: 1120px) {
    .floors .close {
        top: 0; right: 0; filter: invert(1);
    }    
    
    .floors {
        flex-direction: column; overflow: auto;
    }
    
    .floors .left {
        width: 100%;
    }
    
    .floors .left img:nth-child(1) {
        margin-top: 16px;
    }
    
    .floors .left img.situation {
        margin-top: 16px;
    }
    
    .floors .right {
        width: calc(100% - 128px);
    }
    
    .floors .left p {
        padding-bottom: 16px; text-align: center;
    }
    
    .floors .hamburger {
        display: block;
    }
    
    .apartment_details .right h2 sup {
        font-size: 27px;
    }
    
    #apartment_more_info {
        display: none !important;
    }

    .apartment_details h1, .apartment_details h2 {
        font-size: 42px;
    }
    
    .apartment_details h3 {
        font-size: 22px;
    }
        
    .location .content {
        flex-direction: column; background: var(--main);
    }
    
    .location .content .left {
        flex-direction: row; width: 100%; padding: 40px 20px; box-sizing: border-box;
    }
    
    .location .content .left .r {
        width: calc(100% - 290px); padding: 0;
    }
    
    .location .content .left .l {
        margin-bottom: 0;
    }
    
    .location .content .right {
        width: 100%;
    }
    
    .location .content .right img {
        margin-left: auto; width: 100%; max-width: 724px;
    }

    .location .content .left .l {
        display: block;
    }
    
    .location .content .left img {
        margin: 0 86px 0 68px
    }
         
    .floors .left {
        text-align: left;
    }
        
    .floors .left .logo {
        height: 110px;
    }
    
    .floors .left .logo img.big {
        display: none;
    }
    
    .floors .left .logo img.small {
        display: block;
    }
    
    .floors .left .logo img {
        height: 89px; width: auto; margin: 7px 0 0 40px; display: block;
    }
    
    .floors .right #floor {
        margin: 40px 0;
    }
    
    .floors .left .language {
        display: flex; float: right;
    }
    
    .floors .close {
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    .project_1 .left {
        width: calc(100% - 700px - 20px); margin-right: 20px;
    }
    
    .project_1 .right {
        width: 700px;
    }
    
    .project_description .description {
        font-size: 18px; line-height: 30px; width: 612px;
    }
    
    .project_2 .left {
         width: 540px; height: 477px;
    }
    
    .project_1 .left .description p {
        line-height: 26px;
    }
    
    .location .content_2 .right {
        align-self: center;
    }
    
    .location .content_2 .right img {
        margin: 0;
    }
}

@media only screen and (max-width: 1060px) {
    .home .neighborhood_info .row {
        justify-content: center;
    }
    
    .home .neighborhood_info .column p.number {
        font-size: 30px;
    }
    
    .home .neighborhood_info .column p.text {
        font-size: 16px;
    }
    
    .home_hero_image .container {
        width: calc(100% - 360px);
    }
    
    .home_hero_image .container h1 {
        font-size: 78px; line-height: 78px;
    }
    
    .home_hero_image .container p {
        font-size: 20px; line-height: 30px;
    }
    
    .apartments_box_1200 .left {
        width: 50%;
    }
    
    .apartments_box_1200 .left h1 {
        font-size: 60px; line-height: 68px;
    }
    
    .apartments_box_1200 .right {
        width: calc(50% - 40px); margin-left: 40px;
    }
    
    .apartments_box_1200 .left p {
        margin-top: 20px; font-size: 18px;
    }
    
    .location_hero_image h1 {
        font-size: 78px; line-height: 78px;
    }
}

@media only screen and (max-width: 1040px) {
    .menu .middle {
        display: none;
    }
    
    .menu .hamburger {
        display: flex;
    }
    
    .menu .language_title {
        display: none;
    }

    .home .content .left .description h2 {
        font-size: 52px; line-height: 57px;
    }
    
    .home .content .left .description p {
        line-height: 29px;
    }
    
    .home .neighborhood_info .row .column {
        width: 33.33%;
    }
    
    .location .content_2 .left h2 {
        font-size: 62px; line-height: 69px;
    }
}

@media only screen and (max-width: 1000px) {    
    .home .content_3 img.magnifying {
        right: -310px;
    }
    
    .page_apartments .building_apartments_info h2 {
        font-size: 34px; line-height: 34px;
    }
    
    .page_apartments .building_apartments_info div:nth-child(2) {
        font-size: 24px;
    }
    
    .page_apartments .building_apartments_info div:nth-child(3) {
        font-size: 16px;
    }
    
    .contact_hero_image h1 {
        font-size: 70px; bottom: 78px; line-height: 78px;
    }
}

@media only screen and (max-width: 990px) { 
    #apartment_list a {
        width: 50%;
    }
    
    #apartment_list a:nth-child(4n){
        border: none;
    }
    
    #apartment_list a:nth-child(3n){
        border-right: solid 1px var(--light_100);
    }
    
    #apartment_list a:nth-child(2n){
        border-right: none
    }
    
    .apartment_details .center h1 sup {
        font-size: 27px;
    }
    
    .apartment_details .center h1 span {
        display: block; float: right;
    }
    
    .apartment_details .center_right_container {
        width: calc(65% - 40px); padding-bottom: 40px;
    }
    
    .apartment_details .center_right {
        flex-direction: column; margin: 0 20px;
    }
    
    .apartment_details .center {
        width: 100%; margin-left: 0;
    }
        
    .apartment_details .right {
        margin: 0 0 0 auto;
    }
    
    .apartment_details .right p.area {
        margin: 40px 0 6px 0px;
    }
    
    .apartment_details .right .table {
        margin-left: 0; width: 100%;
    }
            
    .apartment_details .right h2, .apartment_details .right h3 {
        display: none;
    }
    
    .apartment_details .right {
        width: 280px;
    }
    
    .apartment_details .center .bedroom_status {
        display: block; float: right;
    }
    
    .project_hero_image .icon_container .column p.number {
        font-size: 26px;
    }
    
    .project_hero_image .icon_container .column p.text {
        font-size: 14px;
    }
    
    .project_1 {
        flex-direction: column; margin-top: 40px;
    }
    
    .project_1 .left {
        width: 100%;
    }
    
    .project_1 .left .description {
        width: 100%; margin: 0 0 40px 0;
    }
    
    .project_1 .left .description p {
        margin-top: 20px; font-size: 16px; line-height: 26px; padding: 0 4px;
    }
    
    .project_description .description {
        position: relative; top: 0; width: 100%; padding: 40px; right: unset;
    }
    
    .project_1 .right {
        width: 100%;
    }
    
    .project_2 .left {
        width: 55%; height: auto;
    }
    
    .project_2 .right {
        width: calc(45% - 40px); margin-left: 40px; height: 387px;
    }
    
    .home .content_4 .left {
        padding: 48px;
    }
}

@media only screen and (max-width: 960px) {
    .location .content_2 {
        flex-direction: column; margin-top: 40px;
    }
    
    .location .content_2 .left {
        width: 100%; display: flex; flex-direction: column-reverse;
    }
    
    .location .content_2 .right {
        width: 100%; text-align: center; display: none;
    }
        
    .location .content_2 .left img {
        display: block;
    }
    
    .location .content_2 .left p {
        margin-bottom: 20px;
    }
    
    .location .content_2 .left p:nth-of-type(3) {
        margin-top: 0 !important;
    }
                
    .home .content_2 .left {
        width: 50%; margin-right: 0;
    }
        
    .home .content_2 .right {
        width: 50%;
    }
    
    .home .neighborhood_info {
        width: calc(100% + 88px);
    }
    
    .home_hero_image .container {
        width: calc(100% - 300px);
    }
    
    .home_hero_image .container h1 {
        font-size: 60px; line-height: 68px;
    }
    
    .home .content_3 img.magnifying {
        right: -28vw;
    }
    
    .location_hero_image h1 {
        font-size: 60px; line-height: 68px; margin-bottom: 20px;
    }
    
    .location_hero_image p {
        font-size: 18px; line-height: 28px; width: 610px;
    }
        
    .contact {
        flex-direction: column;
    }
    
    .contact .left {
        width: 100%; 
    }
    
    .contact .right {
        margin: 40px auto 0 auto;
    }
}

@media only screen and (max-width: 900px) {       
    .project_neighborhood {
        flex-direction: column;
    }
    
    .project_neighborhood .left {
        width: 100%;
    }
    
    .project_neighborhood .right {
        width: 100%; padding-bottom: 80%; display: none;
    }
        
    .home .content .left {
        width: calc(50% - 40px); margin-right: 40px;
    }
    
    .home .content .left .description h2 {
        font-size: 42px; line-height: 46px;
    }
    
    .home .content .left .description p {
        font-size: 16px; line-height: 26px; text-align: left;
    }
    
    .home .content_3 img.magnifying {
        bottom: 120px; right: -30vw;
    }
    
    .home .content_4 .left p {
        text-align: left;
    }
    
    .project_description .description {
        text-align: left;
    }
        
    .apartments_box_1200 .left p {
        padding-bottom: 0;
    }
    
    .location .content .left img {
        margin: 0px 46px 0 48px;
    }
    
    .location .content .left .r {
        width: calc(100% - 230px); padding: 0;
    } 
    
    .project_1 .left .description p {
        text-align: left;
    }
    
    .project_neighborhood .left p {
        text-align: left;
    }
    
    .location .content .left .r p {
        text-align: left;
    }
    
    .location .content_2 .left p {
        text-align: left;
    }
    
    .page_apartments .building_apartments_info {
        display: none !important;
    }
    
    .contact_hero_image h1 {
        font-size: 60px; bottom: 68px; line-height: 68px;
    }
    
    .apartments_hero_image .container h1 {
        font-size: 60px; margin-bottom: 22px;
    }
    
    .apartments_hero_image .container p {
        font-size: 18px; line-height: 26px;
    }
}

@media only screen and (max-width: 840px) {
    .apartments_box_1200 {
        flex-direction: column; padding: 20px 20px 10px 20px;
    }
    
    .apartments_box_1200 .left {
        width: 100%;
    }
    
    .apartments_box_1200 .right {
        display: none;
    }
    
    .apartments_box_1200 .right img {
        width: 100%; margin: 0px auto;
    }
    
    .location .content_2 .left h2 {
        font-size: 52px; line-height: 59px;
    }
    
    .apartments_hero_image .container {
        left: 12px; width: calc(100% - 24px);
    }
}

@media only screen and (max-width: 820px) {
    .apartment_details h3 {
        font-size: 18px; letter-spacing: 0;
    }
}

@media only screen and (max-width: 800px) {
    .apartment_details .left {
        width: 40%;
    }
    
    .apartment_details .center_right_container {
        width: calc(60% - 40px);
    }
    
    .project_hero_image .icon_container {
        flex-wrap: wrap; bottom: 12px;
    }
        
    .project_hero_image .icon_container .column {
        width: 33.333%;
    }
    
    .project_hero_image .icon_container .column img {
        width: 60px;
    }
    
    .project_hero_image .icon_container .column:nth-child(n+4){
        margin-top: 30px;
    }
    
    .home .content_2 {
        flex-direction: column-reverse; width: 100%;
    }
    
    .home .content_2 .left {
        width: calc(100% - 40px); margin: 88px auto 0 auto; height: auto;
    }
    
    .home .content_2 .right {
        width: 100%;
    }
    
    .home .neighborhood_info {
        width: 100%; position: relative; top: 0; padding: 40px 0;
    }
    
    .home .content_4 {
        flex-direction: column; margin-top: 88px;
    }
    
    .home .content_4 .left {
        width: 100%;
    }
    
    .home .content_4 .right {
        width: 100%; background: unset;
    }
    
    .home .content_4 .right img {
        display: block;
    }
    
    .home_hero_image .container h1 {
        font-size: 50px; line-height: 58px;
    }
    
    .home_hero_image .container p {
        font-size: 18px; line-height: 28px;
    }
    
    .location_hero_image h1 {
        font-size: 50px; line-height: 58px;
    }
    
    .location_hero_image p {
        font-size: 16px; line-height: 26px; width: 550px;
    }
        
    .project_1 .left .description h1 {
        font-size: 50px; line-height: 58px;
    }
    
    .apartments_box_1200 .left h1 {
        font-size: 50px; line-height: 58px;
    }
    
    .cookies_page {
        padding: 108px 0 28px 0;
    }
    
    .cookies_page .table .row {
        flex-direction: column; margin-bottom: 12px;
    }
    
    .cookies_page .table .row span {
        display: block; font-size: 14px; color: var(--main-light);
    }
    
    .cookies_page .table .row div:nth-child(1), .cookies_page .table .row div:nth-child(2), .cookies_page .table .row div:nth-child(3) {
        width: 100%;
    }
    
    .cookies_page .cookie_header {
        display: none !important;
    }
}

@media only screen and (max-width: 752px) {
    .home_hero_image .container h1 {
        text-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
    }
    
    .location_hero_image {
        background: url(../images/bg-location-mobile.png); background-position: top center; background-size: cover;
    }
    
    .contact_hero_image {
        background: url(../images/bg-contact-mobile.png); background-position: top center; background-size: cover;
    }
    
    .home_hero_image {
        background: url(../images/bg-home-mobile.png); background-position: top center; background-size: cover;
    }
    
    .apratments_hero_image {
        background: url(../images/bg-apartments-mobile.png); background-position: top center; background-size: cover;
    }
    
    .project_hero_image {
        background: url(../images/bg-project-mobile.png); background-position: center; background-size: cover;
    }
    
    .hero_gallery {
        background: url(../images/bg-gallery-mobile.png); background-position: top center; background-size: cover;
    }
}

@media only screen and (max-width: 740px) { 
    .project_description .description {
        padding: 48px 48px 48px 40px; font-size: 18px; line-height: 30px;
    }
    
    ._404_hero_image h1 {
        padding: 40px 0 0 0; font-size: 80px; text-align: center; line-height: 100px;
    }
    
    ._404_hero_image h2 {
        margin-left: 0; font-size: 28px; text-align: center;
    }
    
    ._404_hero_image .content {
        left: 0; padding: 0 12px; box-sizing: border-box; bottom: 20px;
    }
    
    ._404_hero_image .content p {
        line-height: 24px;
    }
}

@media only screen and (max-width: 700px) {
    .filter .content .table {
        flex-direction: column;
    }
    
    .filter .content .table .column {
        width: 100% !important;
    }
    
    .footer .content {
        width: calc(100% - 24px); flex-direction: column; padding: 12px 0 24px 0;
    }
    
    .footer .content .left {
        width: 100%; padding-right: 0;
    }
    
    .footer .content .left p {
        text-align: center; margin-bottom: 12px;
    }
    
    .footer .content .right {
        width: 100%; border-left: none; border-top: solid 1px var(--main-light); padding: 24px 0 0 0; text-align: center;
    }
    
    .floors .right {
        width: calc(100% - 32px); margin: 0 16px;
    }
           
    .project_neighborhood .left {
        padding: 20px 0;
    }
    
    .project_neighborhood .left p {
        font-size: 16px; line-height: 22px;
    }
         
    .home .content {
        margin: 40px auto; flex-direction: column;
    }
    
    .home .content .left {
        width: 100%;
    }
    
    .home .content .right {
        width: 100%; background: unset; margin-top: 40px;
    }
    
    .home .content .right img {
        display: block;
    }
    
    .selling_begins {
        font-size: 14px; letter-spacing: 0.5px;
    }
    
    .home_hero_image .container {
        width: calc(100% - 40px); bottom: 70px;
    }
    
    .location_hero_image .hero_text_container {
        bottom: 24px;
    }
    
    .location .content .left img {
        margin: 0px 20px 0 0px;
    }
    
    .location .content .left .r {
        width: calc(100% - 150px);
    }
        
    .contact_hero_image h1 {
        font-size: 50px; bottom: 58px; line-height: 58px;
    }
    
    .apartments_hero_image .container h1 {
        font-size: 50px; margin-bottom: 12px;
    }
    
    .apartments_hero_image .container p {
        font-size: 16px; line-height: 24px;
    }
}

@media only screen and (max-width: 660px) { 
    .apartment_details .close {
        filter: invert(1);
    }
    
    #apartment_list a {
        width: 100%; border-right: none; border-bottom: solid 1px var(--light_100); margin: 0 20px;
    }
    
    #apartment_list .apartment {
        padding: 36px 4px;
    }
    
    #apartment_list a:nth-child(3n) {
        border-right: none;
    }
    
    .floors .right #floor .svg_floor_container .boxes div {
        font-size: 12px; padding: 2px; margin-right: 2px; letter-spacing: 0;
    }
    
    .apartment_details {
        flex-direction: column-reverse;
    }
    
    .apartment_details .left {
        padding-bottom: 20px;
    }
    
    .apartment_details .left img.logo {
        margin-top: 20px;
    }
        
    .apartment_details .left img.situation {
        margin-top: 20px;
    }
    
    .apartment_details .left .cross_section {
        margin-top: 20px;
    }
    
    .apartment_details .left {
        width: 100%;
    }
    
    .apartment_details .center_right_container {
        width: calc(100% - 40px);
    }
    
    .location .content_2 {
        margin-top: 20px;
    }
    
    .apartment_details .center_right .apartments_right_mobile {
        display: block;
    }
    
    .apartment_details .left .logo {
        display: none;
    }
    
    .apartment_details .center_right .logo {
        display: block; width: calc(100% + 40px); margin-left: -20px; height: 110px;
    }
    
    .apartment_details .center_right .logo img {
        margin-top: 20px;
    }
    
    .apartment_details .close {
        display: none;
    }
        
    .apartment_details .center_right .logo img.big {
        display: none;
    }
    
    .apartment_details .center_right .logo img.small {
        display: block; height: 89px; width: auto; margin: 7px 0 0 40px;
    }
    
    .apartment_details .center_right .language {
        display: flex; float: right;
    }
    
    .apartment_details .hamburger {
        display: flex;
    }
    
    .location .content .left {
        flex-direction: column;
    }
    
    .location .content .left .r {
        width: 100%; margin-top: 40px;
    }
    
    .location .content .left img {
        margin: 0;
    }
}

@media only screen and (max-width: 600px) {     
    .location .container_images_big .navigation_button {
        height: 64px; width: 64px;
    }
    
    .location .container_images_big .next_image {
        margin-left: 80px;
    }
    
    .home .content .left .description h2 {
        font-size: 36px; line-height: 38px;
    }
    
    .project_2 {
        flex-direction: column;
    }
    
    .project_2 .left {
        width: 100%; margin-bottom: 88px;
    }
    
    .project_2 .right {
        width: 100%; margin-left: 0px;
    }
        
    .project_hero_image .icon_container .column img {
        width: 50px;
    }
    
    .project_hero_image .icon_container .column p.number {
        margin: 4px 0 2px 0; font-size: 24px;
    }
    
    .project_hero_image .icon_container .column p.text {
        font-size: 12px;
    }
    
    .menu .logo {
        margin-left: 12px;
    }
    
    .menu .logo img {
        margin-top: 4px;
    }
    
    .floors .left .logo img {
        margin: 7px 0 0 12px;
    }
    
    .apartment_details .center_right .logo img.small {
        margin: 7px 0 0 12px;
    }
    
    .location .content_2 .left img {
        width: calc(100% - 40px); margin: 20px auto 30px auto; filter: drop-shadow(10px 10px 40px rgba(55, 53, 53, 0.2));
    }
    
    .gallery {
        gap: 8px; padding: 8px;
    }
    
    .gallery .row_2_images.row_1 a:nth-child(1) {
        width: calc(59.32% - 4px);
    }

    .gallery .row_2_images.row_1 a:nth-child(2) {
        width: calc(40.68% - 4px);
    }

    .gallery .row_2_images.row_2 a:nth-child(1) {
        width: calc(67% - 6px);
    }

    .gallery .row_2_images.row_2 a:nth-child(2) {
        width: calc(33% - 4px);
    }
    
    .contact .left p {
        font-size: 16px; line-height: 26px;
    }
    
    .contact .left img {
        margin: 30px 0;
    }
    
    .contact .right {
        margin-top: 40px;
    }
    
    .contact .right h2 {
        font-size: 40px; margin-bottom: -20px;
    }
    
    .contact .right b {
        font-size: 16px;
    }
    
    .contact .right p {
        font-size: 16px;
    }
    
    .location_hero_image p {
        width: 100%;
    }
    
    .home .neighborhood_info .row .column img {
        width: 80px;
    }
    
    .home_hero_image .container {
        width: calc(100% - 24px); margin-left: 12px;
    }
    
    .home .content {
        width: calc(100% - 24px);
    }
    
    .home .content_2 .left {
        margin-top: 20px; width: calc(100% - 24px);
    }
    
    .home .content_4 {
        margin-top: 20px; width: calc(100% - 24px);
    }
    
    .project_1 {
        margin: 20px auto; width: calc(100% - 24px);
    }
    
    .project_1 .left .description {
        margin-bottom: 20px;
    }
    
    .project_description {
        margin-bottom: 20px;
    }
    
    .project_neighborhood {
        margin: 20px auto; width: calc(100% - 24px);
    }
    
    .project_2 .left {
        margin-bottom: 0px;
    }
    
    .project_2 {
        margin-bottom: 20px; width: calc(100% - 24px);
    }
        
    .project_3 {
        margin-bottom: 20px;
    }
    
    .project_3 img {
        margin-top: 20px; width: calc(100% - 24px);
    }
    
    .location .container_images_big .next_image {
        margin-left: 50px;
    }
 
    .location .container_images_big .navigation_button {
        width: 50px; height: 50px;
    }
    
    .location .container_images_big .navigation_button img {
        width: 50px; height: 50px;
    }
    
    .location .content_2 .left h2 {
        padding: 0 12px;
    }
    
    .location .content_2 .left p {
        padding: 0 12px;
    }
    
    .location .content_2 .left img {
        width: calc(100% - 24px);
    }
}

@media only screen and (max-width: 560px) {     
    .location .content_2 .left h2 {
        margin-bottom: 20px;
    }
    
    .location .content_2 .left p {
        font-size: 16px; line-height: 26px;
    }
    
    .location_hero_image h1 span {
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    .floors .left img:nth-child(1) {
        width: 140px;
    }
    
    .floors .left img.situation {
        width: calc(100% - 16px);
    }
    
    .floors .right {
        width: calc(100% - 16px); margin: 0 8px;
    }
    
    .floors .right h1 {
        font-size: 50px;
    }
    
    .apartment_details .right {
        width: 100%;
    }
    
    .apartment_details .center h1, .apartment_details .center h1 span {
        font-size: 34px;
    }
    
    .apartment_details .center h1 sup {
        font-size: 22px;
    }
    
    .apartment_details h3 {
        font-size: 15px;
    }
    
    .apartment_details .right .table .row div:nth-child(2) {
        width: calc(100% - 32px - 80px);
    }
    
    
    .project_description .description {
        font-size: 15px; line-height: 24px; padding: 28px 28px 28px 20px;
    }
                
    .apartment_details .left .logo {
        height: 120px;
    }
    
    .apartment_details .left .logo img {
        margin-top: 16px; width: 140px;
    }
    
    .hero_text_container {
        bottom: 20px; width: calc(100% - 24px);
    }
    
    .project_1 .left .description h1 {
        line-height: 48px; font-size: 40px;
    }
    
    .apartments_box_1200 .left h1 {
        line-height: 48px; font-size: 40px;
    }
    
    .apartments_box_1200 .left p {
        font-size: 16px; line-height: 26px;
    }

    .apartments_hero_image .container h1 {
        font-size: 40px;
    }
    
    .apartments_hero_image .container p {
        font-size: 15px; line-height: 21px;
    }
}

@media only screen and (max-width: 488px) {                  
    .home .content_3 {
        margin-top: 40px;
    }
    
    .home .content_2 {
        margin-top: 40px;
    }
    
    .home .content_4 .right {
        margin-top: 40px;
    }
    
    .home .content .left .description p {
        margin-top: 20px;
    }
    
    .home .content .right {
        margin-top: 0;
    }
        
    .home .content_4 .left {
        padding: 20px;
    }
        
    .location .content_4 {
        padding-bottom: 40px;
    }
    
    .location .content_5 {
        padding-top: 40px;
    }
}
   
@media only screen and (max-width: 450px) {     
    .location_hero_image h1 {
        font-size: 40px; line-height: 48px; margin-bottom: 12px;
    }
        
    .home .neighborhood_info .column p.number {
        font-size: 22px; margin-bottom: 4px;
    }
    
    .home .neighborhood_info .column p.text {
        font-size: 12px;
    }
    
    .home_hero_image .container h1 {
        font-size: 40px; line-height: 48px;
    }
    
    .home_hero_image .container p {
        font-size: 15px; line-height: 24px; margin-top: 20px;
    }
    
    .location .content .left {
        padding: 20px;
    }
    
    .location .content .left .r {
        margin-top: 20px;
    }
    
    .location .content_2 .left h2 {
        font-size: 36px; line-height: 38px;
    }
        
    .contact_hero_image h1 {
        font-size: 40px; bottom: 48px; line-height: 48px;
    }
    
    .selling_begins {
        font-size: 12px;
    }
    
    .contact .right {
        width: 100%; margin-top: 20px;
    }
    
    .contact .right > div {
        padding: 12px;
    }
    
    .contact {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 410px) {    
    .home .content_3 img.magnifying {
        width: calc(100vw - 24px); max-width: 360px; height: auto; right: -37vw;
    }
}